/*
 * cookie-consent-opaque.css
 * Override final pour le banner de consentement cookies.
 *
 * Spécificité ID-based pour battre toutes les règles globales du site
 * (incluant `div:not(.card):not(.product-card)... { background: transparent !important; }`).
 * Une ID = 100 de spécificité, supérieur à tout sélecteur class/attr/element.
 *
 * IMPORTANT : ce fichier doit être chargé APRÈS les autres CSS globaux.
 */

#sf-cookie-consent-banner {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  opacity: 1 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  z-index: 100000 !important;
  isolation: isolate !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

/* Tous les enfants directs : transparents pour laisser le blanc opaque
   du parent. Note: on cible directement les sous-conteneurs structurels,
   pas les éléments de contenu (h1, p, etc.). */
#sf-cookie-consent-banner > div,
#sf-cookie-consent-banner > header {
  background: transparent !important;
  background-color: transparent !important;
}

/* Backdrop : assombrit le reste de la page pour focus visuel */
#sf-cookie-consent-backdrop {
  background-color: rgba(15, 23, 42, 0.6) !important;
  z-index: 99999 !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Boutons internes — restaurer leurs propres fonds opaques.
   Sélecteurs à haute spécificité scopés au banner via son id. */
#sf-cookie-consent-banner button[data-testid="cookie-accept-all-btn"],
#sf-cookie-consent-banner button[data-testid="cookie-save-btn"] {
  background: #dc2626 !important;
  background-color: #dc2626 !important;
  color: #ffffff !important;
  border: none !important;
}

#sf-cookie-consent-banner button[data-testid="cookie-reject-all-btn"] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #111827 !important;
  border: 1px solid #d1d5db !important;
}

#sf-cookie-consent-banner button[data-testid="cookie-customize-btn"] {
  background: transparent !important;
  background-color: transparent !important;
  color: #374151 !important;
  border: none !important;
}

/* Détails section (les 3 catégories quand on clique "Personnaliser") */
#sf-cookie-consent-banner [data-testid="cookie-banner-details"] {
  background: transparent !important;
  background-color: transparent !important;
}

/* Petits caissons internes (les blocs de catégories) — fond légèrement gris
   pour les démarquer du fond blanc principal sans être transparents. */
#sf-cookie-consent-banner label {
  background: transparent !important;
}