/* =============================================================
 * WSP — overrides Tarteaucitron (dark theme + couleurs WSP)
 * =============================================================
 *
 * Chargé après tarteaucitron.min.css depuis app/layout.tsx.
 * Ne pas modifier tarteaucitron.css upstream — overrides ici.
 *
 * Tokens utilisés :
 *   - bg-deep    : #0a0e16  (themeColor sombre du root layout)
 *   - bg-surface : #141a2a  (surface secondaire)
 *   - bg-raised  : #1c2237
 *   - text-pri   : #e6ebf5
 *   - text-mut   : #97a0b4
 *   - border     : #28304a
 *   - brand      : #ff5c1a  (orange WSP, équivalent brand-500)
 *   - brand-hover: #ff7a3d
 *   - danger-mut : #2a1a18  (fond bouton refuser, neutre)
 * ============================================================= */

/* Bandeau initial (en bas) */
html body #tarteaucitronRoot #tarteaucitronAlertBig {
  background: #0a0e16 !important;
  color: #e6ebf5 !important;
  border-top: 1px solid #28304a !important;
  box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.5) !important;
  padding: 24px 28px !important;
}

html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
  color: #e6ebf5 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert a,
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
  color: #ff7a3d !important;
}

/* Boutons CTA du bandeau initial + du panel */
html body #tarteaucitronRoot button#tarteaucitronPersonalize2,
html body #tarteaucitronRoot button#tarteaucitronAllAllowed,
html body #tarteaucitronRoot button#tarteaucitronAllAllowed2,
html body #tarteaucitronRoot button.tarteaucitronAllow,
html body #tarteaucitronRoot .tarteaucitron-magic-block button {
  background: #ff5c1a !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  border: 1px solid #ff5c1a !important;
  border-radius: 6px !important;
  padding: 10px 18px !important;
  cursor: pointer !important;
  transition: background 0.15s ease, transform 0.05s ease !important;
}

html body #tarteaucitronRoot button#tarteaucitronAllAllowed:hover,
html body #tarteaucitronRoot button#tarteaucitronAllAllowed2:hover,
html body #tarteaucitronRoot button#tarteaucitronPersonalize2:hover,
html body #tarteaucitronRoot button.tarteaucitronAllow:hover,
html body #tarteaucitronRoot .tarteaucitron-magic-block button:hover {
  background: #ff7a3d !important;
  border-color: #ff7a3d !important;
}

/* Bouton secondaire (Tout refuser / Personnaliser) */
html body #tarteaucitronRoot button#tarteaucitronAllDenied,
html body #tarteaucitronRoot button#tarteaucitronAllDenied2,
html body #tarteaucitronRoot button#tarteaucitronCloseAlert,
html body #tarteaucitronRoot button.tarteaucitronDeny {
  background: transparent !important;
  color: #e6ebf5 !important;
  border: 1px solid #28304a !important;
  border-radius: 6px !important;
  padding: 10px 18px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: background 0.15s ease, border-color 0.15s ease !important;
}

html body #tarteaucitronRoot button#tarteaucitronAllDenied:hover,
html body #tarteaucitronRoot button#tarteaucitronAllDenied2:hover,
html body #tarteaucitronRoot button#tarteaucitronCloseAlert:hover,
html body #tarteaucitronRoot button.tarteaucitronDeny:hover {
  background: #1c2237 !important;
  border-color: #4a566f !important;
}

/* Lien "Politique de confidentialité" du bandeau */
html body #tarteaucitronRoot button#tarteaucitronPrivacyUrl,
html body #tarteaucitronRoot button#tarteaucitronPrivacyUrlDialog {
  background: transparent !important;
  color: #97a0b4 !important;
  text-decoration: underline !important;
  border: 0 !important;
  padding: 10px 14px !important;
}

html body #tarteaucitronRoot button#tarteaucitronPrivacyUrl:hover,
html body #tarteaucitronRoot button#tarteaucitronPrivacyUrlDialog:hover {
  color: #ff7a3d !important;
}

/* ----- Panel de gestion ----- */

html body #tarteaucitronRoot #tarteaucitron {
  background: #0a0e16 !important;
  border: 1px solid #28304a !important;
  border-radius: 12px !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.6) !important;
  color: #e6ebf5 !important;
}

html body #tarteaucitronRoot #tarteaucitronServices,
html body #tarteaucitronRoot #tarteaucitronInfo,
html body #tarteaucitronRoot #tarteaucitronServicesTitle_mandatory,
html body #tarteaucitronRoot #tarteaucitronServicesTitle_analytic,
html body #tarteaucitronRoot div.tarteaucitronBorder {
  background: #141a2a !important;
  color: #e6ebf5 !important;
  border-color: #28304a !important;
}

html body #tarteaucitronRoot #tarteaucitronServices ul li {
  background: #1c2237 !important;
  border-bottom: 1px solid #28304a !important;
  color: #e6ebf5 !important;
}

html body #tarteaucitronRoot #tarteaucitronServices ul li .tarteaucitronName,
html body #tarteaucitronRoot #tarteaucitronServices ul li .tarteaucitronName a {
  color: #e6ebf5 !important;
}

html body #tarteaucitronRoot #tarteaucitronServices ul li .tarteaucitronName .tacCurrentStatus {
  color: #97a0b4 !important;
}

html body #tarteaucitronRoot #tarteaucitronInfo {
  font-size: 13px !important;
  color: #97a0b4 !important;
}

/* Titre principal du panel */
html body #tarteaucitronRoot #tarteaucitronTitle,
html body #tarteaucitronRoot .tarteaucitronH1,
html body #tarteaucitronRoot .tarteaucitronH2,
html body #tarteaucitronRoot .tarteaucitronH3,
html body #tarteaucitronRoot span.tarteaucitronH3 {
  color: #e6ebf5 !important;
}

/* Header (back/close) du panel */
html body #tarteaucitronRoot #tarteaucitronBack {
  background: rgba(6, 13, 24, 0.85) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

html body #tarteaucitronRoot button#tarteaucitronClosePanel,
html body #tarteaucitronRoot button.tarteaucitron-toggle-group {
  background: transparent !important;
  color: #97a0b4 !important;
  border: 0 !important;
}

html body #tarteaucitronRoot button#tarteaucitronClosePanel:hover {
  color: #e6ebf5 !important;
}

/* Sauvegarder (CTA bas du panel) */
html body #tarteaucitronRoot button.tarteaucitron-magic-block__btn-save,
html body #tarteaucitronRoot .tarteaucitron-magic-block button {
  background: #ff5c1a !important;
  color: #ffffff !important;
}

/* Liste partenaires */
html body #tarteaucitronRoot #tarteaucitronAlertBig div.tarteaucitronPartnersList {
  background: #141a2a !important;
  color: #e6ebf5 !important;
  border: 1px solid #28304a !important;
}

/* Sécurité : si jamais l'icône permanente revient, on la masque dur */
html body #tarteaucitronRoot #tarteaucitronIcon {
  display: none !important;
}