/* Olyrven · feuille de style commune. Le doré reste un accent (filets, petits détails). */
:root{
  --foret:#163023; --sauge:#6B8F6B; --creme:#F5EDDB; --bois:#8B5E3C; --dore:#C9A24A;
  --nuit:#0C1812; --mousse:#1B3123; --sauge-claire:#AFC2AA; --or-vif:#E4BF68; --braise:#E0875A;
  --texte:#F5EDDB; --texte-doux:#C9D3C4; --filet:rgba(201,162,74,.32); --filet-doux:rgba(245,237,219,.14);
  --titre:'Playfair Display',Georgia,serif; --police:Montserrat,'Segoe UI',system-ui,sans-serif;
  --rayon:14px; --largeur:1120px; --gouttiere:16px;
  --fond-l:none; --fond-m:none;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--nuit);color:var(--texte);font:400 1rem/1.6 var(--police);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--creme);text-underline-offset:3px;text-decoration-color:var(--dore)}
a:hover{color:var(--or-vif)}
:focus-visible{outline:3px solid var(--or-vif);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:var(--titre);font-weight:500;line-height:1.2;margin:0 0 .5em}
h2{font-size:clamp(1.6rem,4.5vw,2.3rem)}
h3{font-size:1.25rem}
p{margin:0 0 1em}
code,kbd{font-family:ui-monospace,Consolas,monospace;font-size:.9em;background:rgba(245,237,219,.08);padding:.1em .35em;border-radius:5px;overflow-wrap:anywhere}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.evitement{position:absolute;left:8px;top:-60px;z-index:100;background:var(--creme);color:var(--foret);padding:10px 16px;border-radius:8px;font-weight:600}
.evitement:focus{top:8px}

/* Mot OLYRVEN */
.olyrven-mot{font-family:var(--titre);font-weight:500;letter-spacing:.16em;color:var(--creme);white-space:nowrap}
.olyrven-mot>span{font-size:113%}

/* ---------- En-tête ---------- */
.entete{position:sticky;top:0;z-index:50;background:rgba(12,24,18,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--filet)}
.entete-in{max-width:var(--largeur);margin:auto;padding:8px var(--gouttiere);display:flex;align-items:center;gap:12px;min-height:60px}
.marque{display:flex;align-items:center;gap:10px;text-decoration:none;margin-right:auto}
.marque img{width:34px;height:34px}
.marque .olyrven-mot{font-size:1.15rem}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px}
.nav a{display:block;padding:8px 12px;border-radius:999px;text-decoration:none;font-weight:500;font-size:.92rem;color:var(--texte-doux)}
.nav a:hover{color:var(--creme);background:rgba(245,237,219,.06)}
.nav a[aria-current="page"]{color:var(--creme);box-shadow:inset 0 -2px 0 var(--dore);border-radius:6px}
.saison{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--texte-doux)}
.saison select{font:inherit;font-size:.85rem;color:var(--creme);background:var(--mousse);border:1px solid var(--filet);border-radius:999px;padding:6px 10px}
.menu-btn{display:none;background:none;border:1px solid var(--filet);color:var(--creme);border-radius:10px;width:44px;height:44px;cursor:pointer}
.menu-btn span,.menu-btn span::before,.menu-btn span::after{display:block;width:20px;height:2px;background:currentColor;margin:auto;position:relative;content:""}
.menu-btn span::before{position:absolute;top:-6px}.menu-btn span::after{position:absolute;top:6px}
@media (max-width:1080px){
  .menu-btn{display:block}
  .menu{position:absolute;left:0;right:0;top:100%;background:rgba(12,24,18,.98);border-bottom:1px solid var(--filet);padding:8px var(--gouttiere) 16px;display:none}
  .menu.ouvert{display:block}
  .nav ul{flex-direction:column}
  .nav a{padding:12px;font-size:1rem}
  .saison{margin-top:8px;padding:0 12px}
}
@media (min-width:1081px){.menu{display:flex;align-items:center;gap:14px}.nav a{padding:8px 10px;font-size:.88rem}}

