/* Bandeau et panneau de consentement (tarteaucitron.js) aux couleurs du site.
   Bandeau compact : une ligne sur ordinateur, deux rangées sur mobile (texte, puis Refuser / Accepter).
   « Tout accepter » et « Tout refuser » ont exactement la même forme (recommandation CNIL) ; « Personnaliser » et
   « En savoir plus » sont des liens dans le texte (inc/cookies.php). Pas de braise : réservée aux conversions. */
#tarteaucitronRoot, #tarteaucitronRoot button, #tarteaucitronRoot span, #tarteaucitronRoot a, #tarteaucitronRoot div { font-family: var(--police-texte) !important; }

#tarteaucitronRoot #tarteaucitronAlertBig {
  box-sizing: border-box; left: 50% !important; right: auto !important; bottom: 16px !important; top: auto !important;
  transform: translateX(-50%); width: min(1040px, calc(100% - 32px)) !important; min-height: 0 !important; margin: 0 !important;
  padding: 12px 12px 12px 20px !important; background: var(--blanc) !important; color: var(--encre) !important;
  border: 1px solid var(--pierre-200); border-radius: var(--r-tuile); box-shadow: var(--om-2); text-align: left !important;
}
/* La grille ne s'applique que si le bandeau est affiché (tarteaucitron le masque par un style en ligne). */
#tarteaucitronRoot #tarteaucitronAlertBig:not([style*="none"]) {
  display: grid !important; grid-template-columns: minmax(0, 1fr) auto auto; grid-template-areas: "txt refus accord";
  align-items: center; column-gap: 8px;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
  grid-area: txt; display: block; margin: 0 12px 0 0 !important; padding: 0 !important;
  font: 400 14px/1.45 var(--police-texte) !important; color: var(--pierre-700) !important; text-align: left !important;
}
#tarteaucitronRoot #tarteaucitronAlertBig .pm-tac-lien {
  display: inline; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; min-height: 0 !important;
  font: 600 14px/1.45 var(--police-texte) !important; color: var(--pic-800) !important;
  text-decoration: underline !important; text-underline-offset: 2px; white-space: nowrap; cursor: pointer;
}
#tarteaucitronRoot #tarteaucitronAlertBig .pm-tac-lien:hover { color: var(--pic-900) !important; }
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl { display: none !important; }
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2 { grid-area: refus; }
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2 { grid-area: accord; }
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2 {
  display: inline-flex !important; align-items: center; justify-content: center; min-height: 40px; min-width: 0; margin: 0 !important;
  padding: 8px 18px !important; border-radius: var(--r-disque) !important; box-sizing: border-box;
  background: var(--pic-800) !important; color: var(--blanc) !important; border: 1px solid var(--pic-800) !important;
  font: 600 14px/1 var(--police-titre) !important; letter-spacing: 0 !important; white-space: nowrap; cursor: pointer;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2:hover,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2:hover { background: var(--pic-900) !important; border-color: var(--pic-900) !important; }
#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCheck, #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCross { display: none !important; }
#tarteaucitronRoot button:focus-visible, #tarteaucitronRoot a:focus-visible { outline: 3px solid var(--ciel-500) !important; outline-offset: 2px; }
#tarteaucitronRoot #tarteaucitronPercentage { display: none !important; }

/* Mobile : texte sur toute la largeur, puis les deux choix côte à côte. */
@media (max-width: 767px) {
  #tarteaucitronRoot #tarteaucitronAlertBig { bottom: 8px !important; width: calc(100% - 16px) !important; padding: 12px !important; border-radius: 14px; }
  #tarteaucitronRoot #tarteaucitronAlertBig:not([style*="none"]) {
    grid-template-columns: 1fr 1fr; grid-template-areas: "txt txt" "refus accord"; row-gap: 10px; column-gap: 8px;
  }
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
  #tarteaucitronRoot #tarteaucitronAlertBig .pm-tac-lien { margin: 0 !important; font-size: 13px !important; line-height: 1.4 !important; }
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2,
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2 { width: 100%; padding: 8px 10px !important; }
  /* Ne jamais masquer la barre d'action mobile (Appeler, Devis, Showroom). */
  body:has(.pm-barre-mobile.is-visible) #tarteaucitronRoot #tarteaucitronAlertBig { bottom: calc(80px + env(safe-area-inset-bottom)) !important; }
}

/* Panneau de réglage */
#tarteaucitronRoot #tarteaucitronBack { background: var(--pic-950) !important; opacity: .6 !important; }
#tarteaucitronRoot #tarteaucitron #tarteaucitronClosePanel { background: var(--pic-900) !important; color: var(--blanc) !important; border-radius: var(--r-case) var(--r-case) 0 0; }
#tarteaucitronRoot #tarteaucitronServices .tarteaucitronMainLine,
#tarteaucitronRoot #tarteaucitronServices .tarteaucitronMainLine:hover { background: var(--pic-900) !important; border-color: var(--pic-900) !important; }
#tarteaucitronRoot #tarteaucitronServices .tarteaucitronTitle button,
#tarteaucitronRoot #tarteaucitronServices .tarteaucitronDetails { background: var(--pic-800) !important; }
#tarteaucitronRoot .tarteaucitronAllow, #tarteaucitronRoot .tarteaucitronDeny { border-radius: var(--r-disque) !important; font-weight: 600 !important; }

/* Bouton de la page Gestion des cookies */
.pm-cookies-btn {
  display: inline-flex; align-items: center; min-height: 48px; padding: 12px 22px; border: 1px solid var(--pic-800); border-radius: var(--r-disque);
  background: var(--pic-800); color: var(--blanc); font: 600 15px/1 var(--police-titre); cursor: pointer;
}
.pm-cookies-btn:hover { background: var(--pic-900); border-color: var(--pic-900); }
.pm-cookies-btn:focus-visible { outline: 3px solid var(--ciel-500); outline-offset: 2px; }