/* ==========================================================================
   SG CARROSSERIE — Thème du bandeau de consentement (Tarteaucitron)
   Fichier indépendant : ne modifie pas style.css
   Charte : Orange #D7632A · Noir #000000 · Blanc #FFFFFF
   ========================================================================== */

/* ---------- Bandeau principal ---------- */
#tarteaucitronAlertBig {
  box-sizing: border-box !important;
  max-width: 100% !important;
  background: #0d0c0c !important;
  border-top: 3px solid #D7632A !important;
  color: #FFFFFF !important;
  font-family: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
  box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.6) !important;
  padding: 1.4rem 1.2rem !important;
}
#tarteaucitronAlertBig *,
#tarteaucitronAlertBig *::before,
#tarteaucitronAlertBig *::after {
  box-sizing: border-box !important;
}
#tarteaucitronDisclaimerAlert,
#tarteaucitronDisclaimerAlert strong {
  color: #FFFFFF !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
}
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog {
  color: #E88A5C !important;
  text-decoration: underline !important;
}

/* ---------- Boutons du bandeau ---------- */
#tarteaucitronAlertBig button,
#tarteaucitronAlertBig .tarteaucitronCTAButton,
#tarteaucitronAlertBig #tarteaucitronCloseAlert {
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  padding: 0.7rem 1.5rem !important;
  margin: 0.35rem !important;
  border: 0 !important;
  transition: transform 0.2s ease, background 0.2s ease !important;
}
#tarteaucitronPersonalize,
#tarteaucitronPersonalize2,
.tarteaucitronAllow {
  background: #D7632A !important;
  color: #FFFFFF !important;
}
#tarteaucitronPersonalize:hover,
#tarteaucitronPersonalize2:hover,
.tarteaucitronAllow:hover {
  background: #E88A5C !important;
  transform: translateY(-2px) !important;
}
#tarteaucitronAllDenied2,
.tarteaucitronDeny {
  background: rgba(255, 255, 255, 0.09) !important;
  color: #FFFFFF !important;
}
#tarteaucitronAllDenied2:hover,
.tarteaucitronDeny:hover {
  background: rgba(255, 255, 255, 0.18) !important;
  transform: translateY(-2px) !important;
}
#tarteaucitronCloseAlert {
  background: transparent !important;
  color: #b7afa9 !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}
#tarteaucitronCloseAlert:hover {
  color: #FFFFFF !important;
  border-color: #D7632A !important;
}

/* ---------- Panneau de réglages détaillés ---------- */
#tarteaucitron {
  font-family: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
}
#tarteaucitron #tarteaucitronClosePanel {
  background: #D7632A !important;
  color: #FFFFFF !important;
  border: 0 !important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle {
  background: #1a1817 !important;
  border-color: rgba(255, 255, 255, 0.09) !important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle b,
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName b {
  color: #FFFFFF !important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine {
  background: #111010 !important;
  border-left: 3px solid #D7632A !important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName a {
  color: #FFFFFF !important;
}
#tarteaucitronRoot .tarteaucitronH1,
#tarteaucitronRoot .tarteaucitronH2 {
  color: #FFFFFF !important;
}
#tarteaucitronRoot button.tarteaucitronAllow,
#tarteaucitronRoot button.tarteaucitronDeny {
  border-radius: 8px !important;
  font-weight: 700 !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 640px) {
  #tarteaucitronAlertBig { padding: 1.1rem 0.9rem !important; }
  #tarteaucitronDisclaimerAlert { font-size: 0.88rem !important; }
  #tarteaucitronAlertBig button,
  #tarteaucitronAlertBig .tarteaucitronCTAButton {
    display: block !important;
    width: 100% !important;
    margin: 0.4rem 0 !important;
  }
}