/* ====================================================================
   COPAINS POILUS — HEADER FIT  (header-fit.css)
   ────────────────────────────────────────────────────────────────────
   Corrige le scroll horizontal du header standard sur laptops (901–1500px).
   Le header desktop complet (logo + 6 liens + 2 boutons + langue) exige
   ~1550px : il débordait entre le breakpoint burger (900px) et ~1550px.

   STRATÉGIE (robuste, pérenne) :
     1. Menu burger jusqu'à --hf-bp (au lieu de 900px) → petits laptops OK.
     2. Header desktop compacté en clamp() au-dessus → tient dès --hf-bp+1.

   À charger EN DERNIER, après style.css / stub.css / responsive-desktop.css
   / header.css, sur toutes les pages à header standard.
   ROLLBACK : retirer le <link> header-fit.css des pages, ou vider ce fichier.
   ==================================================================== */

/* ── 1. Burger relevé : sous le breakpoint, on masque la nav desktop et
      on affiche le burger. !important pour battre style.css (@900) et
      header.css quel que soit l'ordre de chargement. ── */
@media (max-width: 1300px) {
  .header .nav,
  .header .header__actions { display: none !important; }
  .header .burger          { display: flex !important; }
  .header .logo            { margin-right: 0 !important; }
}

/* ── 2. Header desktop compact et fluide : tient de 1201px à 1920px+.
      Sélecteurs préfixés .header pour gagner en spécificité sur les
      règles de responsive-desktop.css / style.css. ── */
@media (min-width: 1301px) {
  .header .header__inner {
    /* .header__inner porte aussi .container : responsive-desktop.css le
       plafonne à 1040/1080/1120px, trop étroit pour contenir la nav (elle
       débordait). On élargit juste ce qu'il faut (1360px) pour contenir la
       nav standard à 6 liens, en gardant la boîte CENTRÉE → l'identité
       "header borné/centré" du design d'origine est préservée (pas de
       pleine largeur edge-to-edge). */
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
    padding-left:  clamp(20px, 2.4vw, 40px);
    padding-right: clamp(20px, 2.4vw, 40px);
  }
  /* Tailles COMPACTES FIXES (non grandissantes) : le contenu reste constant
     quelle que soit la largeur → la boîte centrée de 1360px le contient
     toujours, aucun débordement des actions même sur écran 2K/4K. */
  .header .logo { margin-right: 20px; }
  .header .logo img,
  .header .nav__logo img { height: 46px; }

  .header .nav { gap: 2px; }
  .header .nav__link {
    font-size: 0.86rem;
    padding: 8px 11px;
  }

  .header .header__actions {
    margin-left: 20px;
    gap: 8px;
  }
  .header .header__actions .btn {
    padding: 10px 15px;
    font-size: 0.85rem;
    white-space: nowrap;
  }
}