/* Mise en page « Marché » : couverture du mois façon magazine (couv.js), vert olive et lin, grandes vignettes carrées */
:root{--bg:#eef0e6;--paper:#f9faf4;--ink:#1b2312;--muted:#5d6650;--line:#d6dbc8;--accent:#4f6a1f;--shadow:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#11150c;--paper:#191f12;--ink:#e9eddf;--muted:#9ba48c;--line:#2b3322;--accent:#a9c46a;--shadow:none}}
:root[data-theme="dark"]{--bg:#11150c;--paper:#191f12;--ink:#e9eddf;--muted:#9ba48c;--line:#2b3322;--accent:#a9c46a;--shadow:none}

/* —— Couverture —— */
.hero{position:relative;overflow:hidden;color:#fff;background:#1f2616;min-height:calc(100svh - 58px);display:flex;flex-direction:column;justify-content:flex-end;padding-top:clamp(200px,34vh,360px);padding-bottom:22px}
.couv{position:absolute;inset:0;transition:opacity .45s ease;pointer-events:none}
.couv picture,.couv img{position:absolute;inset:0;width:100%;height:100%;display:block}
.couv img{object-fit:cover;object-position:center}
.couv-bg{z-index:0}
.couv-mot{position:absolute;left:3%;right:3%;z-index:1;text-align:center;line-height:.8;white-space:nowrap;letter-spacing:-.02em;font-size:16vw}
.couv-mot span{display:inline}
.couv-mot.devant{z-index:3;text-shadow:0 10px 30px rgba(0,0,0,.18)}
.couv-sujet{z-index:2}
.couv-voile{position:absolute;inset:0;z-index:4;background:linear-gradient(180deg,transparent 45%,rgba(10,14,6,.72) 92%)}
.hero>.wrap{position:relative;z-index:5;width:100%}
.hero.has-couv h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hero .wrap{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:end}
.hero .lede,.hero .eyebrow{color:rgba(255,255,255,.86);text-shadow:0 1px 8px rgba(0,0,0,.35)}
.hero .stats *{color:#fff!important}
.hero .pill{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hero .pill.solid{background:#fff;color:#1b2312;border-color:#fff}
.hero select{background-color:rgba(20,26,12,.45);color:#fff;border-color:rgba(255,255,255,.4);backdrop-filter:blur(8px)}
.hero select option{color:#000}
.hero .regsel{margin-bottom:14px}
.dialbox{width:min(100%,330px);justify-self:end;border-radius:50%;background:rgba(12,16,8,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.dial-center b{color:var(--ink)}
.dial-hint{color:rgba(255,255,255,.85);bottom:-26px}
.mchips{background:rgba(10,14,6,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;padding:6px}
.mchips button{color:rgba(255,255,255,.75)}.mchips button:hover{color:#fff}
.mchips button[aria-pressed="true"]{background:#fff;color:#1b2312}
@media (max-width:760px){
  .hero{display:block;min-height:0;padding-top:0;padding-bottom:0;background:#1f2616}
  .couv{position:absolute;inset:0 0 auto 0;height:min(118vw,74svh)}
  .couv-voile{background:linear-gradient(180deg,transparent 60%,#1f2616 100%)}
  .hero>.wrap:not(:last-child){padding-top:calc(min(118vw,74svh) - 70px)}
  .hero .wrap{grid-template-columns:1fr}
  .dialbox{order:-1;width:min(70%,270px);justify-self:center;margin-bottom:26px}
  .hero>.wrap:last-child{padding-bottom:18px}
  .couv-mot{line-height:.85}
}

/* —— Reste de la page —— */
.rail{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-auto-columns:auto;overflow:visible}
.rail>*:nth-child(n+9){display:none}
.rail-nav{display:none}
.feat,.tile,.semcard{border-radius:4px!important}
.tiles{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
#marche,#recettes,#departements,#cave{background:var(--paper);padding-bottom:clamp(36px,6vw,80px);margin-top:clamp(36px,6vw,80px)}
.pill{border-radius:4px}
.couvcred{font-size:.8rem;color:var(--muted);margin:0 0 14px;max-width:110ch}