/* Seasonal layer, switched by season.js (html[data-season], html[data-sale]) on its dates; without them nothing here shows.
   Decoration only: text and button colours stay the site's own, so contrast is unchanged. No motion. */

/* Hidden unless their season (or the Etsy sale) is on. */
.season-picks,.sale-banner,.sale-note{display:none}
html[data-season="autumn"] .season-autumn,html[data-season="holiday"] .season-holiday{display:block}
html[data-sale] .sale-banner,html[data-sale] .sale-note{display:block}

/* Home: the line above "Made to be used." follows the season (season.js); without it, the everyday line. */
.kicker-autumn,.kicker-holiday{display:none}
html[data-season="autumn"] .kicker-everyday,html[data-season="holiday"] .kicker-everyday{display:none}
html[data-season="autumn"] .kicker-autumn,html[data-season="holiday"] .kicker-holiday{display:inline}

/* Home: "In season" picks under the stage. */
.season-picks{margin-block:clamp(40px,5vw,72px)}
.season-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.season-grid .product-image{aspect-ratio:1}   /* one row of square frames, runners included */
@media(max-width:1000px){.season-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.season-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Etsy sale: a slim bar above the header on every page, and a line under the price on product pages. */
.sale-banner{background:var(--raspberry);color:#fff;text-align:center;font:600 15px/1.35 var(--text);padding:9px 16px}
.sale-banner p{margin:0}
.sale-banner a{color:#fff;text-underline-offset:3px;white-space:nowrap}
.sale-banner a:focus-visible{outline:2px solid #fff;outline-offset:2px}
.sale-note{margin:-4px 0 14px;font:600 15px/1.4 var(--text);color:var(--raspberry)}

/* Autumn: harvest hills, and rust, ochre and olive in the binding stripes (footer, and under the header on inner pages). */
/* A toastier paper, rust labels, and the fall picks on a wheat panel. Text contrast stays at AA or better. */
html[data-season="autumn"]{--paper:#f5e7d3;--linen:#f5e7d3;--paper-2:#eedcc2;--mat:#e8d2b4}
html[data-season="autumn"] .kicker{color:#9a3b1c}
html[data-season="autumn"] .finished .kicker,html[data-season="autumn"] .home-studio-strip .kicker{color:#e3b27a}
html[data-season="autumn"] .season-autumn{padding:26px clamp(16px,2.4vw,30px) 30px;background:#f1ddbc;border-top:6px solid #b7410e}
html[data-season="autumn"] .provenance::after{background-image:url(/assets/provenance-ridge-autumn.svg)}
html[data-season="autumn"] .footer-binding{background:linear-gradient(90deg,#b7410e 0 31%,#c9962e 31% 47%,#7d8a4e 47% 78%,#e3b27a 78%) 0 0/560px 10px}
html[data-season="autumn"] .provenance-inner::before{background:linear-gradient(90deg,#b7410e 0 12%,#7d8a4e 12% 18%,#c9962e 18% 21%,transparent 21%)}
html[data-season="autumn"] body:not(.page-home) .site-header::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:5px;pointer-events:none;background:linear-gradient(90deg,#b7410e 0 31%,#c9962e 31% 47%,#7d8a4e 47% 78%,#e3b27a 78%) 0 0/560px 5px}
html[data-season="autumn"] .threshold-label::before{background:linear-gradient(90deg,#b7410e 0 38%,#c9962e 38% 60%,#7d8a4e 60% 86%,#e3b27a 86%)}

/* Holiday: clearly Christmas. Snowy hills with evergreens, a crisp cream paper, Christmas-red labels, red / gold / green
   ribbon stripes, and the Christmas picks on an evergreen panel with a gold edge, a gold star and a still dusting of snow. */
html[data-season="holiday"]{--paper:#f6f1ea;--linen:#f6f1ea;--paper-2:#efe7dc;--mat:#e9dfd1}
html[data-season="holiday"] .kicker{color:#a3243f}
html[data-season="holiday"] .finished .kicker,html[data-season="holiday"] .home-studio-strip .kicker{color:#e8c770}
html[data-season="holiday"] .provenance::after{background-image:url(/assets/provenance-ridge-holiday.svg)}
html[data-season="holiday"] .footer-binding{background:linear-gradient(90deg,#b0283f 0 40%,#c9a13b 40% 46%,#1f5a3a 46% 86%,#c9a13b 86% 92%,#b0283f 92%) 0 0/560px 10px}
html[data-season="holiday"] .provenance-inner::before{background:linear-gradient(90deg,#b0283f 0 12%,#1f5a3a 12% 18%,#c9a13b 18% 21%,transparent 21%)}
html[data-season="holiday"] body:not(.page-home) .site-header::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:6px;pointer-events:none;background:linear-gradient(90deg,#b0283f 0 40%,#c9a13b 40% 46%,#1f5a3a 46% 86%,#c9a13b 86% 92%,#b0283f 92%) 0 0/560px 6px}
html[data-season="holiday"] .threshold-label::before{background:linear-gradient(90deg,#b0283f 0 40%,#c9a13b 40% 50%,#1f5a3a 50% 90%,#c9a13b 90%)}
html[data-season="holiday"] .season-holiday{padding:28px clamp(16px,2.4vw,30px) 32px;color:#fff8ed;border-top:6px solid #c9a13b;
 background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.16) 0 1.5px,transparent 2px) 0 0/46px 46px,
  radial-gradient(circle at 70% 75%,rgba(255,255,255,.1) 0 1px,transparent 1.5px) 0 0/31px 31px,#1d3a2e}
html[data-season="holiday"] .season-holiday .kicker{color:#e8c770}
html[data-season="holiday"] .season-holiday .kicker::before{content:'\2605';margin-right:.5em;letter-spacing:0;font-size:1.15em}
html[data-season="holiday"] .season-holiday h2,html[data-season="holiday"] .season-holiday .product-meta h3,
html[data-season="holiday"] .season-holiday .product-price,html[data-season="holiday"] .season-holiday .text-link{color:#fff8ed}
html[data-season="holiday"] .season-holiday .product-category{color:rgba(255,248,237,.8)}
html[data-season="holiday"] .season-holiday :focus-visible{outline-color:#fff8ed}

@media(max-width:860px){
 html[data-season="autumn"] .provenance::after{background-image:url(/assets/provenance-ridge-sm-autumn.svg)}
 html[data-season="holiday"] .provenance::after{background-image:url(/assets/provenance-ridge-sm-holiday.svg)}
}