/* LinkReport, INAH Group / Tech. Hani Walakiyim (HLB). 22/09/2026.
   L'EN-TETE ET LE PIED DE TOUTES LES PAGES DE linkreport.fr.

   Jusqu'au 22/09/2026, le style de l'en-tete n'existait que dans l'accueil,
   ecrit dans la page : les autres pages n'avaient donc pas d'en-tete du tout
   (constate page par page ce jour-la, apres la remarque de HLB). Ce fichier
   reprend les memes regles, limitees a `header.entete-site`, pour qu'elles
   s'appliquent partout sans toucher au fil d'Ariane du guide ni aux autres
   barres des pages. Les valeurs sont celles de l'accueil, au pixel pres. */

header.entete-site {
  position: sticky; top: 0; z-index: 40;
  backdrop-filter: blur(18px) saturate(150%); -webkit-backdrop-filter: blur(18px) saturate(150%);
  background: rgba(20, 10, 30, .72); border-bottom: 1px solid rgba(255, 255, 255, .07);
  margin: 0; padding: 0;
}
header.entete-site .enveloppe { width: 100%; max-width: 100%; margin: 0 auto; padding: 0 24px; }
header.entete-site .barre { display: flex; align-items: center; gap: 14px; height: 62px; flex-wrap: nowrap; }
header.entete-site .logo {
  display: flex; align-items: center; gap: 10px; flex: 0 0 auto;
  font-family: var(--display); font-weight: 800; font-size: clamp(15px, 1.5vw, 19px);
  letter-spacing: -.02em; text-decoration: none; color: var(--texte);
}
header.entete-site .pastille {
  width: 30px; height: 30px; border-radius: 9px; background: var(--marque); flex-shrink: 0;
  display: grid; place-items: center; font-size: 15px;
}
header.entete-site .pastille:has(img) { background: transparent; }
header.entete-site .pastille img { object-fit: contain !important; }
header.entete-site nav {
  margin-left: auto; display: flex; flex: 0 1 auto; min-width: 0; flex-wrap: nowrap;
  overflow-x: auto; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; scrollbar-width: none;
  font-size: clamp(10.5px, 1.05vw, 14px); gap: clamp(9px, 1.5vw, 24px); padding-bottom: 1px;
}
header.entete-site nav::-webkit-scrollbar { display: none; }
header.entete-site nav a {
  color: var(--texte-doux); text-decoration: none; transition: color .2s; white-space: nowrap; flex: 0 0 auto;
  margin: 0; padding: 0; border: 0; background: none;
}
header.entete-site nav a:hover { color: var(--texte); }
header.entete-site #bouton-theme {
  flex: 0 0 auto; width: 34px; height: 34px; border-radius: 999px; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center; margin-left: 10px;
  border: 1px solid var(--bord); background: var(--verre); transition: background .18s ease;
}
header.entete-site #bouton-theme:hover { background: rgba(255, 255, 255, .1); }
header.entete-site #bouton-theme[hidden] { display: none !important; }
header.entete-site #bouton-theme .rond-theme {
  width: 16px; height: 16px; border-radius: 999px; border: 1.5px solid var(--texte);
  background: linear-gradient(90deg, var(--texte) 0 50%, transparent 50% 100%);
}
header.entete-site .boite-recherche { position: relative; margin-left: 20px; flex: 0 0 auto; }
header.entete-site .boite-recherche input {
  width: 190px; height: 36px; border-radius: 999px; padding: 0 16px;
  background: rgba(255, 255, 255, .07); border: 1px solid var(--bord); color: var(--texte);
  font-size: 14px; font-family: var(--corps); outline: none; transition: width .2s, border-color .2s;
}
header.entete-site .boite-recherche input::placeholder { color: rgba(246, 241, 250, .5); }
header.entete-site .boite-recherche input:focus { width: 260px; border-color: rgba(255, 255, 255, .36); }
header.entete-site #recherche-resultats {
  position: absolute; top: 44px; right: 0; width: min(380px, 86vw); z-index: 60;
  background: #1b0f28; border: 1px solid var(--bord); border-radius: 16px; overflow: hidden;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .55);
}
header.entete-site #recherche-resultats a {
  display: block; padding: 11px 16px; text-decoration: none; color: var(--texte);
  border-bottom: 1px solid rgba(255, 255, 255, .07);
}
header.entete-site #recherche-resultats a:last-child { border-bottom: none; }
header.entete-site #recherche-resultats a:hover,
header.entete-site #recherche-resultats a.ici { background: rgba(255, 255, 255, .08); }
header.entete-site #recherche-resultats a strong { display: block; font-size: 14.5px; font-weight: 700; }
header.entete-site #recherche-resultats a span { display: block; font-size: 12px; color: var(--texte-faible); margin-top: 2px; }
header.entete-site #recherche-resultats .rien { padding: 14px 16px; font-size: 13.5px; color: var(--texte-faible); }
@media (max-width: 900px) {
  header.entete-site .boite-recherche { margin-left: auto; }
  header.entete-site .boite-recherche input { width: 150px; }
  header.entete-site .boite-recherche input:focus { width: 190px; }
}
@media (max-width: 430px) {
  header.entete-site .boite-recherche input { width: 96px; padding: 0 12px; }
  header.entete-site .boite-recherche input:focus { width: 140px; }
}

/* LA RANGEE DE LIENS DU PIED, la meme sur toutes les pages. */
footer .pied-liens { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; }
footer .pied-liens a { text-decoration: none; color: var(--texte-faible); margin-right: 0; }
footer .pied-liens a:hover { color: var(--texte); }
footer.pied .pied-liens { order: 0; margin-right: 18px; }