/* Палітра «Головна сторінка» (data-theme="home"): основа — №20 («Шавлія та вино»).
   Шапка, поки фон сторінки темний (сцена вгорі і body.page-dark): фон = футер №20,
   текст і логотип — як у темній шапці №43 («Багряний прожектор»). */
[data-theme="home"] {
  --home-hd-bg: var(--zt-footer);
  --home-hd-ink: #f4f1e9;
  --home-hd-muted: #cdd4d6;
  --home-hd-accent: #e2b96f;
  --home-hd-line: #61727d;
}

html[data-theme="home"] body.page-dark #site-header.zt3-header.zt3-header,
html[data-theme="home"] body #site-header.zt3-header.zt3-header.header--over-hero {
  background: var(--home-hd-bg) !important;
  border-bottom-color: var(--home-hd-bg) !important;
  color: var(--home-hd-ink);
}
html[data-theme="home"] body.page-dark #site-header.zt3-header .zt3-brand,
html[data-theme="home"] body.page-dark #site-header.zt3-header .zt3-brand__name,
html[data-theme="home"] body.page-dark #site-header.zt3-header .zt3-brand__mark,
html[data-theme="home"] body #site-header.zt3-header.header--over-hero .zt3-brand,
html[data-theme="home"] body #site-header.zt3-header.header--over-hero .zt3-brand__name,
html[data-theme="home"] body #site-header.zt3-header.header--over-hero .zt3-brand__mark { color: var(--home-hd-ink); }
html[data-theme="home"] body.page-dark #site-header.zt3-header .zt3-brand__top,
html[data-theme="home"] body #site-header.zt3-header.header--over-hero .zt3-brand__top { color: var(--home-hd-accent); }
html[data-theme="home"] body.page-dark #site-header.zt3-header .zt3-menu .nav-link,
html[data-theme="home"] body #site-header.zt3-header.header--over-hero .zt3-menu .nav-link { color: var(--home-hd-muted) !important; }
html[data-theme="home"] body.page-dark #site-header.zt3-header .zt3-menu .nav-link:hover,
html[data-theme="home"] body.page-dark #site-header.zt3-header .zt3-menu .nav-link.current-menu-item,
html[data-theme="home"] body #site-header.zt3-header.header--over-hero .zt3-menu .nav-link:hover,
html[data-theme="home"] body #site-header.zt3-header.header--over-hero .zt3-menu .nav-link.current-menu-item { color: var(--home-hd-accent) !important; }
html[data-theme="home"] body.page-dark #site-header.zt3-header .zt3-menu .nav-link::after,
html[data-theme="home"] body #site-header.zt3-header.header--over-hero .zt3-menu .nav-link::after { background-color: var(--home-hd-accent) !important; }
html[data-theme="home"] body.page-dark #site-header.zt3-header .zt3-phone,
html[data-theme="home"] body #site-header.zt3-header.header--over-hero .zt3-phone { color: var(--home-hd-ink) !important; border-left-color: var(--home-hd-line); }
html[data-theme="home"] body.page-dark #site-header.zt3-header .zt3-burger,
html[data-theme="home"] body #site-header.zt3-header.header--over-hero .zt3-burger { color: var(--home-hd-ink); border-color: var(--home-hd-accent); }
/* логотип: світлий варіант для темної шапки */
html[data-theme="home"] body.page-dark #site-header .zt3-logo--light,
html[data-theme="home"] body #site-header.header--over-hero .zt3-logo--light { display: none; }
html[data-theme="home"] body.page-dark #site-header .zt3-logo--dark,
html[data-theme="home"] body #site-header.header--over-hero .zt3-logo--dark { display: block; }

/* цветной логотип на главной: не зависит от светлого/тёмного состояния шапки */
.zt3-logo--color { object-fit: contain; }
html body #site-header .zt3-logo--color { display: block; }

/* Блок «Репертуар» на головній: гама з токенів палітри (як у №20).
   В інших палітрах змінних немає — діють кольори за замовчуванням з front-page.php. */
html[data-theme="home"] #fp-repertoire {
  --fp-rep-bg: var(--zt-bg);
  --fp-rep-card: var(--zt-paper);
  --fp-rep-ink: var(--zt-ink);
  --fp-rep-accent: var(--zt-accent);
  --fp-rep-accent-contrast: var(--zt-accent-contrast);
  --fp-rep-tag-ink: var(--zt-muted);
  --fp-rep-tag-bg: color-mix(in srgb, var(--zt-ink) 6%, transparent);
  --fp-rep-tag-line: var(--zt-line);
}

