/* S2 (2026-10-18): продажи и шаринг — стили кнопок sales.js. Подключается после adaptive.css и readability.css. */

/* --- кнопка «Заказать» в строке услуги --- */
.table-row__info { display: flex; align-items: center; gap: 8px; }
.table-row__info .table-row__name { flex: 1 1 auto; min-width: 0; }
.sales-order {
  flex: 0 0 auto; display: inline-flex; align-items: center; gap: 4px;
  padding: 3px 8px 3px 6px; border-radius: 999px;
  border: 1px solid rgba(37, 211, 102, 0.45); background: rgba(37, 211, 102, 0.08); color: #1f8f4a;
  font-family: var(--font-body); font-size: 8px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase;
  text-decoration: none; white-space: nowrap; line-height: 1; cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
}
.sales-order svg { width: 11px; height: 11px; display: block; }
.sales-order:hover, .sales-order:focus-visible { background: rgba(37, 211, 102, 0.18); border-color: rgba(37, 211, 102, 0.8); outline: none; }
.table-row__schedule { width: 100%; } /* расписание остаётся под названием, если оно есть */

/* --- панель сверху: Поделиться · PDF · На сайт --- */
.sales-bar {
  position: fixed; top: 16px; right: 150px; z-index: 50;
  display: flex; gap: 6px; align-items: center;
}
.sales-bar__btn {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 8px 12px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.55); font-family: var(--font-body); font-size: 10px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase;
  text-decoration: none; cursor: pointer; line-height: 1; transition: color 0.15s, border-color 0.15s, background 0.15s;
}
.sales-bar__btn svg { width: 13px; height: 13px; display: block; flex: 0 0 auto; }
.sales-bar__btn:hover, .sales-bar__btn:focus-visible { color: #fff; border-color: rgba(184, 141, 115, 0.6); background: rgba(184, 141, 115, 0.12); outline: none; }

/* подсказка «ссылка скопирована» */
.sales-toast {
  position: fixed; left: 50%; bottom: 72px; transform: translateX(-50%) translateY(8px); z-index: 60;
  padding: 10px 16px; border-radius: 10px; background: rgba(26, 26, 26, 0.92); color: #fff; border: 1px solid rgba(184, 141, 115, 0.4);
  font-family: var(--font-body); font-size: 12px; opacity: 0; pointer-events: none; transition: opacity 0.2s, transform 0.2s;
}
.sales-toast.is-visible { opacity: 1; transform: translateX(-50%) translateY(0); }

/* --- iPad: кнопки крупнее --- */
@media (min-width: 769px) and (max-width: 1024px) {
  .sales-order { font-size: 11px; padding: 6px 12px 6px 9px; }
  .sales-order svg { width: 14px; height: 14px; }
}

/* --- телефон: «Заказать» на отдельной строке под названием, touch-цель ≥ 36px; панель справа сверху --- */
@media (max-width: 768px) {
  .table-row__info { flex-wrap: wrap; }
  .table-row__info .table-row__name { flex-basis: 100%; }
  .sales-order { font-size: 10px; padding: 8px 12px 8px 10px; min-height: 32px; }
  .sales-order svg { width: 14px; height: 14px; }
  /* шапка слайда на телефоне светлая и занята заголовком — панель уходит в правый нижний угол над нижней полосой,
     круглые тёмные кнопки с иконками (подписи скрыты) */
  .sales-bar { top: auto; right: 10px; bottom: 58px; flex-direction: column; gap: 8px; }
  .sales-bar__btn { width: 38px; height: 38px; padding: 0; justify-content: center; border-radius: 50%;
    background: rgba(26, 26, 26, 0.82); border-color: rgba(184, 141, 115, 0.45); color: #fff; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25); }
  .sales-bar__btn svg { width: 16px; height: 16px; }
  .sales-bar__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
@media (max-width: 900px) and (orientation: landscape) {
  .sales-bar { top: auto; right: 10px; bottom: 44px; flex-direction: row; gap: 8px; }
}

/* --- печать: кнопки скрыть, на каждом слайде — подпись (из data-атрибутов sales.js) --- */
@media print {
  .sales-bar, .sales-order, .sales-toast { display: none !important; }
  .slide::after {
    content: attr(data-print-title) "   ·   " attr(data-print-page);
    display: block; margin: 8px 0 0; padding-top: 6px; border-top: 1px solid #ddd;
    font-family: var(--font-body), sans-serif; font-size: 9px; letter-spacing: 0.08em; color: #666; text-align: center;
  }
  @page { margin: 12mm; }
}