/* L'en-tête commun de la coque d'un séjour et d'un accueil, natif Le Fil : js/fil/entete.js. Préfixe fh-, jetons --f-* de css/fil.css seulement.
   Téléphone : le nom court du module et la sous-navigation, rien d'autre (≈ 90 px) ; bureau : la ligne de contexte (retour à l'espace du séjour) et la
   précision du titre s'ajoutent. Remplace la bande classique (fil d'Ariane, titre long, chapo, sous-navigation en cartouche) de ces écrans. */
[data-interface="fil"] .fh { background: var(--f-surface); color: var(--f-encre); border-bottom: 1px solid var(--f-filet); }
[data-interface="fil"] .fh *, [data-interface="fil"] .fh *::before, [data-interface="fil"] .fh *::after { box-sizing: border-box; }
[data-interface="fil"] .fh-tete { padding: 12px 0 0; min-width: 0; }
[data-interface="fil"] .fh-contexte { display: none; align-items: center; gap: 4px; max-width: 100%; margin: 0 0 4px -4px; color: var(--f-encre-2); text-decoration: none; font: 500 13px/1.4 Inter, system-ui, sans-serif; min-width: 0; }
[data-interface="fil"] a.fh-contexte:hover .fh-contexte-nom { color: var(--f-encre); text-decoration: underline; text-underline-offset: 3px; }
[data-interface="fil"] .fh-contexte-ico { display: inline-flex; flex: none; }
[data-interface="fil"] .fh-contexte-nom { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
[data-interface="fil"] .fh-contexte-meta { flex: none; color: var(--f-encre-3); white-space: nowrap; }
[data-interface="fil"] .fh-contexte-meta::before { content: "·"; margin-right: 6px; }
[data-interface="fil"] .fh-ligne { display: flex; align-items: center; justify-content: space-between; gap: 8px 16px; flex-wrap: wrap; min-width: 0; }
[data-interface="fil"] .fh-texte { flex: 1 1 auto; min-width: 0; }
[data-interface="fil"] .fh-titre { margin: 0; font: 400 26px/1.15 'Instrument Serif', Georgia, serif; overflow-wrap: anywhere; }
[data-interface="fil"] .fh-chapo { display: none; margin: 2px 0 0; color: var(--f-encre-2); font: 400 15px/1.45 Inter, system-ui, sans-serif; }
[data-interface="fil"] .fh-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
/* Sous-navigation : des onglets soulignés (jamais un second cartouche segmenté : le module en porte déjà un) ; elle défile au téléphone. */
[data-interface="fil"] .fh-onglets { display: flex; gap: 2px; margin: 4px -12px 0; padding: 0; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
[data-interface="fil"] .fh-onglets::-webkit-scrollbar { display: none; }
[data-interface="fil"] .fh-onglet { position: relative; flex: none; display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; color: var(--f-encre-2); text-decoration: none; white-space: nowrap; font: 500 14px/1 Inter, system-ui, sans-serif; }
[data-interface="fil"] .fh-onglet:hover { color: var(--f-encre); }
[data-interface="fil"] .fh-onglet[aria-current="page"] { color: var(--f-encre); font-weight: 600; }
[data-interface="fil"] .fh-onglet[aria-current="page"]::after { content: ""; position: absolute; inset: auto 12px -1px; height: 2px; border-radius: 2px; background: var(--f-encre); }
[data-interface="fil"] .fh-onglet:focus-visible { outline: 2px solid var(--f-encre); outline-offset: -2px; border-radius: 8px; }
@media (min-width: 900px) {
  [data-interface="fil"] .fh-tete { padding-top: 16px; }
  [data-interface="fil"] .fh-contexte { display: inline-flex; }
  [data-interface="fil"] .fh-titre { font-size: 32px; }
  [data-interface="fil"] .fh-chapo { display: block; }
  [data-interface="fil"] .fh-onglets { margin-top: 8px; }
}
@media print { [data-interface="fil"] .fh { display: none !important; } }