/* ---------- Bannière (fond terrasse + logo centré) ---------- */
.banniere{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  min-height:clamp(340px,52vh,520px);padding:48px var(--gouttiere) 56px;background:var(--foret) var(--fond-l) center 62%/cover no-repeat}
.banniere.grande{min-height:clamp(560px,90vh,860px)}
.banniere::before{content:"";position:absolute;inset:0;z-index:-1;background:
  radial-gradient(ellipse 60% 55% at 50% 42%,rgba(12,24,18,.55),rgba(12,24,18,0) 70%),
  linear-gradient(180deg,rgba(12,24,18,.35) 0%,rgba(12,24,18,.1) 40%,rgba(12,24,18,.82) 92%,var(--nuit) 100%)}
@media (max-width:700px) and (orientation:portrait){.banniere{background-image:var(--fond-m);background-position:center 40%}}
.logo-vertical{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.6vw,16px);margin:0 0 18px;filter:drop-shadow(0 4px 18px rgba(0,0,0,.45))}
.logo-vertical img{width:clamp(92px,15vw,168px);height:auto;aspect-ratio:1}
.logo-vertical .olyrven-mot{font-size:clamp(2.1rem,7.4vw,4.4rem);line-height:1;padding-left:.16em}
.grande .logo-vertical img{width:clamp(110px,19vw,210px)}
.grande .logo-vertical .olyrven-mot{font-size:clamp(2.4rem,9vw,5.4rem)}
.surtitre{font-size:.78rem;font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:var(--dore);margin:0 0 8px;padding-left:.34em}
.banniere h1{font-size:clamp(1.5rem,4vw,2.2rem);margin:0;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.banniere .chapeau{max-width:620px;margin:10px auto 0;color:var(--creme);text-shadow:0 1px 8px rgba(0,0,0,.8)}

/* ---------- Mise en page ---------- */
main{display:block}
.section{max-width:var(--largeur);margin:auto;padding:56px var(--gouttiere)}
.section-titre{text-align:center;margin-bottom:28px}
.section-titre p{color:var(--texte-doux);max-width:640px;margin:0 auto}
.separateur{display:block;width:min(520px,80%);margin:0 auto;opacity:.9}
.grille{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}
.grille-2{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start}
.carte{background:linear-gradient(180deg,var(--mousse),var(--foret));border:1px solid var(--filet);border-radius:var(--rayon);padding:20px;min-width:0}
.carte h3{margin-top:0}
.carte.bois{background:linear-gradient(rgba(22,48,35,.86),rgba(22,48,35,.92)),url(../decor/texture-planches-bois-raccord-1024.webp) center/256px;}
.note{font-size:.88rem;color:var(--texte-doux)}
.liste-simple{padding-left:1.2em;margin:0 0 1em}
.liste-simple li{margin:.25em 0}

/* Boutons et étiquettes */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border-radius:999px;font:600 .95rem var(--police);text-decoration:none;cursor:pointer;border:1px solid var(--creme);background:var(--creme);color:var(--foret);transition:transform .15s,background .15s}
.btn:hover{background:#fff8e8;color:var(--foret);transform:translateY(-1px)}
.btn.contour{background:rgba(12,24,18,.45);color:var(--creme);border-color:var(--dore)}
.btn.contour:hover{background:rgba(201,162,74,.14);color:var(--creme)}
.btn.petit{min-height:36px;padding:6px 14px;font-size:.85rem}
.btn[disabled],.btn.a-completer{border-style:dashed;border-color:var(--sauge);background:transparent;color:var(--texte-doux);cursor:not-allowed;transform:none}
.boutons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.etiquette{display:inline-block;font:600 .7rem/1 var(--police);letter-spacing:.12em;text-transform:uppercase;padding:5px 9px;border-radius:999px;border:1px dashed var(--dore);color:var(--or-vif);vertical-align:middle;white-space:nowrap}
.etiquette.vert{border:1px solid var(--sauge);color:var(--sauge-claire)}
.a-completer-bloc{border:1px dashed var(--sauge);border-radius:var(--rayon);padding:18px;color:var(--texte-doux);text-align:center}

/* Compte à rebours */
.rebours{display:flex;gap:10px;justify-content:center;margin:18px 0 6px}
.rebours div{min-width:72px;padding:10px 8px;border-radius:12px;background:rgba(12,24,18,.72);border:1px solid var(--filet)}
.rebours b{display:block;font:500 clamp(1.6rem,6vw,2.4rem)/1 var(--titre);font-variant-numeric:tabular-nums}
.rebours small{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--texte-doux)}
.date-live{font-weight:500;margin:6px 0 18px;text-shadow:0 1px 8px rgba(0,0,0,.8)}
.statut{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(12,24,18,.75);border:1px solid var(--filet);margin:14px 0 18px}
.statut i{width:10px;height:10px;border-radius:50%;background:var(--sauge)}
.statut.en-live i{background:var(--braise);box-shadow:0 0 0 4px rgba(224,135,90,.25)}
.clem{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:6px 16px 6px 6px;border-radius:999px;background:rgba(12,24,18,.7);border:1px solid var(--filet);text-decoration:none}
.clem img{width:48px;height:48px;border-radius:50%;border:2px solid var(--dore)}
.clem span{font-size:.9rem;text-align:left;line-height:1.3}

