/* DOMÉO — habillage du bandeau de consentement
 * ---------------------------------------------------------------------------
 * Se charge APRÈS `css/tarteaucitron.css`, qu'il ne remplace pas : la feuille
 * d'origine porte toute la mécanique (positionnement, panneau, accessibilité),
 * celle-ci ne porte que l'apparence.
 *
 * Forme voulue par Hakim : une CARTE flottante en bas à gauche, pas une barre
 * pleine largeur. C'est l'orientation `popup` de tarteaucitron, élargie et
 * arrondie — sa valeur d'origine est une boîte de 250 px collée au bord.
 *
 * ⚠️ Les `!important` ne sont pas une facilité : la feuille d'origine en contient
 *    101, et les règles de `popup` sont elles-mêmes en `!important`. Sans eux,
 *    rien ne passe. Exception assumée, circonscrite à ce fichier.
 *
 * ⛔ PAS DE VERT. La charte l'interdit, et tarteaucitron s'en sert par défaut
 *    (#0A0, #1B870B) pour « autorisé ». Ici : OR pour autorisé, BORDEAUX pour
 *    refusé.
 *
 * ⛔ « Tout accepter », « Tout refuser » et « Choisir » ont la MÊME taille et le
 *    MÊME poids. La CNIL a mis en demeure des éditeurs pour un refus réduit à un
 *    lien pendant que l'acceptation était un bouton coloré. Ne pas minorer le refus.
 */

/* ── La carte ───────────────────────────────────────────────────────────── */
html body #tarteaucitronRoot.tarteaucitronSize-popup div#tarteaucitronAlertBig {
  left: 20px !important;
  right: auto !important;
  bottom: 20px !important;
  top: auto !important;
  transform: none !important;
  max-width: 392px !important;
  width: calc(100% - 40px) !important;
  min-width: 0 !important;
  padding: 24px 24px 20px !important;
  box-sizing: border-box !important;
  border-radius: 22px !important;
  background: linear-gradient(168deg, #fff 0%, #FFF9FB 34%, #F7F0E3 100%) !important;
  color: #0A0A22 !important;
  border: 1px solid rgba(213, 167, 81, .42) !important;
  box-shadow: 0 22px 60px rgba(10, 10, 34, .22), 0 3px 10px rgba(10, 10, 34, .07) !important;
  font-family: 'Clash Grotesk', 'Parkinsans', system-ui, sans-serif !important;
  text-align: left !important;
}

/* Le filet or en haut de carte — la signature de la marque */
html body #tarteaucitronRoot.tarteaucitronSize-popup div#tarteaucitronAlertBig::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important; left: 24px !important; right: 24px !important;
  height: 3px !important;
  border-radius: 0 0 3px 3px !important;
  background: linear-gradient(90deg, #D5A751, #EBC77E) !important;
}

/* Le titre injecté par l'outil en ::before — on le neutralise, on écrit le nôtre */
html body #tarteaucitronRoot.tarteaucitronSize-popup #tarteaucitronAlertBig::before {
  content: "Vos choix de cookies" !important;
  display: block !important;
  font-family: 'Parkinsans', system-ui, sans-serif !important;
  font-size: 1.16rem !important;
  font-weight: 700 !important;
  color: #0A0A22 !important;
  letter-spacing: -.01em !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  line-height: 1.25 !important;
}

/* ── Le texte ───────────────────────────────────────────────────────────── */
html body #tarteaucitronRoot #tarteaucitronAlertBig span#tarteaucitronDisclaimerAlert,
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
  display: block !important;
  padding: 0 !important;
  margin: 0 0 16px !important;
  text-align: left !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #3f3a52 !important;
  font-family: 'Clash Grotesk', 'Parkinsans', system-ui, sans-serif !important;
}
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b {
  color: #0A0A22 !important;
  font-weight: 600 !important;
}

