/* ============================================================
   tarteaucitron-mefio.css — Méfio design system v5
   À inclure APRÈS tarteaucitron.min.css
   ============================================================ */

/* ── Variables locales ───────────────────────────────────────── */
:root {
  --tac-cream:    #FAF4E8;
  --tac-cream-2:  #F2E7D2;
  --tac-ink:      #1E3A32;
  --tac-ink-soft: #456258;
  --tac-amber:    #E89A3C;
  --tac-amber-d:  #8A5210;
  --tac-green:    #2f6b4f;
  --tac-coral:    #B84A32;
  --tac-line:     #E2D4BB;
  --tac-r:        16px;
  --tac-shadow:   0 24px 60px -20px rgba(30,58,50,.35);
}

/* ── Overlay ─────────────────────────────────────────────────── */
#tarteaucitronBack,
html body .tarteaucitronSize-middle.tarteaucitronBeforeVisible::before,
html body.tarteaucitron-modal-open div#tarteaucitronRoot::before {
  background: rgba(30,58,50,0.55) !important;
  backdrop-filter: blur(4px) !important;
}

/* ── Icône flottante masquée ─────────────────────────────────── */
#tarteaucitronRoot #tarteaucitronIcon { display: none !important; }

/* ── Masquer le crédit ───────────────────────────────────────── */
a[href*="tarteaucitron.io"],
a[href*="opt-out.ferank.eu"] { display: none !important; }

/* ============================================================
   POPUP INITIALE (bandeau bas)
   ============================================================ */
#tarteaucitronRoot #tarteaucitronAlertBig {
  background: var(--tac-cream) !important;
  color: var(--tac-ink) !important;
  border: 1px solid var(--tac-line) !important;
  border-radius: var(--tac-r) !important;
  box-shadow: var(--tac-shadow) !important;
  font-family: 'Hanken Grotesk', sans-serif !important;
  padding: 1.5rem !important;
  max-width: 280px !important;
  left: 20px !important;
  bottom: 20px !important;
  top: auto !important;
  right: auto !important;
}

/* Texte d'intro */
#tarteaucitronRoot #tarteaucitronAlertBig::before {
  content: "Ce site utilise des cookies pour mesurer son audience (Plausible, sans cookie) et diffuser des publicités pertinentes (Meta Ads)." !important;
  display: block !important;
  font-size: 0.83rem !important;
  color: var(--tac-ink-soft) !important;
  line-height: 1.55 !important;
  margin-bottom: 1rem !important;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert { display: none !important; }

/* Bouton principal Tout accepter */
#tarteaucitronRoot #tarteaucitronPersonalize2 {
  background: var(--tac-amber) !important;
  color: var(--tac-ink) !important;
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  border: none !important;
  border-radius: 100px !important;
  padding: 0.65rem 1.25rem !important;
  width: 100% !important;
  margin: 0 0 0.5rem !important;
  display: block !important;
  cursor: pointer !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Bouton Tout refuser */
#tarteaucitronRoot #tarteaucitronCloseAlert {
  background: transparent !important;
  color: var(--tac-ink) !important;
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.88rem !important;
  border: 1.5px solid var(--tac-line) !important;
  border-radius: 100px !important;
  padding: 0.55rem 1.25rem !important;
  width: 100% !important;
  margin: 0 0 0.5rem !important;
  display: block !important;
  cursor: pointer !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Lien Personnaliser */
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog {
  background: transparent !important;
  color: var(--tac-ink-soft) !important;
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  border: none !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  padding: 0 !important;
  width: auto !important;
  display: block !important;
  text-align: center !important;
  cursor: pointer !important;
  outline: none !important;
  margin: 0.25rem auto !important;
}

/* ============================================================
   PANNEAU DÉTAILLÉ
   ============================================================ */

/* Conteneur principal */
#tarteaucitronRoot #tarteaucitron {
  background: var(--tac-cream) !important;
  font-family: 'Hanken Grotesk', sans-serif !important;
  border-radius: var(--tac-r) !important;
  overflow: hidden !important;
  box-shadow: var(--tac-shadow) !important;
  border: 1px solid var(--tac-line) !important;
}

/* Faux titre au-dessus via pseudo */
#tarteaucitronRoot #tarteaucitron::before {
  content: "Vos préférences" !important;
  display: block !important;
  font-family: 'Fraunces', serif !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  color: var(--tac-ink) !important;
  padding: 20px 24px 0 !important;
  text-align: center !important;
}

/* Bouton Fermer */
#tarteaucitronRoot #tarteaucitron #tarteaucitronClosePanel {
  background: transparent !important;
  color: var(--tac-ink-soft) !important;
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.78rem !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 8px 14px !important;
  cursor: pointer !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Zone info + lien politique */
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronInfo {
  background: var(--tac-cream-2) !important;
  border-top: 1px solid var(--tac-line) !important;
  border-bottom: 1px solid var(--tac-line) !important;
  color: var(--tac-ink-soft) !important;
  font-size: 0.85rem !important;
  line-height: 1.6 !important;
  padding: 14px 20px !important;
  text-align: center !important;
  width: 100% !important;
  display: block !important;
}

