/* Stomatology theme overrides (force yellow primary in dynamic/unified blocks) */

:root {
  --color-primary: #FBC02D;
  --color-primary-hover: #E6A91F;
  --color-deep-dark: #121826;
  --shadow-primary: 0 10px 20px -5px rgba(251, 192, 45, 0.3);
}

/* Unified мастера/время:
   - Скрин 3: индикаторы выбора (кружки) делаем ЧЁРНЫМИ
   - Скрин 4: слоты времени остаются ЖЁЛТЫМИ
*/
.master-block-unified-selected {
  border-color: #000 !important;
}

.master-block-unified-selected.selected {
  background: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
}

.time-slot-unified:hover {
  border-color: var(--color-primary) !important;
}

.time-slot-unified.selected,
.time-slot-unified.selected.disabled,
.time-slot-unified.hover-highlight {
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: var(--color-deep-dark) !important;
}

/* Нижняя кнопка на экране специалистов */
.masters-select-time-btn {
  background: var(--color-primary) !important;
  color: var(--color-deep-dark) !important;
}

/* hover кнопки не должен становиться коричневым */
.masters-select-time-btn:not(.disabled):not(:disabled):hover {
  background: var(--color-primary-hover) !important;
}

/* Скрин 2: прогресс-бар сверху (не кнопка) — чёрный */
.booking-progress-fill {
  background: #000 !important;
}

/* Скрин 1: цены/длительность в списке услуг — чёрные (кнопки остаются жёлтые) */
.service-price-new {
  color: #000 !important;
}

.service-duration-new,
.service-price-duration-block {
  color: #000 !important;
}

/* Скрин 4: слоты времени — жёлтые */
.time-slot.selected,
.time-slot-expandable.selected,
.time-slot-single.selected,
.time-slot-expandable.selected.disabled,
.time-slot-single.selected.disabled {
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: var(--color-deep-dark) !important;
}

/* Скрин 5: итоговая карточка — чёрные заголовки/длительность/акценты */
.booking-service-title,
.booking-service-datetime,
.booking-service-master,
.booking-total-label,
.booking-total-price,
.booking-duration-value,
.booking-service-duration .booking-duration-value {
  color: #000 !important;
}

/* =========================
   Глобальная замена "бронзы/коричневого" на жёлтый
   (на случай, если в styles.css остались tailwind-подобные классы с #A3836B)
   ========================= */

/* text-[#A3836B] */
.text-\[\#A3836B\],
.salons-header-section .text-\[\#A3836B\] {
  color: var(--color-primary) !important;
}

/* bg-[#A3836B], bg-[#A78165] и их прозрачные варианты */
.bg-\[\#A3836B\],
.bg-\[\#A78165\] {
  background: var(--color-primary) !important;
}

.bg-\[\#A3836B\]\/5,
.bg-\[\#A78165\]\/5 {
  background: rgba(251, 192, 45, 0.05) !important;
}

.bg-\[\#A3836B\]\/10,
.bg-\[\#A78165\]\/10,
.salons-header-section .bg-\[\#A3836B\]\/10 {
  background: rgba(251, 192, 45, 0.1) !important;
}

/* border-[#A3836B] */
.border-\[\#A3836B\],
.border-\[\#A78165\] {
  border-color: var(--color-primary) !important;
}

/* focus ring */
.focus\:ring-\[\#A3836B\]\/20:focus {
  box-shadow: 0 0 0 2px rgba(251, 192, 45, 0.2) !important;
}

/* Градиенты, где раньше была бронза */
.daily-promotion-notification,
.bg-duna-bronze-gradient {
  background: linear-gradient(135deg, var(--color-primary) 0%, #FDD85A 100%) !important;
  box-shadow: 0 4px 12px rgba(251, 192, 45, 0.3) !important;
}

/* Остаточные "бронзовые" hover/shadow из styles.css — перекрываем жёлтым */
.services-categories .category-item:hover {
  background: rgba(251, 192, 45, 0.05) !important;
}

.services-subcategories .subcategory-item:hover {
  background: rgba(251, 192, 45, 0.05) !important;
  box-shadow: 0 2px 8px rgba(251, 192, 45, 0.15) !important;
}

.cert-step-dot.active {
  box-shadow: 0 4px 12px rgba(251, 192, 45, 0.4) !important;
}

.cert-step-line.active {
  box-shadow: 0 0 8px rgba(251, 192, 45, 0.3) !important;
}

.master-detail-scroll-top {
  box-shadow: 0 4px 12px rgba(251, 192, 45, 0.3) !important;
}

.master-detail-scroll-top:hover {
  box-shadow: 0 6px 16px rgba(251, 192, 45, 0.4) !important;
}

/* Inline SVG icons in index.html (быстрый доступ / сертификаты / пины в меню) */
.btn-gift-square,
.quick-access-icon,
.address-link {
  color: var(--color-primary) !important;
}

.gift-icon,
.quick-access-svg {
  stroke: var(--color-primary) !important;
}

.gift-icon *,
.quick-access-svg * {
  stroke: var(--color-primary) !important;
}

.pin-icon path {
  fill: var(--color-primary) !important;
}

/* Salons screen header: match mock (light pin button) */
.salons-icon-wrapper {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
}

/* =========================
   Screen 1 (services list) — force stom colors
   ========================= */
/* Bottom "ПРОДОЛЖИТЬ" button */
.services-continue-button {
  background: var(--color-primary) !important;
  color: var(--color-deep-dark) !important;
  box-shadow: 0 20px 40px -10px rgba(251, 192, 45, 0.45) !important;
}
.services-continue-button:active {
  background: var(--color-primary-hover) !important;
}

/* Selected service check circle — use the same black as screen 2 */
.service-card-new.selected .service-add-btn {
  background: var(--color-deep-dark) !important;
  color: #fff !important;
}

/* =========================
   Bookings ("Мои визиты") — force stom colors
   (в styles.css есть дубли, где активная вкладка оставалась бронзовой)
   ========================= */
.bookings-tab-new.active {
  color: var(--color-primary) !important;
}

/* Past bookings: "Повторить запись" should be yellow with dark text */
.booking-action-btn.repeat-booking-btn {
  background: var(--color-primary) !important;
  color: var(--color-deep-dark) !important;
}
.booking-action-btn.repeat-booking-btn:hover {
  background: var(--color-primary-hover) !important;
}