/* === Winter Theme — URDM («Северное сияние») ===
 *
 * Концепция: «Северное сияние».
 * Питомник называется «Северное сияние» — тема прямо отражает бренд.
 * Полярная ночь над уральской тайгой: олени на снегу, тёмное звёздное
 * небо, и над ними — живые переливы авроры. Не «рождественская ёлка» —
 * дикая северная природа.
 *
 * Триада: полярная ночь (тёмно-синий) + аврора (бирюза) + фиолетовый отблеск.
 * Бирюза — главный action-цвет (кнопки, акценты). Фиолетовый —
 * декоративные детали (разделитель, второй отблеск авроры).
 * Фон — холодный лунный белый, ледяной снег (не тёплый кремовый).
 *
 * Это единственная зимняя тема (бывший вариант winter_aurora, переименован).
 *
 * Компонентные стили (.btn-primary, .age-badge, .seasonal-divider, ...)
 * см. в themes/components.css — они работают во всех сезонных темах.
 * Здесь только палитра, типографика и атмосферные детали.
 */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Source+Sans+3:wght@400;500;600;700&display=swap');

.theme-winter {
  /* === Палитра ===
   * Полярная ночь — тёмно-синий, как небо над тайгой в 23:00.
   * Не чёрный, не серый — именно глубокий синий мороз.
   */
  --color-primary: #1A3A5C;          /* полярная ночь */
  --color-primary-dark: #0D2040;     /* глубокий космос */
  --color-primary-light: #2E5F8A;    /* зимние сумерки */

  /* Аврора — бирюзово-зелёное сияние. Живой, холодный, природный цвет.
   * Не кислотный неон — приглушённая бирюза, как настоящее северное сияние
   * на длинной выдержке. Тёмный текст на нём читается лучше белого.
   */
  --color-accent: #00968A;           /* аврора (бирюза) */
  --color-accent-soft: #00B4A6;      /* светлая фаза, hover */

  /* Фиолетовый отблеск — второй цвет авроры. В природе аврора
   * переливается от зелёного к фиолетово-розовому. Используется
   * только как декоративный акцент: разделитель, рамка кнопки,
   * лёгкий фоновый блик.
   */
  --color-aurora-violet: #7B5EA7;    /* фиолетовый отблеск */
  --color-aurora-violet-soft: #9B80C4;

  /* Фон — холодный лунный белый, ледяной снег.
   * Принципиально отличается от тёплого кремового (#F5EEDC) других тем.
   * Ощущение мороза и чистоты.
   */
  --color-bg: #EDF0F7;               /* лунный снег */
  --color-surface: #F8FAFF;          /* ледяной белый */
  --color-text: #111827;             /* почти чёрный, глубокий */
  --color-text-muted: #4A5568;       /* холодный серо-синий */
  --color-border: #C8D3E8;           /* иней на стекле */

  /* === Типографика ===
   * Cormorant Garamond — высокий контраст штрихов, ощущение старинной
   * рукописи или гравюры. Элегантнее Playfair, тоньше и острее.
   * Идеально для «природного» настроения без рождественской помпезности.
   * Body — Source Sans 3 как во всех темах.
   */
  --font-heading: 'Cormorant Garamond', 'PT Serif', Georgia, serif;
  --font-body: 'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* === Hero ===
   * Картинка: Дед Мороз с тройкой оленей (MJ, кроп 1024x810, WebP).
   * Overlay — только тёмно-синий сверху (для читаемости заголовка),
   * гаснет к середине и дальше не трогает картинку — низ и середина
   * остаются без затемнения.
   */
  --hero-bg-image: url('/static/img/seasons/winter/hero-bg.webp');
  --hero-overlay: linear-gradient(
      180deg,
      rgba(10, 20, 48, 0.65) 0%,
      rgba(10, 20, 48, 0.30) 20%,
      rgba(10, 20, 48, 0) 45%
    );
  --hero-min-height: 600px;
}

/* На узких экранах cover обрезает картинку по центру — виден только
 * олень, Дед Мороз (правая часть кадра) уходит за край. Сдвигаем фокус
 * вправо, чтобы его голова попадала в кадр. */
@media (max-width: 767px) {
  .theme-winter .hero {
    background-position: 75% center;
  }
}

/* === Атмосферные детали ===
 * Два полярных сияния: бирюзовое слева сверху (основной цвет авроры),
 * фиолетовое справа снизу (второй отблеск). Едва заметные, создают
 * ощущение живого неба, не плоского фона.
 */
body.theme-winter {
  background-image:
    radial-gradient(ellipse at 15% 10%, rgba(0, 150, 138, 0.08) 0%, transparent 45%),
    radial-gradient(ellipse at 85% 85%, rgba(123, 94, 167, 0.06) 0%, transparent 45%);
}

/* === Сезонные override компонентов === */

/* Разделитель — аврора: бирюзовая волна с фиолетовой точкой.
 * Визуально показывает переход цвета авроры.
 */
.theme-winter .seasonal-divider {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24'><path d='M0 12 Q30 2 60 12 T120 12' stroke='%2300968A' stroke-width='1.5' fill='none' opacity='0.55'/><circle cx='60' cy='12' r='2.5' fill='%237B5EA7' opacity='0.85'/><circle cx='60' cy='12' r='1' fill='%23C8AEEE'/></svg>");
}

/* Hero-текст прижат влево — на новой картинке (Дед Мороз с оленями)
 * лицо Деда Мороза справа, правое выравнивание наезжало прямо на него.
 */
