/* ============================================================
   CUSTOM — Per-store overrides for Template AR
   Add store-specific tweaks here. Loaded last so it wins
   over theme.css and style.css.
   e.g. keep a full-colour logo on the dark header:
   .brand img, .foot-brand img { filter: none; }
   ============================================================ */


/* ---- The Deccani (Brandy pack v1) ---- */
/* Dark bands: the deep accent #906024 is only 3.19:1 on ink, so text/links/hairlines
   there use a lighter logo gold #D09A4E (6.92:1 on #1F1A14, 6.13:1 on #2B241C). */
.band-dark, .band-olive, .hero-home, .page-title, .site-header, .nav-overlay,
.foot-main, .foot-cta-half, .breadcrumb-container, .hero-card__panel, .preloader {
  --gold: #D09A4E;
  --gold-line: color-mix(in srgb, #D09A4E 60%, transparent);
  --gold-faint: color-mix(in srgb, #D09A4E 28%, transparent);
  --gold-tint: color-mix(in srgb, #D09A4E 10%, transparent);
}
/* fills behind white text stay on the deep accent (white 5.41:1) */
:is(.band-dark, .band-olive, .hero-home, .page-title, .site-header, .nav-overlay, .foot-main, .foot-cta-half, .breadcrumb-container, .hero-card__panel)
  :is(.btn--fill:hover, .arrow-btn:hover, .nav-overlay__close:hover, .nav-overlay__social a:hover,
      .qa[open] .qa-ico, .offer-row:hover .offer-row__ico, .foot-social a:hover,
      .foot-badge:hover .foot-badge__center, .to-top:hover) {
  background: var(--brand);
}
/* header logo shown 85px tall on desktop (file 337x85, @2x for retina) */
@media (min-width: 1200px) {
  .brand img,
  .site-header.is-fixed .brand img { height: 85px; }
}

/* ---- The Deccani speed layer (PM gap list, Wilson 2026-11-12) ----
   1. Preloader off: it covered the page until window.load and held LCP. */
.preloader { display: none !important; }
/* 2. First screen paints at once: no iris/fade entrance on the home hero
      or the page-title band (they held LCP 3-5 s behind animations). */
.hero-home__portrait img,
.hero-home__text > *,
.hero-card {
  animation: none !important;
  clip-path: none !important;
}
.hero-home [data-anim],
.page-title [data-anim] {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  animation: none !important;
  transition: none !important;
}
/* 3. Page-title parallax off on phones (its transform registered as a shift). */
@media (max-width: 768px) {
  .page-title__bg { transform: none !important; }
}