/* ==========================================================================
   Hygge autumn layer  ·  assets/css/autumn.css
   Seasonal visual pass for the Pergola Pro product page (hyggepergola.co.uk).
   Loads after pdp-pro.css. Nothing structural: delete this file and autumn.js
   to return the page to its year-round look.
   ========================================================================== */

/* 1 · Palette: olive green, warm cream neutrals, chestnut bar, amber + rust accents */
.hg-chrome.hg-chrome,.hg-pdp.hg-pdp{
  --green:#5D6244;--green-deep:#4B4F36;--green-ink:#2F3125;--green-tint:#E8E5D2;--green-wash:#F3F1E6;
  --paper:#F6F2EA;--ground:#EEE7DA;--line:#E6DFD0;--line-strong:#CFC4B0;
  --ink:#1E1A16;--ink-2:#433C35;--muted:#716860;--faint:#A1978C;
  --night:#1A1512;--night-2:#231C17;--night-line:#352B24;--night-text:#F2EADC;--night-muted:#B3A596;--warm:#E3B873;
  --usa:#7A3B1E;--status:#4A7C45;
  --amber:#C8862E;--rust:#A9472C;--ochre:#D9A24A;--olive:#7A7A3C;--claret:#8C3A2B;--gold:#E2B86A;
}

/* 2 · Site chrome: espresso footer */
.hg-chrome.hg-chrome .hg-help .hg-expert .hg-ico{color:var(--amber)}
.hg-chrome.hg-chrome footer.hg-site{background:var(--night);border-top:3px solid transparent;border-image:linear-gradient(90deg,var(--rust),var(--amber) 40%,var(--green)) 1}