/* ── Les trois commandes, au même niveau ────────────────────────────────── */
html body #tarteaucitronRoot.tarteaucitronSize-popup #tarteaucitronAlertBig button,
html body #tarteaucitronRoot.tarteaucitronSize-popup #tarteaucitronAlertBig #tarteaucitronPersonalize,
html body #tarteaucitronRoot.tarteaucitronSize-popup #tarteaucitronAlertBig #tarteaucitronPersonalize2,
html body #tarteaucitronRoot.tarteaucitronSize-popup #tarteaucitronAlertBig #tarteaucitronAllDenied2,
html body #tarteaucitronRoot.tarteaucitronSize-popup #tarteaucitronAlertBig #tarteaucitronCloseAlert {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 0 9px !important;
  padding: 13px 18px !important;
  font-family: 'Clash Grotesk', 'Parkinsans', system-ui, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  border-radius: 13px !important;
  border: 1.5px solid transparent !important;
  cursor: pointer !important;
  text-align: center !important;
  transition: background .15s ease, color .15s ease, border-color .15s ease !important;
}

/* Accepter — l'or plein */
html body #tarteaucitronRoot.tarteaucitronSize-popup #tarteaucitronAlertBig #tarteaucitronPersonalize,
html body #tarteaucitronRoot.tarteaucitronSize-popup #tarteaucitronAlertBig #tarteaucitronPersonalize2 {
  background: #D5A751 !important;
  color: #0A0A22 !important;
  border-color: #D5A751 !important;
}
html body #tarteaucitronRoot.tarteaucitronSize-popup #tarteaucitronAlertBig #tarteaucitronPersonalize:hover,
html body #tarteaucitronRoot.tarteaucitronSize-popup #tarteaucitronAlertBig #tarteaucitronPersonalize2:hover {
  background: #c29440 !important;
  border-color: #c29440 !important;
}

/* Refuser — même taille, même poids. Contour net, pas un lien grisé. */
html body #tarteaucitronRoot.tarteaucitronSize-popup #tarteaucitronAlertBig #tarteaucitronAllDenied2 {
  background: #fff !important;
  color: #0A0A22 !important;
  border-color: rgba(10, 10, 34, .32) !important;
}
html body #tarteaucitronRoot.tarteaucitronSize-popup #tarteaucitronAlertBig #tarteaucitronAllDenied2:hover {
  background: #0A0A22 !important;
  color: #FFF9FB !important;
  border-color: #0A0A22 !important;
}

/* Choisir — la porte du choix par finalité, pas une option de second rang */
html body #tarteaucitronRoot.tarteaucitronSize-popup #tarteaucitronAlertBig #tarteaucitronCloseAlert {
  background: rgba(102, 106, 180, .09) !important;
  color: #4a4d8f !important;
  border-color: rgba(102, 106, 180, .30) !important;
}
html body #tarteaucitronRoot.tarteaucitronSize-popup #tarteaucitronAlertBig #tarteaucitronCloseAlert:hover {
  background: #666AB4 !important;
  color: #FFF9FB !important;
  border-color: #666AB4 !important;
}


/* ── Variante compacte : accepter et refuser cote a cote ────────────────
   Demande d Hakim : alleger la carte. Trois boutons empiles la rendaient
   haute. Ici « Tout accepter » et « Tout refuser » partagent une ligne —
   meme largeur, meme taille, meme poids, donc le refus reste aussi simple
   que l acceptation. « Choisir » passe dessous, pleine largeur.
   ⛔ Ne PAS retirer le bouton de refus pour gagner de la place : un bandeau
      « Tout accepter » + « Choisir » est la configuration mise en demeure
      par la CNIL en decembre 2024 (motif des sanctions SHEIN et Conde Nast). */
html body #tarteaucitronRoot.tarteaucitronSize-popup #tarteaucitronAlertBig #tarteaucitronPersonalize2,
html body #tarteaucitronRoot.tarteaucitronSize-popup #tarteaucitronAlertBig #tarteaucitronPersonalize,
html body #tarteaucitronRoot.tarteaucitronSize-popup #tarteaucitronAlertBig #tarteaucitronAllDenied2 {
  display: inline-block !important;
  width: calc(50% - 12px) !important;
  vertical-align: top !important;
  padding: 13px 10px !important;
  font-size: 14.5px !important;
}
html body #tarteaucitronRoot.tarteaucitronSize-popup #tarteaucitronAlertBig #tarteaucitronPersonalize2,
html body #tarteaucitronRoot.tarteaucitronSize-popup #tarteaucitronAlertBig #tarteaucitronPersonalize {
  margin: 0 8px 9px 0 !important;
  letter-spacing: -.01em !important;
}
html body #tarteaucitronRoot.tarteaucitronSize-popup #tarteaucitronAlertBig #tarteaucitronAllDenied2 {
  margin: 0 0 9px 0 !important;
}

