/* Recette de cohérence (15/10) : corrections transverses, surcharges seulement. */

/* ---------- Menu du haut : jamais de chevauchement ----------
   Large : libellés. Largeur moyenne (601–1180 px) : icônes seules (libellé lu par les
   lecteurs d'écran et en infobulle). Téléphone (≤ 600 px) : barre du bas (ux-accueil.css). */
header.v2-entete nav.v2-nav.ux-nav a .ux-icone { display: none; }
@media (min-width: 601px) and (max-width: 1180px) {
  header.v2-entete nav.v2-nav.ux-nav { grid-template-columns: repeat(var(--n, 6), 46px); flex: 0 0 auto; }
  header.v2-entete nav.v2-nav.ux-nav a { display: grid; place-items: center; padding: 8px 0; }
  header.v2-entete nav.v2-nav.ux-nav a .ux-icone { display: block; width: 20px; height: 20px; }
  header.v2-entete nav.v2-nav.ux-nav a .ux-nav-texte {
    position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
  }
}
/* Largeur étroite (601–1120 px) : la marque perd son texte, le garage son sous-titre,
   la recherche se resserre ; rien ne sort de la barre. */
@media (min-width: 601px) and (max-width: 1120px) {
  header.v2-entete { gap: 10px; padding-left: 14px; padding-right: 14px; }
  .brand.v2-marque .v2-marque-texte { display: none; }
  header.v2-entete .v2-garage-actif { min-width: 0; flex: 0 1 auto; }
  header.v2-entete .v2-garage-actif .v2-garage-sous { display: none; }
  header.v2-entete .v2-garage-actif .v2-garage-nom { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; max-width: 150px; }
  header.v2-entete .ux-barre-recherche { min-width: 0; flex: 1 1 120px; }
  header.v2-entete .ux-barre-recherche input, header.v2-entete .v2-search input { width: 100%; min-width: 0; }
}

/* ---------- Atelier sur téléphone : onglets sans défilement ----------
   Chaque onglet (et « Plus… ») prend sa part de la ligne ; un libellé long passe sur
   deux lignes au lieu de pousser « Plus… » hors de l'écran. */
@media (max-width: 600px) {
  .aw-tabs.ux-at-onglets:not(:has(> button:nth-of-type(6))) { overflow-x: visible; flex-wrap: nowrap; gap: 3px; }
  .aw-tabs.ux-at-onglets:not(:has(> button:nth-of-type(6))) > button,
  .aw-tabs.ux-at-onglets:not(:has(> button:nth-of-type(6))) > .ux-plus-vues {
    flex: 1 1 0; min-width: 0; max-width: none; white-space: normal; line-height: 1.2; padding: 8px 4px; text-align: center; text-align-last: center;
  }
}

/* ---------- Fiche voiture : le sous-titre ne passe plus sous le statut ----------
   La colonne du titre se borne à sa place (le sous-titre long est coupé « … »). */
.fw-identity.ux-bande .ux-bande-id { grid-template-columns: minmax(0, 1fr); }
.fw-identity.ux-bande .ux-bande-id > * { min-width: 0; }

/* Alerte de la fiche sur téléphone : le titre seul (le détail coupé ne laissait qu'une lettre). */
@media (max-width: 600px) {
  .fw-attention > div strong { white-space: normal; }
  .fw-attention > div span:not(.fw-alert-dot) { display: none; }
}