/* Cadre bois (lecteurs) */
.cadre-bois{padding:10px;border-radius:16px;background:url(../decor/texture-planches-bois-raccord-1024.webp) center/240px,var(--bois);box-shadow:0 10px 30px rgba(0,0,0,.45)}
.cadre-bois>.ecran{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--nuit);outline:1px solid var(--filet)}
.ecran iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ecran .vide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;text-align:center;color:var(--texte-doux);background:center/cover}
.ecran .vide::before{content:"";position:absolute;inset:0;background:rgba(12,24,18,.7);z-index:0}
.ecran .vide>*{position:relative}

/* Planning */
.planning{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.jour{text-align:center;padding:18px}
.jour h3{margin-bottom:4px}
.jour .heure{font:500 1.6rem var(--titre);color:var(--creme)}
.jour.premier{border-color:var(--dore)}

/* Liens */
.liens{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.lien{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid var(--filet);background:var(--mousse);text-decoration:none;min-height:60px}
.lien:hover{border-color:var(--dore)}
.lien svg{width:26px;height:26px;flex:none;fill:var(--creme)}
.lien small{display:block;color:var(--texte-doux);font-size:.78rem;overflow-wrap:anywhere}
.lien.a-completer{border-style:dashed;border-color:var(--sauge);opacity:.75}

/* Galeries */
.galerie{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,120px),1fr))}
.galerie figure{margin:0;text-align:center;padding:12px 8px;border-radius:12px;background:rgba(245,237,219,.04);border:1px solid var(--filet-doux)}
.galerie img{margin:0 auto 8px}
.galerie figcaption{font-size:.8rem;color:var(--texte-doux);overflow-wrap:anywhere}

