/**
 * Ingrid Marcille — Skin marque pour tarteaucitron
 * ------------------------------------------------------------------
 * Harmonise le bandeau de consentement et le panneau de réglages avec
 * l'identité du site (noir, or, ivoire, Playfair / Inter).
 * Utilise les variables CSS du thème (--accent, --noir, --ivoire, --serif…).
 *
 * Typographie des boutons calée sur le bouton header .v4-header-cta
 * (11px / letter-spacing 1.76px / weight 500 / uppercase).
 *
 * Chargé après tarteaucitron ; surcharge en !important. Les boutons du
 * bandeau utilisent des sélecteurs à double-id (+ span) pour battre la
 * CSS de la lib (qui cible `div#tarteaucitronAlertBig button`, id+type).
 */

/* ============================ COMMUN ============================ */
#tarteaucitronRoot, #tarteaucitronRoot * {
  font-family: var(--sans, 'Inter', sans-serif) !important;
  box-sizing: border-box !important;
}

/* ===================== GRAND BANDEAU (bas) ===================== */
#tarteaucitronAlertBig {
  background: var(--noir, #0A0A08) !important;
  color: var(--ivoire, #F8F7F4) !important;
  border-top: 1px solid color-mix(in oklab, var(--accent) 55%, transparent) !important;
  box-shadow: 0 -18px 50px rgba(0,0,0,.45) !important;
  padding: 24px 34px !important;
  border-radius: 0 !important;
  align-items: center !important;
  gap: 18px !important;
}
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
  color: color-mix(in oklab, var(--ivoire) 80%, transparent) !important;
  font-size: 13.5px !important;
  line-height: 1.65 !important;
  font-weight: 400 !important;
  max-width: 60ch !important;
  margin: 0 !important;
}
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
  color: var(--ivoire) !important;
  font-weight: 600 !important;
}

/* Typographie des boutons = bouton header (.v4-header-cta) */
#tarteaucitronRoot #tarteaucitronAlertBig button,
#tarteaucitronRoot #tarteaucitronAlertBig button span {
  font-family: var(--sans) !important;
  font-size: 11px !important;
  letter-spacing: 1.76px !important;
  font-weight: 500 !important;
  line-height: 16.5px !important;
  text-transform: uppercase !important;
}
#tarteaucitronAlertBig button { cursor: pointer !important; transition: all .25s ease !important; }

/* Tout accepter — pilule or, texte noir */
#tarteaucitronAlertBig #tarteaucitronPersonalize2,
#tarteaucitronAlertBig #tarteaucitronAllAllowed {
  background: var(--accent) !important;
  color: var(--noir) !important;
  border: 1px solid var(--accent) !important;
  border-radius: 999px !important;
  padding: 12px 18px !important;
  margin: 0 5px !important;
}
#tarteaucitronAlertBig #tarteaucitronPersonalize2:hover,
#tarteaucitronAlertBig #tarteaucitronAllAllowed:hover {
  background: var(--or-2) !important;
  border-color: var(--or-2) !important;
}
/* Tout refuser — pilule contour ivoire (parité visuelle, exigence CNIL) */
#tarteaucitronAlertBig #tarteaucitronAllDenied2 {
  background: transparent !important;
  color: var(--ivoire) !important;
  border: 1px solid color-mix(in oklab, var(--ivoire) 50%, transparent) !important;
  border-radius: 999px !important;
  padding: 12px 18px !important;
  margin: 0 5px !important;
}
#tarteaucitronAlertBig #tarteaucitronAllDenied2:hover {
  border-color: var(--ivoire) !important;
  background: color-mix(in oklab, var(--ivoire) 10%, transparent) !important;
}
/* Personnaliser — lien texte or souligné */
#tarteaucitronAlertBig #tarteaucitronCloseAlert {
  background: transparent !important;
  color: var(--accent) !important;
  border: 0 !important;
  border-bottom: 1px solid color-mix(in oklab, var(--accent) 45%, transparent) !important;
  border-radius: 0 !important;
  padding: 4px 2px !important;
  margin: 0 12px !important;
}
#tarteaucitronAlertBig #tarteaucitronCloseAlert:hover { border-bottom-color: var(--accent) !important; }
/* Politique de confidentialité — lien discret ivoire */
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
  background: transparent !important;
  color: color-mix(in oklab, var(--ivoire) 68%, transparent) !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 4px 2px !important;
  margin: 0 10px !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  text-decoration-color: color-mix(in oklab, var(--ivoire) 28%, transparent) !important;
}
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl:hover { color: var(--ivoire) !important; }

