/* 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}
}