/* Le lien vers la politique — seul élément volontairement discret */
html body #tarteaucitronRoot.tarteaucitronSize-popup #tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
  display: block !important;
  width: auto !important;
  background: transparent !important;
  border: 0 !important;
  margin: 6px 0 0 !important;
  padding: 4px 0 !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  color: #6b6580 !important;
  text-decoration: underline !important;
  text-align: center !important;
}
html body #tarteaucitronRoot.tarteaucitronSize-popup #tarteaucitronAlertBig #tarteaucitronPrivacyUrl:hover {
  color: #5A2234 !important;
}

/* ── Le panneau détaillé ────────────────────────────────────────────────── */
html body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine,
html body #tarteaucitron #tarteaucitronServices .tarteaucitronTitle,
html body #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button {
  background: linear-gradient(115deg, #D5A751, #c29440) !important;
  color: #0A0A22 !important;
  border: 0 !important;
  font-family: 'Parkinsans', system-ui, sans-serif !important;
}

html body #tarteaucitron #tarteaucitronClosePanel,
html body #tarteaucitron #tarteaucitronCloseCross {
  background: #0A0A22 !important;
  color: #FFF9FB !important;
  border: 0 !important;
}

html body #tarteaucitron #tarteaucitronServices .tarteaucitronLine {
  background: #fffdfa !important;
  border-left: 3px solid rgba(213, 167, 81, .45) !important;
}
html body #tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover { background: #FFF9FB !important; }

html body #tarteaucitron #tarteaucitronServices .tarteaucitronName,
html body #tarteaucitron #tarteaucitronServices .tarteaucitronName a,
html body #tarteaucitron #tarteaucitronServices .tarteaucitronName b {
  color: #0A0A22 !important;
  font-family: 'Clash Grotesk', 'Parkinsans', system-ui, sans-serif !important;
}

/* Autorisé = OR · Refusé = BORDEAUX. Jamais de vert, jamais de rouge vif. */
html body #tarteaucitronRoot .tarteaucitronAllow,
html body #tarteaucitronRoot #tarteaucitronServices .tarteaucitronAllow,
html body #tarteaucitronRoot .tarteaucitronDeny,
html body #tarteaucitronRoot #tarteaucitronServices .tarteaucitronDeny {
  background: rgba(10, 10, 34, .11) !important;
  color: #0A0A22 !important;
  border-radius: 10px !important;
}
html body #tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronAllow,
html body #tarteaucitronRoot #tarteaucitronServices .tarteaucitronIsSelected.tarteaucitronAllow,
html body #tarteaucitronRoot #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected {
  background: #D5A751 !important;
  color: #0A0A22 !important;
}
html body #tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronDeny,
html body #tarteaucitronRoot #tarteaucitronServices .tarteaucitronIsSelected.tarteaucitronDeny,
html body #tarteaucitronRoot #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected,
html body #tarteaucitronRoot #tarteaucitronServices #tarteaucitronAllDenied2.tarteaucitronIsSelected {
  background: #5A2234 !important;
  color: #FFF9FB !important;
}

html body #tarteaucitronRoot #tarteaucitronDotGreen { background-color: #D5A751 !important; }
html body #tarteaucitronRoot #tarteaucitronDotYellow { background-color: #DFD3AD !important; }
html body #tarteaucitronRoot #tarteaucitronDotRed { background-color: #5A2234 !important; }

/* ── Le lien de pied de page, seul point de retrait ─────────────────────── */
#domeo-gerer-cookies {
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  font: inherit !important;
  color: inherit !important;
  text-decoration: underline !important;
  cursor: pointer !important;
}

/* ── Téléphone ──────────────────────────────────────────────────────────── */
@media (max-width: 520px) {
  html body #tarteaucitronRoot.tarteaucitronSize-popup div#tarteaucitronAlertBig {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    width: auto !important;
    max-width: none !important;
    padding: 20px 18px 16px !important;
    border-radius: 20px !important;
  }
  html body #tarteaucitronRoot.tarteaucitronSize-popup #tarteaucitronAlertBig::before { font-size: 1.08rem !important; }
  html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert { font-size: 13.5px !important; }
}