/* Lien politique dans le panneau */
#tarteaucitronRoot #tarteaucitron #tarteaucitronPrivacyUrl,
#tarteaucitronRoot #tarteaucitron #tarteaucitronPrivacyUrlDialog {
  background: transparent !important;
  color: var(--tac-green) !important;
  border: 1px solid var(--tac-line) !important;
  border-radius: 100px !important;
  padding: 5px 14px !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  outline: none !important;
  display: inline-block !important;
  margin: 8px auto 0 !important;
}

/* ── Ligne "Préférences pour tous les services" ────────────── */
#tarteaucitronRoot #tarteaucitron .tarteaucitronBorderBottom,
#tarteaucitronRoot #tarteaucitronServices .tarteaucitronMainLineOffset {
  background: var(--tac-cream) !important;
  border-bottom: 1px solid var(--tac-line) !important;
  padding: 14px 20px !important;
}

/* Bouton Tout accepter (panneau) */
#tarteaucitronRoot #tarteaucitronAllAllowed {
  background: var(--tac-amber) !important;
  color: var(--tac-ink) !important;
  border: none !important;
  border-radius: 100px !important;
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  padding: 0.5rem 1.1rem !important;
  outline: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

/* Bouton Tout refuser (panneau) */
#tarteaucitronRoot #tarteaucitronAllDenied,
#tarteaucitronRoot #tarteaucitronAllDenied2 {
  background: transparent !important;
  color: var(--tac-ink) !important;
  border: 1.5px solid var(--tac-line) !important;
  border-radius: 100px !important;
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  padding: 0.5rem 1.1rem !important;
  outline: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

/* ── Catégories de services ─────────────────────────────────── */

/* Titre catégorie — sobre, sans fond sombre */
#tarteaucitronRoot #tarteaucitronServices .tarteaucitronTitle,
#tarteaucitronRoot #tarteaucitronServices .tarteaucitronTitle button {
  background: var(--tac-cream) !important;
  color: var(--tac-ink) !important;
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  border-radius: 0 !important;
  border-top: 1px solid var(--tac-line) !important;
  padding: 12px 20px !important;
  text-align: left !important;
}

/* Lignes de services */
#tarteaucitronRoot .tarteaucitronLine {
  background: var(--tac-cream-2) !important;
  border: none !important;
  border-radius: 10px !important;
  margin: 4px 12px !important;
  padding: 10px 14px !important;
}
#tarteaucitronRoot .tarteaucitronLine.tarteaucitronIsAllowed {
  border-left: 3px solid var(--tac-green) !important;
}
#tarteaucitronRoot .tarteaucitronLine.tarteaucitronIsDenied {
  border-left: 3px solid var(--tac-coral) !important;
}

/* Nom du service */
#tarteaucitronRoot .tarteaucitronLine .tarteaucitronName {
  color: var(--tac-ink) !important;
  font-weight: 600 !important;
  font-size: 0.88rem !important;
}
#tarteaucitronRoot .tarteaucitronLine .tarteaucitronListCookies {
  color: var(--tac-ink-soft) !important;
  font-size: 0.78rem !important;
}

/* Masquer les checkboxes natifs des boutons Autoriser/Interdire */
#tarteaucitronRoot .tarteaucitronAsk .tarteaucitronAllow .tarteaucitronCheck,
#tarteaucitronRoot .tarteaucitronAsk .tarteaucitronDeny .tarteaucitronCheck {
  display: none !important;
}

/* Boutons Autoriser / Interdire par service */
#tarteaucitronRoot .tarteaucitronAsk .tarteaucitronAllow {
  background: var(--tac-amber) !important;
  color: var(--tac-ink) !important;
  border: none !important;
  border-radius: 100px !important;
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.78rem !important;
  padding: 0.4rem 0.9rem !important;
  outline: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
}
#tarteaucitronRoot .tarteaucitronAsk .tarteaucitronDeny {
  background: transparent !important;
  color: var(--tac-ink) !important;
  border: 1.5px solid var(--tac-line) !important;
  border-radius: 100px !important;
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.78rem !important;
  padding: 0.4rem 0.9rem !important;
  outline: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

/* ── Zone Enregistrer ───────────────────────────────────────── */
html body #tarteaucitronRoot div#tarteaucitronSave {
  background: var(--tac-cream) !important;
  border-top: 1px solid var(--tac-line) !important;
  padding: 14px 20px !important;
  text-align: right !important;
}
html body #tarteaucitronRoot button#tarteaucitronSaveButton {
  background: var(--tac-ink) !important;
  color: var(--tac-cream) !important;
  border: none !important;
  border-radius: 100px !important;
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  padding: 0.6rem 1.6rem !important;
  outline: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

/* ── Supprimer tous les outlines natifs ─────────────────────── */
#tarteaucitronRoot button,
#tarteaucitronRoot button:focus,
#tarteaucitronRoot button:focus-visible,
#tarteaucitronRoot a:focus,
#tarteaucitronRoot a:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}