/* Compléments de l'accueil (21/09/2026) : le bouton des mairies, « Aujourd'hui » et son quiz, les noms des
   communes sur la carte. Chargée après les feuilles de la Gazette, sans rien y retirer. */

/* ── Le bouton des mairies, dans la barre du haut ── */
.g-mairie{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border:1px solid var(--red);border-radius:2px;background:var(--red);color:var(--light);font:500 13px/1.2 var(--sans);letter-spacing:.02em;white-space:nowrap;transition:background .25s,box-shadow .25s}
.g-mairie:hover,.g-mairie:focus-visible{background:#94382f;box-shadow:0 5px 15px #af44371f}
.g-mairie:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.mobile-menu .g-mairie-menu{display:flex;justify-content:center;margin-top:18px;min-height:52px;font-size:16px!important;font-family:var(--sans)!important;border-bottom:0;padding:14px 18px}
@media(max-width:700px){.g-mairie-barre{display:none}}

/* ── Aujourd'hui ── */
.g-today{position:relative;z-index:2;border-bottom:1px solid var(--line);background:var(--light)}
.g-today-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px 36px;padding-block:18px}
.g-today-kicker{font:500 10px/1.55 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--red);padding-right:28px;border-right:1px solid var(--line);align-self:stretch;display:flex;align-items:center}
.g-today-mots{min-width:0;max-width:none;color:var(--ink);font:400 15px/1.55 var(--serif)}
.g-today-mots h2{display:inline;margin:0;font:400 15px/1.55 var(--serif);letter-spacing:0!important}
.g-today-mots h2::after{content:" "}
.g-today-fete,.g-today-journee{display:inline;margin:0}
.g-today-fete{font-style:italic;color:var(--red)}
.g-today-fete::after,.g-today-journee::after{content:" "}
.g-today-journee a,.g-today-histoire a{color:inherit;text-decoration:underline;text-decoration-color:#af443766;text-underline-offset:3px}
.g-today-journee a:hover,.g-today-histoire a:hover{text-decoration-color:var(--red)}
.g-today-histoire{margin:6px 0 0;max-width:none;font-size:14px;color:#3d4b55}
.g-today-histoire b{font-weight:600;color:var(--ink)}
.g-today-source{font:500 11px/1.4 var(--sans);letter-spacing:.02em;white-space:nowrap;color:var(--muted)!important}
.g-today-quiz{display:grid;gap:2px;justify-items:start;min-height:52px;padding:10px 18px;border:1px solid var(--ink);border-radius:2px;background:transparent;color:var(--ink);text-align:left;cursor:pointer;transition:background .25s,color .25s}
.g-today-quiz span{font:400 16px/1.2 var(--serif)}
.g-today-quiz small{font:500 10px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.g-today-quiz:hover,.g-today-quiz[aria-expanded="true"]{background:var(--ink);color:var(--light)}
.g-today-quiz:hover small,.g-today-quiz[aria-expanded="true"] small{color:#d8dde0}
.g-today-quiz:focus-visible,.g-quiz button:focus-visible{outline:2px solid var(--red);outline-offset:3px}
@media(max-width:900px){
  .g-today-inner{grid-template-columns:minmax(0,1fr);gap:10px;padding-block:16px}
  .g-today-kicker{border:0;padding:0}
  .g-today-quiz{justify-self:stretch}
}

/* ── Le quiz ── */
.g-quiz{border-top:1px solid var(--line);padding-block:22px 26px}
.g-quiz-liste{list-style:none;margin:0 auto;padding:0;width:calc(100% - 2*var(--gutter));max-width:760px}
.g-quiz fieldset{border:0;margin:0;padding:0;min-width:0}
.g-quiz legend{display:grid;gap:6px;margin-bottom:14px;padding:0}
.g-quiz-rang{font:500 10px/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.g-quiz-intitule{font:400 21px/1.35 var(--serif);color:var(--ink)}
.g-quiz-choix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.g-quiz-choix button{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"lettre texte" "lettre marque";align-items:center;column-gap:12px;min-height:54px;padding:10px 14px;border:1px solid var(--line);border-radius:2px;background:var(--paper);color:var(--ink);text-align:left;font:400 16px/1.35 var(--serif);cursor:pointer;transition:border-color .2s,background .2s}
.g-quiz-choix button:hover:not(:disabled){border-color:var(--ink)}
.g-quiz-lettre{grid-area:lettre;display:grid;place-items:center;width:28px;height:28px;border:1px solid currentColor;border-radius:50%;font:500 12px/1 var(--sans)}
.g-quiz-texte{grid-area:texte}
.g-quiz-marque{grid-area:marque;font:500 10px/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.g-quiz-marque:empty{display:none}
.g-quiz-choix button:disabled{cursor:default;opacity:.6}
.g-quiz-choix button[data-etat]{opacity:1}
.g-quiz-choix button[data-etat="bonne"]{border-color:#3f7a57;background:#e6f0e8;color:#1f4d33}
.g-quiz-choix button[data-etat="fausse"]{border-color:var(--red);background:#f7e6e2;color:#7a2a21}
.g-quiz-retour{min-height:1.5em;margin:12px 0 0;font:italic 400 16px/1.5 var(--serif)}
.g-quiz-retour[data-etat="bonne"]{color:#2f6444}
.g-quiz-retour[data-etat="fausse"]{color:#8e3328}
.g-quiz-suivante{display:flex;align-items:center;gap:14px;margin:10px auto 0;width:calc(100% - 2*var(--gutter));max-width:760px;justify-content:flex-end;padding:8px 0;border:0;background:none;color:var(--ink);font:400 16px/1.3 var(--serif);cursor:pointer}
.g-quiz-suivante svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5}
.g-quiz-fin{width:calc(100% - 2*var(--gutter));max-width:760px;margin:6px auto 0;padding-top:16px;border-top:1px solid var(--line)}
.g-quiz-score{margin:0;font:400 22px/1.35 var(--serif);color:var(--ink)}
.g-quiz-score:focus{outline:none}
.g-quiz-demain{margin:6px 0 0;font:500 11px/1.5 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
@media(max-width:600px){
  .g-quiz-choix{grid-template-columns:minmax(0,1fr)}
  .g-quiz-intitule{font-size:19px}
}

/* ── Les noms des communes sur la carte ── */
.g-map-labels{pointer-events:none}
.g-map-label{font-family:var(--sans);font-weight:500;fill:var(--ink);text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:#f8f5eecc;stroke-width:.22em;stroke-linejoin:round;letter-spacing:.01em;opacity:0;transition:opacity .2s}
.g-map-label.z1{opacity:.9}
.js-noms .g-map-label{opacity:0}
.js-noms .g-map-label.is-lisible{opacity:.9}
.js-noms .g-map-label.is-actif{opacity:1;fill:var(--light);stroke:#7a2a21;stroke-width:.3em;font-weight:600}
.atlas-map.is-zoomee{touch-action:none;cursor:grab;pointer-events:auto}
.atlas-map.is-glisse{cursor:grabbing}
.g-map-zoom{position:absolute;bottom:44px;left:0;z-index:3;display:grid;gap:6px;pointer-events:auto}
.g-map-zoom button{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:2px;background:#fcfaf5e6;color:var(--ink);font:400 22px/1 var(--sans);cursor:pointer}
.g-map-zoom button:hover:not(:disabled){border-color:var(--ink)}
.g-map-zoom button:disabled{opacity:.4;cursor:default}
.g-map-zoom button:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.atlas-map.is-zoomee{outline:1px solid var(--line);background:var(--paper)}
.g-atlas.is-zoomee figcaption [data-map-caption]{background:#f8f5eee6;padding:2px 6px}
/* Carte agrandie : la boussole, la mer et la note manuscrite ne tombent plus sur les terres. */
.g-atlas.is-zoomee :is(.g-compass,.g-sea-name),.g-atlas.is-zoomee+.g-map-note{opacity:0;transition:opacity .2s}
@media(prefers-reduced-motion:reduce){.g-map-label,.g-atlas.is-zoomee :is(.g-compass,.g-sea-name){transition:none}}
/* Le compte du quiz : garder ses points, entrer au classement (aujourdhui.js, brancherCompte). */
.g-quiz-compte{margin-top:18px;display:grid;gap:14px}
.g-compte-titre{margin:0;font:400 20px/1.35 var(--serif);color:var(--ink)}
.g-compte-note{margin:0;font:400 14px/1.5 var(--sans);color:var(--muted)}
.g-compte-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;align-items:end}
.g-compte-form[hidden]{display:none}
.g-compte-form label{display:grid;gap:6px;font:500 12px/1.4 var(--sans);color:var(--ink)}
.g-compte-form label small{font-weight:400;color:var(--muted)}
.g-compte-form input,.g-compte-form select{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:2px;background:var(--paper);color:var(--ink);font:400 16px/1.3 var(--sans)}
.g-compte-form input:focus-visible,.g-compte-form select:focus-visible{outline:2px solid var(--red);outline-offset:1px}
.g-compte-large{grid-column:1/-1}
.g-compte-case{display:flex!important;grid-template-columns:none;align-items:flex-start;gap:10px!important;font-weight:400!important;color:var(--muted)!important}
.g-compte-case input{width:18px;min-height:18px;margin-top:2px;flex:none}
.g-compte-case a{color:inherit}
.g-compte-piege{position:absolute!important;left:-10000px;width:1px;height:1px;opacity:0}
.g-compte-bouton{justify-self:start;min-height:48px;padding:12px 22px;border:0;border-radius:2px;background:var(--red);color:#fff;font:500 15px/1.2 var(--sans);cursor:pointer}
.g-compte-bouton:disabled{opacity:.6;cursor:progress}
.g-compte-lien{justify-self:start;padding:0;border:0;background:none;color:var(--ink);font:400 14px/1.5 var(--sans);text-decoration:underline;cursor:pointer}
.g-compte-erreur{grid-column:1/-1;margin:0;min-height:1.2em;font:400 14px/1.5 var(--sans);color:#8e3328}
.g-compte-bilan{margin:0;font:400 20px/1.4 var(--serif);color:var(--ink)}
.g-compte-qui{margin:0;font:400 14px/1.5 var(--sans);color:var(--muted)}
.g-classement{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin-top:6px}
.g-classement h3{margin:0 0 8px;font:500 11px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.g-classement-liste{list-style:none;margin:0;padding:0}
.g-classement-liste li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--line);font:400 16px/1.35 var(--serif);color:var(--ink)}
.g-classement-liste li[data-moi]{font-weight:700}
.g-classement-liste small{font:400 12px/1 var(--sans);color:var(--muted)}
.g-classement-liste b{font:500 13px/1.3 var(--sans)}
.g-classement-rang{font:500 12px/1 var(--sans);color:var(--muted)}
.g-classement-vide{margin:0;font:italic 400 15px/1.5 var(--serif);color:var(--muted)}
@media (max-width:640px){.g-compte-form,.g-classement{grid-template-columns:minmax(0,1fr)}}

/* « Aujourd'hui » ressort (retour de Simon, 21/09) : un fond ocre doux et un vrai bouton pour le quiz.
   Pas de clignotement : il gêne la lecture et l'accessibilité. */
.g-today{background:#F4E6CB;border-bottom-color:#E2C993}
.g-today-kicker{color:#8A4B22;border-right-color:#DDBE85}
.g-today-quiz{background:var(--red);border-color:var(--red);color:var(--paper);box-shadow:0 2px 0 #7e2f25}
.g-today-quiz small{color:#F6D9CF}
.g-today-quiz span::after{content:" →"}
.g-today-quiz:hover,.g-today-quiz[aria-expanded="true"]{background:var(--ink);border-color:var(--ink)}

/* La presse locale, avant les actualités : les jours, puis six titres à la fois. */
.g-presse{padding-top:12px}
.g-presse-jours{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px}
.g-presse-jours button{font:500 13px/1 var(--sans);padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);cursor:pointer}
.g-presse-jours button::first-letter{text-transform:uppercase}
.g-presse-jours button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.g-presse-jours button:focus-visible,.g-presse-plus:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.g-presse-liste{margin-top:14px}
.g-presse-liste a{color:inherit;text-decoration:none}
.g-presse-liste a[hidden]{display:none}
.g-presse-vide{margin:18px 0;color:var(--muted);font:italic 15px var(--serif)}
.g-presse-plus{display:block;margin:22px auto 8px;padding:13px 26px;border:1px solid var(--ink);border-radius:2px;background:transparent;color:var(--ink);font:400 16px/1 var(--serif);cursor:pointer}
.g-presse-plus:hover{background:var(--ink);color:var(--paper)}

/* « Aujourd'hui » en bleu mer (Alison, 22/09) : il attrape l'œil dès l'arrivée. */
.g-today{background:#17648A;border-bottom-color:#0F4D6B;color:#fff}
.g-today-kicker{color:#BFE3F2;border-right-color:#4F8FB0}
.g-today-mots,.g-today-mots h2,.g-today-histoire,.g-today-histoire b{color:#fff}
.g-today-fete{color:#FFE0A3}
.g-today-journee a,.g-today-histoire a{text-decoration-color:#ffffff99}
.g-today-journee a:hover,.g-today-histoire a:hover{text-decoration-color:#fff}
.g-today-source{color:#CFE7F2!important}
.g-today-quiz{background:#fff;border-color:#fff;color:var(--red);box-shadow:0 2px 0 #0F4D6B}
.g-today-quiz small{color:#5B6B76}
.g-today-quiz:hover,.g-today-quiz[aria-expanded="true"]{background:#FFE0A3;border-color:#FFE0A3;color:var(--ink)}
.g-today-quiz:hover small,.g-today-quiz[aria-expanded="true"] small{color:var(--ink)}
.g-today-quiz:focus-visible{outline-color:#FFE0A3}
/* Le calendrier du bandeau (gazette.mjs, calendrier) */
.g-today-kicker{flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;position:relative}
.g-today-kicker>p{margin:0}
.g-today-calendrier>summary{cursor:pointer;list-style:none;color:#fff;font:500 12px/1.3 var(--sans);letter-spacing:.02em;text-transform:none;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.g-today-calendrier>summary::-webkit-details-marker{display:none}
.gazette .g-today-calendrier>summary:hover{color:#FFE0A3}
.g-today-calendrier>summary::after{content:" ▾"}
.g-today-calendrier[open]>summary::after{content:" ▴"}
.g-calendrier{position:absolute;z-index:20;top:100%;left:0;margin-top:8px;padding:14px;background:var(--light);color:var(--ink);border:1px solid var(--line);box-shadow:0 10px 30px #0003;width:260px}
.g-calendrier>p{margin:0 0 10px;font:400 16px/1.2 var(--serif);text-transform:none;letter-spacing:0;color:var(--ink)}
.g-calendrier-grille{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
.g-calendrier-grille abbr{font:500 10px var(--sans);color:var(--muted);text-decoration:none;letter-spacing:0}
.g-calendrier-grille a,.g-calendrier-grille span{display:grid;place-items:center;aspect-ratio:1;font:500 13px var(--sans);letter-spacing:0;border-radius:2px}
.g-calendrier-grille a{color:var(--ink);background:#17648a14;text-decoration:none}
.g-calendrier-grille a:hover{background:#17648a33}
.g-calendrier-grille a[aria-current]{background:var(--red);color:#fff}
.g-calendrier-grille span{color:#9aa4ab}
.g-page-jour .g-today{border-bottom:0}
.g-page-jour .g-today-mots h1{display:inline;margin:0;font:400 15px/1.55 var(--serif);letter-spacing:0!important}
.g-page-jour .g-today-mots h1::after{content:" "}
.g-jour-choix{padding-block:40px 72px}.g-jour-choix h2{margin:0 0 16px;font:400 26px/1.2 var(--serif)}.g-jour-choix .g-calendrier{position:static;margin:0 0 28px;box-shadow:none}