/* ------------------------------------------------------------------
   LDV Bourgogne — correctifs responsive
   La maquette ne contient aucune media query : tout est en styles
   inline calcules en JS, avec deux seuils seulement (920 et 1240 px).
   En dessous de 560 px l'en-tete deborde et le logo traverse le titre.
   Ces regles ne corrigent que le petit ecran, le rendu desktop est
   strictement inchange. Les selecteurs data-dc-tpl sont les
   identifiants stables poses par le moteur de la maquette.
   Simply On, 03/11/2026.
   ------------------------------------------------------------------ */

/* ---------- EN-TETE ---------- */
/* Sous 580 px, logo + telephone + bouton devis + burger ne tiennent pas
   dans 390 px : le burger sortait de l'ecran. Le bouton devis passe a la
   trappe, le telephone et le burger suffisent, et le CTA reste present
   partout ailleurs dans la page. */
@media (max-width: 580px) {
  header [data-dc-tpl="52"] { display: none !important; }
  header [data-dc-tpl="40"] { gap: 10px !important; }
  header [data-dc-tpl="14"] { padding: 6px 8px 6px 10px !important; gap: 8px !important; }
  header [data-dc-tpl="50"] { flex: none !important; }
  header [data-dc-tpl="56"] { flex: none !important; }
}

/* ---------- HERO ---------- */
/* Les trois pastilles de logo sont posees au milieu du H1 : a partir de
   deux lignes de titre elles chevauchent le texte et mangent le E accent.
   La raclette decorative passe elle aussi par-dessus. On les retire sur
   petit ecran, elles restent sur desktop. */
@media (max-width: 860px) {
  h1 [data-dc-tpl="110"],
  h1 [data-dc-tpl="116"],
  h1 [data-dc-tpl="122"],
  h1 [data-dc-tpl="128"] { display: none !important; }
}

/* La ligne manuscrite debordait a droite et se superposait au titre. */
@media (max-width: 760px) {
  [data-dc-tpl="129"] {
    font-size: clamp(21px, 6.6vw, 30px) !important;
    line-height: 1.15 !important;
    margin-top: .12em !important;
  }
}

/* ---------- BLOCS QUI DEBORDENT ---------- */
/* Le bandeau « Zero trace / 7j/7 sur RDV » de l'appel final partait a
   -5 px, donc hors ecran a gauche. */
@media (max-width: 860px) {
  [data-dc-tpl="1547"],
  [data-dc-tpl="1548"] {
    margin-left: 0 !important;
    left: auto !important;
    transform: none !important;
    max-width: 100% !important;
  }
}

/* ---------- LISIBILITE ---------- */
/* La maquette descend a 10,5 et 12 px sur certains textes courants.
   On remonte le plancher a 14 px sur mobile, sans toucher aux titres
   ni aux surtitres en capitales. */
@media (max-width: 760px) {
  p, li, dd, dt, label, figcaption { font-size: max(1em, 14px) !important; }
}

/* ---------- CIBLES TACTILES ---------- */
/* Les liens de pied de page faisaient 24 px de haut : sous le doigt,
   c'est trop petit. */
@media (pointer: coarse) {
  footer a, footer button { min-height: 40px; display: inline-flex; align-items: center; }
}

/* ---------- CONFORT ---------- */
@media (max-width: 760px) {
  html, body { overflow-x: clip; }
}

/* ---------- INTERLIGNE DU TITRE ---------- */
/* Anton a 0,94 d'interligne : sur deux lignes, l'accent du E majuscule
   se perd dans la ligne du dessus. On desserre juste sur petit ecran. */
@media (max-width: 860px) {
  h1 { line-height: 1.06 !important; }
  h2 { line-height: 1.05 !important; }
}