/* =========================================================
   OLA SALON — SEASONAL LAYER: AUTUMN
   Fully self-contained. To revert to the original site,
   set SEASON = None in generate.py (removes this file,
   js/fall.js and the canvas). Nothing here leaks into
   the base stylesheet.
   ========================================================= */

:root{
  /* warm the existing accents toward amber / rust */
  --gold:#B07A2B;
  --gold-deep:#95601C;
  /* seasonal palette */
  --au-amber:#C8791F;
  --au-rust:#A8441E;
  --au-ember:#8C3A16;
  --au-wheat:#D9A441;
}

/* ---------- falling leaves stage ----------
   Anchored to the top of the document (NOT fixed) so the leaves live over the
   hero only and scroll away naturally once you pass it. Avoiding position:fixed
   and mix-blend-mode here also sidesteps two common mobile rendering bugs. */
.autumn-stage{
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:100vh;
  height:100svh;
  overflow:hidden;
  pointer-events:none;   /* never blocks taps or clicks */
  z-index:90;            /* above content, below header(100)/menu(110)/modal(200) */
  /* NOTE: the bottom fade is done inside the canvas, not with mask-image —
     CSS masks over a canvas cause flicker on mobile GPUs. */
}
#autumn-leaves{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
}

/* ---------- logo sprig ---------- */
.brand{overflow:visible}
.brand-sprig{
  position:absolute;
  top:-9px;
  right:-20px;
  width:29px;
  height:29px;
  color:var(--au-amber);
  pointer-events:none;
  transform:rotate(6deg);
  transition:width .5s var(--ease),height .5s var(--ease),top .5s var(--ease),right .5s var(--ease);
}
.brand-sprig svg{width:100%;height:100%;display:block}
.scrolled .brand-sprig{width:23px;height:23px;top:-6px;right:-15px}
/* lighter amber so it reads against the dark hero */
body[data-page="home"] .site-header:not(.scrolled) .brand-sprig{color:#DCA94E}
@media(max-width:620px){
  .brand-sprig{width:23px;height:23px;top:-6px;right:-14px}
}

/* ---------- seasonal accent touches ---------- */
.divider{
  background:linear-gradient(90deg,var(--au-amber),var(--au-rust));
  position:relative;
  overflow:visible;
}
/* small leaf resting on the end of every divider rule */
.divider::after{
  content:'';
  position:absolute;
  right:-15px;
  top:50%;
  width:13px;
  height:13px;
  transform:translateY(-50%) rotate(-20deg);
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 1.6c5.4 4.6 7.6 8.8 7.6 12 0 4.4-3.2 7.6-7.6 8.8-4.4-1.2-7.6-4.4-7.6-8.8 0-3.2 2.2-7.4 7.6-12z' fill='%23A8441E'/></svg>") center/contain no-repeat;
}
.quotes .divider::after,
.cta-band .divider::after{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 1.6c5.4 4.6 7.6 8.8 7.6 12 0 4.4-3.2 7.6-7.6 8.8-4.4-1.2-7.6-4.4-7.6-8.8 0-3.2 2.2-7.4 7.6-12z' fill='%23D9A441'/></svg>");
}
.eyebrow{color:var(--au-rust)}
.hero .eyebrow{color:rgba(247,243,236,.92)}
.quotes .eyebrow{color:var(--au-wheat)}
.foot-col h4{color:var(--au-wheat)}
.menu-row .price{color:var(--gold-deep)}
.svc-card .no{color:var(--au-amber)}
.cert-list li::before,
.modal-list li::before{background:var(--au-amber)}
.qdot.active{background:var(--au-amber)}
.marquee span::after{color:var(--au-amber)}

/* hero: keep the original neutral depth, add only a light golden kiss */
.hero::after{
  background:
    linear-gradient(180deg,rgba(15,10,7,.50) 0%,rgba(15,10,7,.32) 34%,rgba(15,10,7,.56) 68%,rgba(14,9,5,.93) 100%),
    linear-gradient(90deg,rgba(15,10,7,.56) 0%,rgba(15,10,7,.23) 50%,rgba(15,10,7,.04) 80%),
    radial-gradient(120% 95% at 80% 6%,rgba(205,140,60,.16),transparent 54%) !important;
}

/* a soft ember glow behind the dark CTA bands */
.cta-band::after{
  background:
    linear-gradient(180deg,rgba(26,13,6,.62),rgba(26,13,6,.62)),
    radial-gradient(60% 70% at 50% 0%,rgba(200,121,31,.30),transparent 70%) !important;
}

/* ---------- accessibility / performance ---------- */
/* Reduced motion: leaves are still drawn, just held still (no animation),
   so the seasonal look survives without any moving elements. */