/* Випадне меню в темній шапці — теж темне */
html[data-theme="home"] body.page-dark #site-header.zt3-header .nav-dropdown__inner,
html[data-theme="home"] body #site-header.zt3-header.header--over-hero .nav-dropdown__inner {
  background: var(--home-hd-bg); border-color: var(--home-hd-bg);
  box-shadow: 0 1px 2px rgba(0,0,0,.3), 0 14px 32px -8px rgba(0,0,0,.55);
}
html[data-theme="home"] body.page-dark #site-header.zt3-header .nav-dropdown__inner::before,
html[data-theme="home"] body #site-header.zt3-header.header--over-hero .nav-dropdown__inner::before { background: var(--home-hd-bg); border-color: var(--home-hd-bg); }
html[data-theme="home"] body.page-dark #site-header.zt3-header .nav-dropdown__link,
html[data-theme="home"] body #site-header.zt3-header.header--over-hero .nav-dropdown__link { color: var(--home-hd-ink); }
html[data-theme="home"] body.page-dark #site-header.zt3-header .nav-dropdown__link:hover,
html[data-theme="home"] body #site-header.zt3-header.header--over-hero .nav-dropdown__link:hover,
html[data-theme="home"] body.page-dark #site-header.zt3-header .nav-dropdown__link:focus-visible,
html[data-theme="home"] body #site-header.zt3-header.header--over-hero .nav-dropdown__link:focus-visible { color: var(--home-hd-accent); background: color-mix(in srgb, var(--home-hd-ink) 8%, transparent); }
html[data-theme="home"] body.page-dark #site-header.zt3-header .nav-dropdown__link.current-menu-item,
html[data-theme="home"] body #site-header.zt3-header.header--over-hero .nav-dropdown__link.current-menu-item { color: var(--home-hd-accent); }

/* Календарь на главной: «Квитки» */
html:root[data-theme="home"] .ts-day:not(.ts-day--past) .ts-day__item-ticket {
  color: #420101;
  background: #ffc069;
}

/* ── Телефон: шапка и меню главной ───────────────
   Меню следует за шапкой: тёмная шапка (над сценой, body.page-dark) — тёмное меню,
   светлая — светлое. Вверху экрана шапка прозрачная, чтобы был виден ламбрекен. */
@media (max-width: 1023px) {
  html[data-theme="home"] body #site-header.zt3-header.zt3-header.header--transparent {
    background: transparent !important;
    border-bottom-color: transparent !important;
  }

  html[data-theme="home"] body.page-dark #site-header.zt3-header #mobile-menu.zt3-mobile,
  html[data-theme="home"] body #site-header.zt3-header.header--over-hero #mobile-menu.zt3-mobile {
    background: var(--home-hd-bg);
    border-top-color: rgba(244, 241, 233, .12) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .4);
  }
  html[data-theme="home"] body.page-dark #site-header.zt3-header #mobile-menu.zt3-mobile a,
  html[data-theme="home"] body #site-header.zt3-header.header--over-hero #mobile-menu.zt3-mobile a { color: var(--home-hd-ink) !important; }
  html[data-theme="home"] body.page-dark #site-header.zt3-header #mobile-menu.zt3-mobile .mobile-nav__link--sub,
  html[data-theme="home"] body #site-header.zt3-header.header--over-hero #mobile-menu.zt3-mobile .mobile-nav__link--sub { color: var(--home-hd-muted) !important; }
  html[data-theme="home"] body.page-dark #site-header.zt3-header #mobile-menu.zt3-mobile .mobile-nav__label,
  html[data-theme="home"] body #site-header.zt3-header.header--over-hero #mobile-menu.zt3-mobile .mobile-nav__label { color: var(--home-hd-accent) !important; }
  html[data-theme="home"] body.page-dark #site-header.zt3-header #mobile-menu.zt3-mobile a:hover,
  html[data-theme="home"] body #site-header.zt3-header.header--over-hero #mobile-menu.zt3-mobile a:hover { color: var(--home-hd-accent) !important; }
  html[data-theme="home"] body.page-dark #site-header.zt3-header #mobile-menu.zt3-mobile [class*="border"],
  html[data-theme="home"] body #site-header.zt3-header.header--over-hero #mobile-menu.zt3-mobile [class*="border"] { border-color: rgba(244, 241, 233, .14) !important; }
}

/* Десктоп: вверху страницы шапка почти прозрачная — виден ламбрекен (фон шапки с альфой .3) */
@media (min-width: 1024px) {
  html[data-theme="home"] body #site-header.zt3-header.zt3-header.header--transparent {
    background: color-mix(in srgb, var(--home-hd-bg) 30%, transparent) !important;
    border-bottom-color: transparent !important;
  }
}

@media (max-width: 1023px) {
  /* фон под шапкой на самом верху — тёмный, как шапка, чтобы не мелькала светлая линия */
  html[data-theme="home"] { background-color: var(--home-hd-bg); }
}