/* Produits */
.produit{display:flex;flex-direction:column;padding:0;overflow:hidden}
.produit .visuel{aspect-ratio:1;background:radial-gradient(circle at 50% 45%,#2a4a37,var(--foret));display:flex;align-items:center;justify-content:center;padding:18px}
.produit .visuel img{max-height:100%;width:auto;object-fit:contain}
.produit .corps{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}
.produit h3{margin:0}
.prix{font:500 1.3rem var(--titre)}
.produit .btn{margin-top:auto}

/* Pied de page */
.pied{margin-top:40px;background:linear-gradient(rgba(12,24,18,.88),rgba(12,24,18,.95)),url(../decor/texture-planches-bois-raccord-1024.webp) center/300px;border-top:1px solid var(--filet)}
.pied-in{max-width:var(--largeur);margin:auto;padding:36px var(--gouttiere);display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.pied h2{font-size:1rem;font-family:var(--police);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--dore)}
.pied ul{list-style:none;margin:0;padding:0}
.pied li{margin:6px 0}
.pied .marque img{width:44px;height:44px}
.pied-bas{text-align:center;font-size:.8rem;color:var(--texte-doux);padding:0 var(--gouttiere) 24px}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Cartes vers les pages */
.lien-page{text-decoration:none;display:flex;flex-direction:column;align-items:center;text-align:center;transition:border-color .15s,transform .15s}
.lien-page:hover{border-color:var(--dore);transform:translateY(-2px)}
.lien-page img{height:120px;width:auto;object-fit:contain;margin:0 auto 12px}
.lien-page h3{margin-bottom:4px}
/* Mur des premiers membres */
.mur{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.mur li{padding:10px 16px;border-radius:999px;border:1px solid var(--filet);background:var(--mousse)}
.mur small{display:block;font-size:.72rem;color:var(--texte-doux)}
/* Fonds d'écran */
.fond-dl{padding:12px;margin:0}
.fond-dl img{border-radius:8px;margin-bottom:10px;aspect-ratio:16/9;object-fit:cover;width:100%}
details summary{cursor:pointer}
.grille-pages{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))}
.jour.premier .heure{font-size:clamp(1.1rem,3.5vw,1.4rem)}
.logo-vertical{margin-bottom:26px}
@media (max-width:480px){.lien-page img{height:84px}.lien-page h3{font-size:1.05rem}.lien-page{padding:14px 10px}}
.galerie .etiquette{white-space:normal;line-height:1.3;margin-top:4px}

/* ---------- Accueil : grande bannière verte, logo au centre ---------- */
.banniere.accueil{--emb:min(34vw,300px,32svh);justify-content:flex-start;padding-top:clamp(28px,5vh,56px);min-height:calc(100svh - 60px)}
.banniere.accueil::before{background:
  radial-gradient(ellipse 58% 52% at 50% 36%,rgba(22,48,35,.82) 0%,rgba(22,48,35,.6) 45%,rgba(22,48,35,.18) 80%),
  linear-gradient(180deg,rgba(22,48,35,.72) 0%,rgba(22,48,35,.38) 38%,rgba(22,48,35,.55) 70%,rgba(12,24,18,.92) 94%,var(--nuit) 100%)}
.hero-logo{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:8px 0 18px}
.accueil .logo-vertical{gap:calc(var(--emb)*.02);margin:0 0 12px;filter:drop-shadow(0 6px 26px rgba(0,0,0,.45))}
.accueil .logo-vertical img{width:var(--emb);height:auto}
.accueil .logo-vertical .olyrven-mot{font-size:calc(var(--emb)*.30);padding-left:.16em}
.hero-bas{display:flex;flex-direction:column;align-items:center;width:100%}
.hero-bas .rebours{margin-top:10px}
.hero-bas .date-live{margin-bottom:14px}
.hero-bas .clem{margin-top:16px}
@media (max-width:700px){
  .banniere.accueil{--emb:55vw}
  .accueil .logo-vertical .olyrven-mot{font-size:calc(var(--emb)*.27)}
  .hero-bas .boutons .btn{flex:1 1 100%;max-width:320px}
}
/* Agenda */
.agenda{max-width:720px;margin:22px auto 0}
.agenda-google{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.agenda-google a{display:inline-flex;min-height:36px;align-items:center;padding:6px 12px;border-radius:999px;border:1px solid var(--filet);font-size:.85rem;text-decoration:none;background:rgba(245,237,219,.04)}
.agenda-google a:hover{border-color:var(--dore)}
/* Vote */
.vote-choix{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.vote-choix li{position:relative;padding:14px 16px;border-radius:12px;border:1px solid var(--filet);background:var(--mousse);overflow:hidden}
.vote-choix li.gagnant{border-color:var(--dore);box-shadow:0 0 0 1px var(--dore) inset}
.vote-ligne{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between;position:relative}
.vote-ligne b{font-family:var(--titre);font-weight:500;font-size:1.15rem}
.vote-barre{height:10px;border-radius:999px;background:rgba(245,237,219,.08);margin-top:10px;overflow:hidden}
.vote-barre i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--sauge),var(--sauge-claire));border-radius:inherit;transition:width .6s ease}
.gagnant .vote-barre i{background:linear-gradient(90deg,var(--sauge),var(--dore))}
.vote-chiffres{font-size:.85rem;color:var(--texte-doux);font-variant-numeric:tabular-nums}
.vote-outils{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.vote-bandeau{border:1px dashed var(--sauge);border-radius:12px;padding:12px 16px;margin-bottom:18px;color:var(--texte-doux);font-size:.9rem}
.vote-resultat{text-align:center;padding:18px;border-radius:var(--rayon);border:1px solid var(--dore);margin-bottom:18px;background:rgba(201,162,74,.06)}
.vote-resultat b{font-family:var(--titre);font-weight:500;font-size:1.6rem;display:block}
.lien-btn{background:none;border:0;color:var(--creme);text-decoration:underline;text-decoration-color:var(--dore);cursor:pointer;font:inherit;padding:0}
/* Presse */
.faits{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));margin:0}
.faits div{padding:14px 16px;border-radius:12px;border:1px solid var(--filet);background:var(--mousse)}
.faits dt{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dore);font-weight:600}
.faits dd{margin:4px 0 0;font-weight:500;overflow-wrap:anywhere}
.nuancier{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))}
.nuancier figure{margin:0;border-radius:12px;overflow:hidden;border:1px solid var(--filet)}
.nuancier .pastille{height:84px}
.nuancier figcaption{padding:8px 10px;font-size:.82rem;background:var(--mousse)}
.logos-dl{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}
.logos-dl figure{margin:0;padding:14px;border-radius:12px;border:1px solid var(--filet);text-align:center}
.logos-dl .fond-clair{background:var(--creme)}
.logos-dl .fond-sombre{background:var(--foret)}
.logos-dl img{height:120px;width:auto;margin:0 auto 10px}
.logos-dl figcaption{font-size:.82rem;color:var(--texte-doux)}
.logos-dl .fond-clair figcaption{color:var(--foret)}
.banque{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
.banque figure{margin:0;border-radius:12px;overflow:hidden;border:1px solid var(--filet);background:var(--mousse);display:flex;flex-direction:column}
.banque img{width:100%;aspect-ratio:16/10;object-fit:cover}
.banque figcaption{padding:10px 12px;font-size:.84rem;display:flex;flex-direction:column;gap:6px;flex:1}
.banque figcaption small{color:var(--texte-doux)}
.banque .liens-dl{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto}
.portrait-presse{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start}
.portrait-presse img{border-radius:var(--rayon);border:1px solid var(--filet)}

/* ---------- Médaillon du logo au centre de la barre du haut (déborde sur la page) ---------- */
.entete-in{position:relative}
.medaillon{position:absolute;left:50%;top:6px;transform:translateX(-50%);z-index:60;display:grid;place-items:center;
  width:var(--med,124px);height:var(--med,124px);border-radius:50%;background:radial-gradient(circle at 50% 40%,#1E3D2D,#163023 70%);
  border:2px solid var(--dore);box-shadow:0 0 0 6px rgba(22,48,35,.55),0 10px 28px rgba(0,0,0,.45)}
.medaillon img{width:68%;height:68%;transform:translateY(-3%)}
.medaillon:focus-visible{outline:3px solid var(--creme);outline-offset:4px}
.nav-trou{display:none}
.logo-vertical{margin-top:clamp(40px,7vw,90px)}
.banniere:not(.grande){padding-top:clamp(84px,9vw,110px)}
@media (min-width:1201px){
  .marque{visibility:hidden;width:0;margin:0;overflow:hidden}
  .entete-in{min-height:72px}
  .menu{display:flex;flex:1;align-items:center}
  .nav{flex:1;display:grid;grid-template-columns:1fr calc(var(--med,124px) + 48px) 1fr;align-items:center}
  .nav ul:first-child{justify-content:flex-end}
  .nav ul:last-child{justify-content:flex-start}
  .nav-trou{display:block}
  .saison{position:absolute;right:var(--gouttiere);top:50%;transform:translateY(-50%)}
  .nav{padding-right:190px;padding-left:190px}
  .medaillon{--med:132px}
}
@media (max-width:1200px){
  .menu-btn{display:block;margin-left:auto}
  .menu{position:absolute;left:0;right:0;top:100%;background:rgba(12,24,18,.98);border-bottom:1px solid var(--filet);padding:8px var(--gouttiere) 16px;display:none}
  .menu.ouvert{display:block;padding-top:64px}
  .nav ul{flex-direction:column}
  .marque .olyrven-mot{display:none}
  .medaillon{--med:96px}
}
@media (max-width:480px){.medaillon{--med:84px}}
/* entête : médaillon centré, nav dégagée */
@media (min-width:1201px){
 .nav{padding-left:0;padding-right:0;width:100%;grid-template-columns:1fr calc(var(--med,132px) + 64px) 1fr}
 .nav ul{gap:2px}
 .nav ul:last-child{padding-right:170px}
 .nav a{padding-left:9px;padding-right:9px;font-size:.84rem}
}
@media (max-width:1200px){.marque img{display:none}}
@media (min-width:1201px){.saison{font-size:0}.saison select{font-size:.8rem}.nav{padding-left:180px;padding-right:180px}.nav ul:last-child{padding-right:0}}
@media (min-width:1201px){
 .menu{position:static}
 .nav{position:absolute;inset:0;padding:0 var(--gouttiere);grid-template-columns:1fr calc(var(--med,132px) + 56px) 1fr}
 .nav ul:first-child{padding-left:150px}
 .nav ul:last-child{padding-right:150px}
 .saison{z-index:61}
}
@media (min-width:1201px){.nav ul:first-child{transform:translateX(-44px)}.nav ul:last-child{transform:translateX(-6px)}}
/* rôles : visiteur, membre, admin (compte.js) */
html:not([data-role="admin"]) .admin-seul,
html:not([data-role="admin"]) .aide-admin,
html:not([data-role="admin"]) .etiquette,
html:not([data-role="admin"]) .a-completer,
html:not([data-role="admin"]) .a-completer-bloc,
html:not([data-role="admin"]) .forum-demo,
html:not([data-role="admin"]) .vote-bandeau{display:none!important}
html[data-admin-page]:not([data-role="admin"]) body>*:not(.garde-admin){display:none!important}
.garde-admin{display:none;min-height:100vh;place-content:center;text-align:center;padding:24px}
html[data-admin-page]:not([data-role="admin"]) .garde-admin{display:grid}
.barre-admin{position:fixed;left:12px;bottom:12px;z-index:90;display:flex;flex-wrap:wrap;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:8px 14px;border-radius:999px;background:rgba(12,24,18,.95);border:1px solid var(--dore);font-size:.82rem;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.barre-admin b{color:var(--or-vif);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}
.barre-admin a,.barre-admin button{color:var(--creme,#F5EDDB);background:none;border:0;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:0}
.barre-admin #admin-etat{color:var(--texte-doux)}
html.edition [data-ed]{outline:1px dashed var(--dore);outline-offset:4px;cursor:text}
html.edition [data-ed]:focus{outline-style:solid;background:rgba(201,162,74,.08)}
.pied .saison{position:static!important;transform:none!important;display:inline-flex;gap:8px;align-items:center;margin-top:12px;font-size:.85rem}
@media (min-width:1201px){.nav ul:first-child{padding-left:40px;transform:translateX(-10px)}.nav ul:last-child{padding-right:40px;transform:translateX(10px)}}
.outils-admin{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.form-produit label{display:block;font-size:.85rem;margin-bottom:10px}
.form-produit input:not([type=file]),.form-produit textarea{display:block;width:100%;margin-top:4px;padding:8px 10px;border-radius:8px;border:1px solid var(--filet);background:rgba(0,0,0,.25);color:inherit;font:inherit}
.ajout-produit{display:grid;place-items:center;min-height:200px}
.medaillon{transition:width .25s,height .25s,top .25s}
html.defile .medaillon{--med:62px!important;top:5px}
.onglets{display:flex;gap:6px;margin-bottom:14px}
.onglets button{flex:1;padding:10px;border-radius:999px;border:1px solid var(--filet);background:none;color:inherit;font:inherit;cursor:pointer}
.onglets button[aria-selected="true"]{background:var(--dore);border-color:var(--dore);color:#16210F;font-weight:600}
.form-compte label{display:block;margin-bottom:12px;font-size:.9rem}
.form-compte input:not([type=checkbox]){display:block;width:100%;margin-top:4px;padding:10px 12px;border-radius:8px;border:1px solid var(--filet);background:rgba(0,0,0,.25);color:inherit;font:inherit}
.form-compte .case{display:flex;gap:8px;align-items:flex-start}
.lien-btn{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;font-size:.85rem}
/* médaillon : couleur du bandeau, cercle doré seulement sous la barre */
.medaillon{background:rgb(12,24,18);border:0;box-shadow:none;--coupe:calc(var(--barre,72px) - 6px)}
.medaillon::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--dore);border-top-color:transparent;clip-path:inset(var(--coupe) -12px -12px -12px);box-shadow:0 10px 22px rgba(0,0,0,.35)}
.medaillon::before{content:"";position:absolute;inset:0;border-radius:50%;clip-path:inset(var(--coupe) -30px -30px -30px);box-shadow:0 12px 26px rgba(0,0,0,.4);pointer-events:none}
html.defile .medaillon::after,html.defile .medaillon::before{display:none}
.medaillon{--barre:61px;background:linear-gradient(to bottom,transparent var(--coupe),rgba(12,24,18,.9) var(--coupe));backdrop-filter:none}
@media (min-width:1201px){.medaillon{--barre:73px}}
html.defile .medaillon{background:transparent}
.galerie figure .outils-admin{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.galerie figure .outils-admin .btn{padding:3px 8px;font-size:.72rem}
.ajout-sticker{display:grid;place-items:center;min-height:160px}
.galerie figure .outils-admin{flex-wrap:nowrap;gap:3px}
.galerie figure .outils-admin .btn{padding:2px 7px;min-width:0;line-height:1.4}
.ajout-sticker .btn{white-space:nowrap;font-size:.85rem;padding:8px 14px}
/* demi-cercle uniforme : même fond flouté que le bandeau, il recouvre le trait du bas de la barre */
.medaillon{background:none!important}
.medaillon::before{content:"";position:absolute;inset:0;border-radius:50%;z-index:-1;background:rgba(12,24,18,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);clip-path:inset(calc(var(--coupe) - 1px) 0 0 0);box-shadow:none}
.medaillon::after{box-shadow:0 10px 22px rgba(0,0,0,.35)}
html.defile .medaillon::before{display:none}
.ajout-sticker .btn{white-space:normal;text-align:center;font-size:.8rem;padding:8px 12px;max-width:100%}
.accord-tiers{display:grid;place-content:center;gap:8px;text-align:center;padding:16px;background-size:cover;background-position:center;min-height:220px}.accord-tiers p{margin:0;background:rgba(12,24,18,.75);padding:4px 10px;border-radius:8px}
.pied-legal{text-align:center;padding:14px 16px 24px;margin:0}.texte-legal h2{margin-top:28px;font-size:1.4rem}.texte-legal p,.texte-legal li{line-height:1.65}