.theme-winter .hero__inner {
  text-align: left;
}

.theme-winter .hero__actions {
  justify-content: flex-start;
}

/* Hero H1 — Cormorant Garamond 700, чистый холодный белый.
 * Тонкий бирюзовый glow вместо золотого: аурора подсвечивает снег.
 * ВАЖНО: базовое h1{color: var(--color-primary-dark)} из components.css
 * перебивает наследование белого от .hero — нужен явный цвет.
 */
.theme-winter .hero__title {
  color: #F0F6FF;                    /* холодный лунный белый */
  font-weight: 700;
  letter-spacing: -0.02em;
  text-shadow:
    0 2px 12px rgba(0, 0, 0, 0.6),
    0 0 40px rgba(0, 150, 138, 0.20);
  margin: 0 auto auto 0;              /* прижат влево вместо вправо */
}

.theme-winter .hero__lead {
  color: rgba(224, 236, 255, 0.90);  /* холодный белый с синим оттенком */
  margin: 0 auto 32px 0;              /* прижат влево вместо вправо */
}

/* Countdown badge — тёмно-синий корпус + бирюзовая рамка.
 * Как цифровой дисплей в полярную ночь.
 */
.theme-winter .hero__countdown {
  background: rgba(13, 32, 64, 0.88);
  border-color: rgba(0, 150, 138, 0.70);
  color: #E0ECFF;
  text-shadow: none;
}

.theme-winter .hero__countdown strong {
  color: var(--color-accent-soft);
}

/* Главная кнопка — бирюзовая аврора.
 * Вертикальный градиент: светлее сверху (небо), темнее снизу (лес).
 * Тёмный текст: на бирюзе читается лучше белого (контраст ~5:1).
 * На hover — фиолетовая окантовка: переход цвета авроры.
 */
.theme-winter .btn-primary {
  color: #0D2040;
  background: linear-gradient(
      180deg,
      var(--color-accent-soft) 0%,
      var(--color-accent) 50%,
      #007068 100%
    );
  box-shadow:
    var(--shadow-sm),
    inset 0 1px 0 rgba(180, 240, 235, 0.45),
    inset 0 -1px 0 rgba(0, 40, 36, 0.30);
  text-shadow: none;
}

.theme-winter .btn-primary:hover {
  color: #0D2040;
  background: linear-gradient(
      180deg,
      #20CFC0 0%,
      var(--color-accent-soft) 50%,
      #008A80 100%
    );
  box-shadow:
    var(--shadow-md),
    0 0 0 1px rgba(123, 94, 167, 0.55),
    inset 0 1px 0 rgba(180, 240, 235, 0.55),
    inset 0 -1px 0 rgba(0, 40, 36, 0.30);
}

/* Age badge — тёмно-синий корпус с бирюзовым текстом.
 * Контраст высокий, ощущение «цифрового севера».
 */
.theme-winter .age-badge {
  background: var(--color-primary);
  color: var(--color-accent-soft);
}

/* Вторичная кнопка («Школьным группам») — залита полярной ночью
 * (бывший hover-стиль стал базовым). На hover — чуть светлее (зимние
 * сумерки), чтобы оставалась обратная связь при наведении.
 */
.theme-winter .btn-secondary {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: #E0ECFF;
}

.theme-winter .btn-secondary:hover {
  background: var(--color-primary-light);
  border-color: var(--color-primary-light);
  color: #E0ECFF;
}

/* === Левое меню: заголовки секций («Для школьных групп» и др.) ===
 * Базовый h3 наследует --font-heading — дисплейный сериф. В этой теме это
 * Cormorant Garamond: высокий контраст штрихов хорош на крупном hero,
 * но на мелком нав-лейбле (16.8px) тонкие части букв почти пропадают —
 * читается хрупко. Переключаем нав-заголовки на читаемый sans
 * (Source Sans 3), sentence case — как в летней теме.
 */
.theme-winter #sectionLinks h3 {
  font-family: var(--font-body);
  font-weight: 700;
  color: var(--color-primary-dark);
}

/* === Шапка: бренд «Уральская резиденция Деда Мороза» ===
 * Cormorant Garamond на 16px в навбаре выглядел хрупко — тонкие штрихи
 * высококонтрастного серифа на мелком размере пропадают. Курсивный
 * <small> — шаблонный паттерн «заголовок + курсивный подзаголовок».
 * Брендворд переводим на чистый sans (Source Sans 3): дисплейный сериф
 * остаётся для крупных hero-заголовков, навбар/UI — санс. «Деда Мороза» —
 * лёгкой строкой без курсива. Сигнатура темы — снежинка с градиентом
 * авроры (бирюза → фиолет): визуализирует «Северное сияние» (питомник).
 */
.theme-winter .urdm-navbar-brand {
  font-family: var(--font-body);
  gap: 10px;
}

.theme-winter .urdm-navbar-brand-name {
  font-size: 1.02rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0;
  color: #F0F6FF;                     /* холодный лунный белый */
}

.theme-winter .urdm-navbar-brand-name small {
  font-size: 0.78rem;
  font-weight: 400;
  font-style: normal;                 /* убираем курсив */
  letter-spacing: 0.03em;
  opacity: 0.82;
  color: #C8D3E8;                     /* иней */
}

/* Сигнатура: снежинка-аврора (бирюза → фиолетовый отблеск). */
.theme-winter .urdm-navbar-brand-icon {
  background: linear-gradient(135deg, var(--color-accent-soft) 0%, var(--color-aurora-violet-soft) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}