/* ============== PETIT MODULE DE RÉOUVERTURE (coin) ============== */
#tarteaucitronAlertSmall {
  background: var(--noir, #0A0A08) !important;
  border: 1px solid color-mix(in oklab, var(--accent) 40%, transparent) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}
#tarteaucitronAlertSmall #tarteaucitronManager {
  color: var(--ivoire) !important;
  font-size: 11px !important;
  letter-spacing: 1.76px !important;
  text-transform: uppercase !important;
}

/* ================== PANNEAU DE PRÉFÉRENCES ================== */
#tarteaucitronBack { background: rgba(10,10,8,.62) !important; }
#tarteaucitron, #tarteaucitron #tarteaucitronServices { background: var(--blanc, #fff) !important; }
#tarteaucitron #tarteaucitronServices {
  box-shadow: 0 30px 80px rgba(0,0,0,.4) !important;
  border: 1px solid color-mix(in oklab, var(--accent) 28%, transparent) !important;
}
#tarteaucitron, #tarteaucitron * { font-family: var(--sans, 'Inter', sans-serif) !important; }
#tarteaucitron .tarteaucitronH1 {
  font-family: var(--serif) !important;
  font-weight: 400 !important;
  font-size: 27px !important;
  color: var(--noir) !important;
  letter-spacing: -.01em !important;
}
#tarteaucitron .tarteaucitronH2 { color: var(--noir-2) !important; }
#tarteaucitron .tarteaucitronH3 {
  text-transform: uppercase !important;
  letter-spacing: .13em !important;
  font-size: 12px !important;
  color: var(--accent) !important;
  font-weight: 600 !important;
}
#tarteaucitron .tarteaucitronName, #tarteaucitron .tarteaucitronName * { color: var(--noir) !important; }

/* Boutons panneau — mêmes specs typo que le header */
#tarteaucitron .tarteaucitronAllow, #tarteaucitron .tarteaucitronAllow span,
#tarteaucitron .tarteaucitronDeny, #tarteaucitron .tarteaucitronDeny span {
  font-size: 11px !important;
  letter-spacing: 1.76px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
}
#tarteaucitron .tarteaucitronAllow {
  background: var(--accent) !important;
  color: var(--noir) !important;
  border: 1px solid var(--accent) !important;
  border-radius: 999px !important;
  padding: 9px 16px !important;
}
#tarteaucitron .tarteaucitronAllow:hover { background: var(--or-2) !important; border-color: var(--or-2) !important; }
#tarteaucitron .tarteaucitronDeny {
  background: transparent !important;
  color: var(--noir) !important;
  border: 1px solid color-mix(in oklab, var(--noir) 35%, transparent) !important;
  border-radius: 999px !important;
  padding: 9px 16px !important;
}
#tarteaucitron .tarteaucitronDeny:hover { border-color: var(--noir) !important; background: color-mix(in oklab, var(--noir) 6%, transparent) !important; }
#tarteaucitronClosePanel {
  background: var(--noir) !important;
  color: var(--ivoire) !important;
  border: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.76px !important;
  font-size: 11px !important;
  border-radius: 999px !important;
  padding: 8px 16px !important;
}
#tarteaucitronPrivacyUrlDialog {
  color: var(--or-2) !important;
  text-decoration: none !important;
  border-bottom: 1px solid color-mix(in oklab, var(--accent) 45%, transparent) !important;
}