/* 3 · Accents: rust labels, a small amber leaf in place of the square marker */
.hg-pdp.hg-pdp .hg-eyebrow,.hg-pdp.hg-pdp .hg-spread .hg-text .hg-spec{color:var(--rust)}
.hg-pdp.hg-pdp .hg-eyebrow::before,.hg-pdp.hg-pdp .hg-spread .hg-text .hg-spec::before{width:13px;height:13px;border-radius:0;background:var(--amber);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 3.5C11 4 5.5 9.5 4.3 19.2 14 18.5 19.6 13 20.5 3.5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 3.5C11 4 5.5 9.5 4.3 19.2 14 18.5 19.6 13 20.5 3.5z'/%3E%3C/svg%3E") center/contain no-repeat}
.hg-pdp.hg-pdp .hg-icard-pro .hg-tag{color:var(--rust)}
.hg-pdp.hg-pdp .hg-stars svg{fill:var(--amber)}
.hg-pdp.hg-pdp .hg-rsum .hg-big.hg-words em{color:var(--rust)}
.hg-pdp.hg-pdp .hg-card::before{background:linear-gradient(90deg,var(--rust) 0,var(--amber) 45%,var(--green) 100%)}
.hg-pdp.hg-pdp .hg-card .hg-prop em{border-bottom-color:#EBD3A6}
.hg-pdp.hg-pdp .hg-subnav .hg-go,.hg-pdp.hg-pdp .hg-crail button[aria-selected="true"] .hg-i{color:var(--rust)}
.hg-pdp.hg-pdp .hg-toast svg{stroke:#DDB46C}
.hg-pdp.hg-pdp .hg-fact b small{color:var(--amber)}
.hg-pdp.hg-pdp .hg-spread .hg-text li::before{background:var(--amber)}
.hg-pdp.hg-pdp .hg-btn-light:hover{background:#F1DDB2;border-color:#F1DDB2}
.hg-pdp.hg-pdp .hg-sec-head h2,.hg-pdp.hg-pdp .hg-spread .hg-text h3,.hg-pdp.hg-pdp .hg-custom h2,.hg-pdp.hg-pdp .hg-faq h2{color:#2A1F17}
.hg-pdp.hg-pdp .hg-spread.hg-dark .hg-text h3{color:#fff}

/* 4 · Warm creams where the page used mint and cool tints */
.hg-pdp.hg-pdp .hg-why .hg-chk,.hg-pdp.hg-pdp .hg-assure .hg-disc,.hg-pdp.hg-pdp .hg-pricerow .hg-vs .hg-tk,.hg-pdp.hg-pdp .hg-qs[aria-pressed="true"],.hg-pdp.hg-pdp .hg-ukcmp .hg-r.hg-us,.hg-pdp.hg-pdp .hg-ukstack .hg-r.hg-tot,.hg-pdp.hg-pdp .hg-pricerow.hg-quiet .hg-pill{background:#F4EEDF}
.hg-pdp.hg-pdp #hg-swoffer,.hg-pdp.hg-pdp .hg-swoffer,.hg-pdp.hg-pdp .hg-card .hg-swoffer,.hg-pdp.hg-pdp .hg-card .hg-summary .hg-tsave,.hg-pdp.hg-pdp .hg-stickybar .hg-sv{background:#F4EEDF;border-color:#E3D8BC}
.hg-pdp.hg-pdp .hg-card .hg-sidecard.hg-set{border-color:#E3D8BC;background:#FCFAF4}
.hg-pdp.hg-pdp .hg-card .hg-swoffer .hg-txt i{color:#C8B88E}
.hg-pdp.hg-pdp .hg-card .hg-swoffer .hg-sv.hg-dim{color:#8B7A4F}
.hg-pdp.hg-pdp .hg-pricerow,.hg-pdp.hg-pdp .hg-pricerow.hg-banded{background:#F8F1E2;border-color:#E6D7BA}
.hg-pdp.hg-pdp .hg-pricerow .hg-conf,.hg-pdp.hg-pdp .hg-pricerow .hg-vstack,.hg-pdp.hg-pdp .hg-offerbox,.hg-pdp.hg-pdp .hg-pricerow.hg-banded .hg-offerbox{border-color:#E6D7BA}
.hg-pdp.hg-pdp .hg-pricerow .hg-pill,.hg-pdp.hg-pdp .hg-pricerow .hg-pill.hg-plus{border-color:#E2D3B3}
.hg-pdp.hg-pdp .hg-cta .hg-btn-primary:hover,.hg-pdp.hg-pdp .hg-picker .hg-done:hover{background:#3F4130;border-color:#3F4130}
.hg-pdp.hg-pdp .hg-white,.hg-pdp.hg-pdp .hg-trust{background:#FBF8F1}

/* 5 · Photography is left true-to-colour (no tint). */

/* 6 · Dark bands: espresso and chestnut with an amber glow */
.hg-pdp.hg-pdp .hg-nightwrap{background:radial-gradient(90% 90% at 12% 100%,rgba(200,134,46,.16),transparent 60%),var(--night)}
.hg-pdp.hg-pdp .hg-spread.hg-dark .hg-text .hg-spec{color:#DDB46C}
.hg-pdp.hg-pdp .hg-spread.hg-dark .hg-text .hg-spec::before{background:#DDB46C}
.hg-pdp.hg-pdp .hg-final{position:relative;overflow:hidden;color:#F4ECDD;background:radial-gradient(120% 140% at 88% 8%,rgba(200,134,46,.30),transparent 55%),radial-gradient(70% 60% at 0 100%,rgba(93,98,68,.45),transparent 60%),#3B2A1F}
.hg-pdp.hg-pdp .hg-final .hg-wrap{position:relative;z-index:1}
.hg-pdp.hg-pdp .hg-final .hg-eyebrow{color:var(--gold)}
.hg-pdp.hg-pdp .hg-final .hg-eyebrow::before{background:var(--gold)}
.hg-pdp.hg-pdp .hg-final p,.hg-pdp.hg-pdp .hg-final .hg-price span{color:#E4D8C1}
.hg-pdp.hg-pdp .hg-final .hg-price small{color:#CDBB98}
.hg-pdp.hg-pdp .hg-final::before{content:"";position:absolute;left:-40px;bottom:-30px;width:170px;height:170px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23D9A24A' d='M12 1.6l1.7 3.6 3.6-1.3-.9 3.7 3.7 1.2-3 2.4 2.1 3.2-3.8-.3-1 3.8L12 15.5l-2.4 3.4-1-3.8-3.8.3 2.1-3.2-3-2.4 3.7-1.2-.9-3.7 3.6 1.3z'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.08;transform:rotate(-25deg);pointer-events:none}
.hg-pdp.hg-pdp .hg-final .hg-lf-deco{position:absolute;pointer-events:none;opacity:.12;fill:var(--ochre);z-index:0}

/* 7 · Seasonal band under the section nav (markup added by autumn.js) */
.hg-pdp.hg-pdp .hg-season{position:relative;overflow:hidden;background:linear-gradient(100deg,#4A2A1A 0,#6B3A1F 45%,#8A4A22 100%);color:#F6EBD6;border-bottom:1px solid rgba(0,0,0,.2)}
.hg-pdp.hg-pdp .hg-season::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='%23F3D9A6'%3E%3Cpath transform='translate(14 10) rotate(-30 12 12)' d='M20.5 3.5C11 4 5.5 9.5 4.3 19.2 14 18.5 19.6 13 20.5 3.5z'/%3E%3Cpath transform='translate(72 58) rotate(140 12 12)' d='M20.5 3.5C11 4 5.5 9.5 4.3 19.2 14 18.5 19.6 13 20.5 3.5z'/%3E%3Cpath transform='translate(40 86) rotate(50 12 12)' d='M20.5 3.5C11 4 5.5 9.5 4.3 19.2 14 18.5 19.6 13 20.5 3.5z'/%3E%3C/g%3E%3C/svg%3E") 0 0/120px 120px repeat;opacity:.07;pointer-events:none}
.hg-pdp.hg-pdp .hg-season .hg-wrap{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,4vw,64px);align-items:center;padding-top:22px;padding-bottom:22px}
.hg-pdp.hg-pdp .hg-season-lead{display:flex;align-items:center;gap:16px;white-space:nowrap}
.hg-pdp.hg-pdp .hg-season-lead .hg-leaf{width:44px;height:44px;flex:none}
.hg-pdp.hg-pdp .hg-season .hg-leaf{fill:var(--ochre);stroke:#F3D9A6;stroke-width:.8;stroke-linejoin:round;stroke-linecap:round}
.hg-pdp.hg-pdp .hg-season .hg-leaf .hg-vein{fill:none;stroke:#F3D9A6}
.hg-pdp.hg-pdp .hg-season-eyebrow{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--gold)}
.hg-pdp.hg-pdp .hg-season-lead b{display:block;font-family:var(--display);font-weight:400;font-size:20px;letter-spacing:-.01em;color:#fff;margin-top:2px}
.hg-pdp.hg-pdp .hg-season-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hg-pdp.hg-pdp .hg-season-list li{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.4;color:#E8D8BF;padding-left:18px;border-left:1px solid rgba(255,255,255,.18);margin:0}
.hg-pdp.hg-pdp .hg-season-list li b{color:#fff;font-weight:700;display:block;font-size:14.5px}
.hg-pdp.hg-pdp .hg-season-list svg{width:22px;height:22px;flex:none;stroke:var(--gold);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hg-pdp.hg-pdp .hg-season .hg-leaf-2,.hg-pdp.hg-pdp .hg-season .hg-leaf-3{position:absolute;pointer-events:none;opacity:.14;z-index:0}
.hg-pdp.hg-pdp .hg-season .hg-leaf-2{width:150px;height:150px;right:-20px;top:-46px;transform:rotate(28deg)}
.hg-pdp.hg-pdp .hg-season .hg-leaf-3{width:90px;height:90px;right:150px;bottom:-40px;transform:rotate(-70deg)}
.hg-pdp.hg-pdp .hg-band-leaves{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.hg-pdp.hg-pdp .hg-band-leaves .hg-lf{position:absolute;top:-8%;width:var(--sz,16px);height:var(--sz,16px);fill:var(--c,#E2B86A);opacity:0;animation:hgBandFall var(--d,24s) linear var(--delay,0s) infinite}
@keyframes hgBandFall{0%{top:-8%;transform:translateX(0) rotate(0deg);opacity:0}10%{opacity:.55}50%{transform:translateX(var(--sx)) rotate(140deg)}90%{opacity:.55}100%{top:104%;transform:translateX(calc(var(--sx) * -.5)) rotate(300deg);opacity:0}}

/* 8 · Hand-drawn branch dividers, resting leaves, the "Autumn edition" chip */
.hg-pdp.hg-pdp .hg-branch{display:block;width:min(640px,100%);height:auto;margin:0 0 22px -4px;overflow:visible}
.hg-pdp.hg-pdp .hg-branch .hg-stem{fill:none;stroke:#9C7A52;stroke-width:1.4;stroke-linecap:round;opacity:.75}
.hg-pdp.hg-pdp .hg-gallery-foot{position:relative;padding-top:32px}
.hg-pdp.hg-pdp .hg-fallen{position:absolute;left:-3px;top:-8px;width:200px;height:33px;overflow:visible;opacity:.9;pointer-events:none}
.hg-pdp.hg-pdp .hg-pdp-wrap-rel{position:relative}
.hg-pdp.hg-pdp .hg-corner-leaves{position:absolute;right:calc(var(--gutter,24px) - 36px);top:-18px;width:60px;height:60px;z-index:2;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.12))}
.hg-pdp.hg-pdp .hg-card{z-index:1}
.hg-pdp.hg-pdp .hg-grid4 .hg-tag.hg-tag-season{display:inline-flex;align-items:center;gap:7px;background:rgba(74,42,26,.9);color:#F6EBD6;border:1px solid rgba(226,184,106,.5)}
.hg-pdp.hg-pdp .hg-grid4 .hg-tag.hg-tag-season svg{width:13px;height:13px;fill:var(--gold)}
.hg-pdp.hg-pdp .hg-grid4 .hg-tag,.hg-pdp.hg-pdp .hg-mob-track .hg-tag{z-index:3}

/* 9 · Accessibility and small screens */
@media (prefers-reduced-motion:reduce){.hg-pdp.hg-pdp .hg-band-leaves{display:none}}
@media (max-width:980px){
  .hg-pdp.hg-pdp .hg-season .hg-wrap{grid-template-columns:1fr;gap:14px;padding-top:18px;padding-bottom:18px}
  .hg-pdp.hg-pdp .hg-season-list{grid-template-columns:1fr;gap:10px}
  .hg-pdp.hg-pdp .hg-season-list li{padding-left:0;border-left:0}
  .hg-pdp.hg-pdp .hg-season .hg-leaf-2{right:-30px;top:auto;bottom:-60px}
  .hg-pdp.hg-pdp .hg-season .hg-leaf-3{display:none}
  .hg-pdp.hg-pdp .hg-branch{margin-bottom:16px}
  .hg-pdp.hg-pdp .hg-corner-leaves{display:none}
}

/* ==========================================================================
   10 · All shop surfaces (extends the autumn pass site-wide)
   The category archive, side cart and checkout are token-driven like the
   product page, so re-mapping the same palette tokens on each root re-skins
   them. Roots are doubled for specificity so the override wins whatever the
   stylesheet order. Delete this block to keep the pass product-page only.
   ========================================================================== */

/* 10a · Palette re-map on each surface root */
.hg-cat.hg-cat,
body.hg-co-page.hg-co-page,
#fkcart-modal .fkcart-modal-container.fkcart-modal-container{
  --green:#5D6244;--green-deep:#4B4F36;--green-ink:#2F3125;--green-tint:#E8E5D2;--green-wash:#F3F1E6;
  --paper:#F6F2EA;--ground:#EEE7DA;--line:#E6DFD0;--line-strong:#CFC4B0;
  --ink:#1E1A16;--ink-2:#433C35;--muted:#716860;--faint:#A1978C;
  --night:#1A1512;--night-text:#F2EADC;--night-muted:#B3A596;
  --status:#4A7C45;
  --amber:#C8862E;--rust:#A9472C;--ochre:#D9A24A;--olive:#7A7A3C;--claret:#8C3A2B;--gold:#E2B86A;
}

/* 10b · Category archive: rust eyebrow, chestnut type badge (photography left true-to-colour) */
.hg-cat.hg-cat .hg-cat-eyebrow{color:var(--rust)}
.hg-cat.hg-cat .hg-cat-crumbs b{color:var(--rust)}
.hg-cat.hg-cat .hg-pc-kind{background:rgba(74,42,26,.9);color:#F6EBD6}
.hg-cat.hg-cat .hg-pc-offer{background:var(--rust);color:#fff}

/* 10c · Side cart: the FunnelKit primary button already reads var(--green); nudge the Remove
   control to rust so it reads as the seasonal palette too */
#fkcart-modal .fkcart-modal-container .hg-ci-remove:hover{color:var(--rust)}