@media (prefers-reduced-motion: reduce) {
  html body #tarteaucitronRoot * { transition: none !important; animation: none !important; }
}

/* ═══ LE PANNEAU « CHOISIR » ════════════════════════════════════════════════
   Il restait en tenue d'origine. Mêmes règles que la carte : champagne,
   Parkinsans pour les titres, or pour ce qui est autorisé, bordeaux pour ce
   qui est refusé. Les catégories vides sont déjà masquées par l'outil.      */

html body #tarteaucitron {
  background: linear-gradient(168deg, #fff 0%, #FFF9FB 40%, #F7F0E3 100%) !important;
  border-radius: 22px !important;
  border: 1px solid rgba(213, 167, 81, .34) !important;
  box-shadow: 0 30px 80px rgba(10, 10, 34, .30) !important;
  font-family: 'Clash Grotesk', 'Parkinsans', system-ui, sans-serif !important;
  color: #0A0A22 !important;
}

html body #tarteaucitron #tarteaucitronInfo,
html body #tarteaucitron #tarteaucitronDisclaimer {
  background: transparent !important;
  color: #3f3a52 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  text-align: left !important;
  border: 0 !important;
}

html body #tarteaucitron .tarteaucitronH1,
html body #tarteaucitron #tarteaucitronTitle,
html body #tarteaucitron h1 {
  font-family: 'Parkinsans', system-ui, sans-serif !important;
  font-weight: 700 !important;
  color: #0A0A22 !important;
  letter-spacing: -.01em !important;
}

html body #tarteaucitron #tarteaucitronPrivacyUrlDialog {
  background: transparent !important;
  color: #6b6580 !important;
  border: 0 !important;
  text-decoration: underline !important;
  font-size: 13px !important;
}

/* La ligne « Tout, d’un coup » — le raccourci global */
html body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
  background: linear-gradient(115deg, #D5A751, #c29440) !important;
  border: 0 !important;
  border-radius: 14px !important;
  margin-bottom: 10px !important;
}
html body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName b,
html body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName {
  color: #0A0A22 !important;
  font-family: 'Parkinsans', system-ui, sans-serif !important;
  font-weight: 700 !important;
}

/* Les en-têtes de finalité : Mesure d’audience · Publicité */
html body #tarteaucitron #tarteaucitronServices .tarteaucitronTitle,
html body #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button {
  background: rgba(10, 10, 34, .05) !important;
  color: #0A0A22 !important;
  border: 0 !important;
  border-left: 3px solid #D5A751 !important;
  border-radius: 0 10px 10px 0 !important;
  font-family: 'Parkinsans', system-ui, sans-serif !important;
  font-weight: 700 !important;
  font-size: .95rem !important;
}

/* Chaque service */
html body #tarteaucitron #tarteaucitronServices .tarteaucitronLine {
  background: #fffdfa !important;
  border: 1px solid rgba(10, 10, 34, .07) !important;
  border-left: 3px solid rgba(213, 167, 81, .45) !important;
  border-radius: 0 12px 12px 0 !important;
  margin: 7px 0 !important;
}
html body #tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover { background: #FFF9FB !important; }

/* Fermer */
html body #tarteaucitron #tarteaucitronClosePanel,
html body #tarteaucitron #tarteaucitronCloseCross {
  background: #0A0A22 !important;
  color: #FFF9FB !important;
  border: 0 !important;
  border-radius: 12px 12px 0 0 !important;
  font-family: 'Clash Grotesk', 'Parkinsans', system-ui, sans-serif !important;
}
html body #tarteaucitron #tarteaucitronClosePanel:hover { background: #5A2234 !important; }

/* Les bascules du panneau : or = autorisé, bordeaux = refusé, jamais de vert */
html body #tarteaucitron #tarteaucitronServices .tarteaucitronAllow,
html body #tarteaucitron #tarteaucitronServices .tarteaucitronDeny {
  border-radius: 10px !important;
  font-family: 'Clash Grotesk', 'Parkinsans', system-ui, sans-serif !important;
  font-size: 13px !important;
}