/* La presse du 06 : le filtre par commune, discret, entre la manchette et la liste des rédactions. */
.presse-filtre{margin:26px 0 22px;padding:0 0 20px;border-bottom:1px solid var(--bord);font-family:var(--sans)}
.presse-filtre label{display:block;font:700 13px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.1em;color:var(--navy);margin:0 0 10px}
.presse-filtre-champ{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.presse-filtre input{flex:0 1 340px;min-width:0;min-height:46px;padding:10px 16px;font:16px/1.4 var(--sans);color:var(--navy);background:#fffaf2;border:1px solid #cfc1ad;border-radius:25px}
.presse-filtre input:focus-visible,.presse-filtre button:focus-visible{outline:3px solid var(--rouge);outline-offset:2px}
.presse-filtre button{min-height:46px;padding:10px 20px;font:700 14px/1.2 var(--sans);border-radius:25px;cursor:pointer;border:1px solid var(--navy);background:var(--navy);color:var(--papier-clair)}
.presse-filtre .presse-filtre-tout{background:transparent;color:var(--navy);border-color:#cfc1ad}
.presse-filtre .presse-filtre-media{margin:16px 0 0}
.presse-filtre-media>span{display:block;margin:0 0 10px;font:700 13px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.1em;color:var(--navy)}
.presse-puces{display:flex;flex-wrap:wrap;gap:6px}
.presse-filtre .presse-puces button{min-height:36px;padding:6px 14px;border:1px solid #d9cfbf;border-radius:999px;background:#fffaf2;color:var(--navy);font:600 14px/1.1 var(--sans)}
.presse-filtre .presse-puces button small{font-weight:400;opacity:.7}
.presse-filtre .presse-puces button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.presse-filtre-aide{font:13px/1.6 var(--sans);color:var(--encre-douce);margin:10px 0 0}
.presse-filtre-statut{font:600 15px/1.5 var(--sans);color:var(--navy);margin:8px 0 0}
.presse-filtre-statut:empty{display:none}
.presse-aucun a{color:var(--rouge);font-family:var(--sans);font-size:15px;margin-left:4px}
@media(max-width:600px){.presse-filtre input{flex:1 1 100%}.presse-filtre button{flex:1 1 auto}}

/* Le titre de la page et ceux de la presse à l'échelle des autres pages ; les liens soulignés au survol seulement. */
.presse .article-presse h4 a{text-decoration:none}
.presse .article-presse h4 a:hover{text-decoration:underline;text-underline-offset:4px}
.presse-manchette :is(h1,h3){font:600 clamp(38px,4.6vw,60px)/1.05 var(--serif)}

/* Un jour à la fois (01/10) : la barre des jours reste en haut à la lecture ; chaque titre tient en trois lignes au
   plus, sa rédaction et son heure au-dessus, en petit ; les rédactions en une ligne de liens, en bas de page. */
.presse-jours{position:sticky;top:0;z-index:5;display:flex;gap:6px;overflow-x:auto;margin:6px 0 0;padding:10px 0;background:var(--papier,#f7f1e8);border-bottom:1px solid var(--bord);scrollbar-width:none}
.presse-jours::-webkit-scrollbar{display:none}
.presse-jours a{flex:none;display:inline-flex;align-items:baseline;gap:7px;padding:8px 15px;border:1px solid #d9cfbf;border-radius:999px;background:#fffaf2;font:600 14px/1.1 var(--sans);color:var(--navy);text-decoration:none}
.presse-jours a:hover{border-color:var(--navy)}
.presse-jours a[aria-current="true"]{border-color:var(--navy);background:var(--navy);color:#fff}
.presse-jours small{font:400 12.5px/1 var(--sans);opacity:.7}
.presse-jours a.presse-jour-vide{opacity:.4;cursor:default}
.presse .presse-jour{margin-top:22px}
.presse .presse-jour h2{font:600 22px/1.3 var(--serif);padding-bottom:8px;border-bottom:1px solid var(--navy)}
.presse .article-presse{padding:14px 4px 16px}
.presse .provenance{display:flex;align-items:baseline;gap:8px;margin-bottom:5px;font:500 12px/1.4 var(--sans);color:var(--encre-douce)}
.presse .provenance .presse-media{padding:0;background:none;font:700 11.5px/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--rouge)}
.presse .provenance time{margin:0}
.presse .article-presse h4{margin:0;font:500 17px/1.35 var(--serif)}
.presse .article-presse .meta{margin-top:4px;font:italic 12px/1.4 var(--sans)}
.presse-redactions{max-width:none;margin-top:30px;padding-top:14px;border-top:1px solid var(--bord);font:400 12.5px/1.8 var(--sans);color:var(--encre-douce)}
.presse-redactions span{font-weight:600;color:var(--navy)}
.presse-redactions a{color:inherit;text-decoration:underline;text-decoration-color:rgba(22,38,59,.25);text-underline-offset:3px}
.presse-redactions a:hover{color:var(--rouge)}
@media(max-width:600px){.presse-jours{margin-inline:-16px;padding-inline:16px}}
/* Le fil d'actualité (Alison, 08/10/2026 : « c'est lourd visuellement… un fil d'actu ») : une colonne, l'heure et la
   rédaction au-dessus du titre, un filet entre deux titres. */
.page-presse .presse .articles{grid-template-columns:minmax(0,1fr);max-width:760px;gap:0}
.page-presse .presse .presse-jour h2{max-width:760px}
.page-presse .presse .article-presse{padding:12px 0 13px;border-bottom:1px solid var(--bord)}
.page-presse .presse .provenance{gap:8px;font:700 11.5px/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--rouge)}
.page-presse .presse .provenance time{order:-1;color:var(--rouge);font-weight:700}
.page-presse .presse .provenance time::after{content:"·";margin-left:8px}
.page-presse .presse .article-presse h4{font:500 17.5px/1.4 var(--serif)}

/* La barre du haut et le pied de toutes les pages hors la une (gabarit.mjs : barreDuHaut, piedDePage).
   Mêmes liens, même police et mêmes marges que l'en-tête et le pied de l'accueil. */
.lc-barre{position:relative;z-index:30;border-bottom:1px solid rgba(28,51,114,.12)}
.lc-barre-in,.lc-pied-in{box-sizing:border-box;width:calc(100% - 2 * clamp(20px,5.5vw,104px));max-width:1400px;margin-inline:auto;display:flex;align-items:center;gap:16px 32px}
.lc-barre-in{min-height:72px}
:is(.lc-barre,.lc-pied) .marque-lien{display:inline-flex;flex:none;font-size:0;line-height:0;text-decoration:none;transform:none}
:is(.lc-barre,.lc-pied) .marque{position:relative;display:block!important;flex:none;width:180px;height:41px;padding:0;background:url('./la-criee-logo-lc.webp') left center/contain no-repeat}
.lc-pied .marque{width:150px;height:34px}
:is(.lc-barre,.lc-pied) .marque .mono{display:none!important}
:is(.lc-barre,.lc-pied) .marque .marque-nom{position:absolute;width:1px;height:1px;padding:0;margin:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.lc-barre-actions{display:flex;align-items:center;gap:14px;margin-left:auto}
/* les deux portes du site en onglets, le compte en rond (version A, 08/10/2026) ; la une et /lafrance ont les mêmes */
.lc-onglets{display:inline-flex;padding:4px;border-radius:999px;background:#ece5d6}
.lc-onglets a{display:inline-flex;align-items:center;min-height:34px;padding:0 16px;border-radius:999px;font:600 15px/1 'Spectral',Georgia,serif;color:#0d2241;text-decoration:none;white-space:nowrap;transition:background-color .2s,box-shadow .2s}
.lc-onglets a:hover{background:rgba(255,255,255,.6)}
.lc-onglets a[aria-current]{background:#fff;box-shadow:0 2px 8px -3px rgba(13,34,65,.35)}
.lc-court{display:none}
.lc-compte{position:relative;display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:#1c3372;color:#fff;text-decoration:none;transition:transform .2s}
.lc-compte:hover{transform:translateY(-1px)}
.lc-compte svg{width:20px;height:20px;stroke-width:1.6}
.lc-compte span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.lc-compte .lc-initiale{width:40px;height:40px;background:none}
/* le jour et la fête au centre, comme l'en-tête de l'accueil (gazette/assets/une.css) */
.lc-barre-in{position:relative}
.lc-barre-jour{position:absolute;left:50%;top:50%;translate:-50% -50%;margin:0;font:italic 400 17px/1.3 'Spectral',Georgia,serif;color:#1c3372;white-space:nowrap}
.lc-barre-jour span{color:#C8382A}
@media (max-width:1100px){.lc-barre-jour{display:none}}
.lc-chercher{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#1c3372}
.lc-chercher:hover{background:rgba(28,51,114,.07)}
.lc-chercher svg,.lc-compte svg{fill:none;stroke:currentColor;stroke-linecap:round}
.lc-chercher svg{width:20px;height:20px;stroke-width:1.8}
/* Connecté : l'initiale dans un rond plein à la place de la silhouette (favoris.js, nommerCompte) */
.lc-initiale{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#1c3372;color:#fff;font:600 14px/1 'Spectral',Georgia,serif}
.lc-pied{margin-top:64px;padding-bottom:44px}
.lc-pied-in{justify-content:space-between;flex-wrap:wrap;padding-top:32px;border-top:1px solid rgba(28,51,114,.12)}
.lc-pied nav{display:flex;flex-wrap:wrap;gap:8px 28px}
.lc-pied nav a{padding:6px 0;font:400 15px/1.3 'Spectral',Georgia,serif;color:#34465a;text-decoration:none}
.lc-pied nav a:hover{color:#1c3372;text-decoration:underline;text-underline-offset:4px}
@media (max-width:760px){
  .lc-barre-actions{gap:8px}
  .lc-onglets a{min-height:30px;padding:0 11px;font-size:13.5px}
  .lc-long{display:none}.lc-court{display:inline}
  .lc-compte,.lc-compte .lc-initiale{width:36px;height:36px}
  .lc-barre-in{min-height:62px}
  .lc-barre .marque{width:150px;height:34px}
  .lc-pied nav{width:100%;gap:4px 24px}
}
/* Un téléphone de 390 px laissait la barre déborder de 24 px (le compte hors de l'écran, 13/10/2026) : logo, boutons et
   onglets se resserrent ; à 360 px, un cran de plus. */
@media (max-width:440px){
  .lc-barre-in{gap:8px;width:calc(100% - 32px)}
  .lc-barre .marque{width:104px;height:25px}
  .lc-barre-actions{gap:4px}
  .lc-chercher{width:32px;height:32px}
  .lc-onglets a{padding:0 8px;font-size:13px}
  .lc-compte,.lc-compte .lc-initiale{width:32px;height:32px}
}
@media (max-width:370px){
  .lc-barre .marque{width:92px;height:22px}
  .lc-onglets{padding:3px}
  .lc-onglets a{padding:0 7px;font-size:12.5px}
}
