/**
 * MWS — Habillage du bandeau et du panneau de consentement.
 *
 * tarteaucitron arrive avec sa feuille de style, chargée en JavaScript à côté
 * de la bibliothèque. Celle-ci passe par-dessus : un bandeau étranger au site
 * se fait refuser par réflexe, et un refus par réflexe n'est pas un choix
 * éclairé — c'est autant un enjeu de conformité que de taux d'acceptation.
 *
 * ⚠️ Hiérarchie des boutons. « Tout accepter » est l'action principale :
 * doré plein, ombré, c'est ce que l'œil attrape. « Tout refuser » est
 * secondaire — contour, fond transparent — mais garde EXACTEMENT la même
 * hauteur, la même taille de texte et le même nombre de clics. C'est la limite
 * de ce qui est défendable : la CNIL tolère une hiérarchie visuelle, pas la
 * minimisation du refus (délibération du 17 septembre 2020 ; sanctions Google
 * 150 M€ et Facebook 60 M€ de décembre 2021, prononcées précisément sur ce
 * déséquilibre). Réduire « Tout refuser » à un lien dans une phrase ferait
 * basculer du premier cas au second — et rendrait du même coup invalides tous
 * les consentements recueillis, donc inexploitable la donnée GA4 qu'ils
 * autorisent.
 *
 * Les !important sont assumés : la feuille d'origine est très spécifique et
 * chargée après celle-ci.
 *
 * @author  mywebshop.org — https://www.mywebshop.org
 */

html body #tarteaucitronRoot#tarteaucitronRoot {
  --mdc-navy: #ed9c33;
  --mdc-navy-deep: #1a1629;
  --mdc-navy-soft: #2e2745;
  --mdc-gold: #000;
  --mdc-gold-dark: #c08f31;
  --mdc-ink: #f6f3ee;
  --mdc-muted: #b0a8bf;
  --mdc-line: rgba(246, 243, 238, .16);
}
.tarteaucitronIconBottomLeft{
  display: none !important;
}
/* ═══════════════════════════════ Bandeau ═══════════════════════════════════ */

html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronAlertBig {
  background: var(--mdc-navy) !important;
  color: var(--mdc-ink) !important;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  border-top: 3px solid var(--mdc-gold) !important;
  box-shadow: 0 -10px 40px rgba(26, 22, 41, .35) !important;
  padding: 26px 28px !important;
  text-align: center !important;
}

html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronDisclaimerAlert,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronDisclaimerAlert strong {
  color: var(--mdc-ink) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
  max-width: 760px !important;
  display: inline-block !important;
  margin: 0 0 6px !important;
  vertical-align: middle !important;
}

/* ──────────────────────────── Boutons du bandeau ───────────────────────── */

html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronAlertBig button {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  border-radius: 2px !important;
  margin: 8px 5px !important;
  vertical-align: middle !important;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease !important;
  cursor: pointer !important;
}

/* Action principale. */
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronPersonalize,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronPersonalize2 {
  background: var(--mdc-gold) !important;
  color: var(--mdc-navy) !important;
  border: 1px solid var(--mdc-gold) !important;
  font-weight: 700 !important;
  letter-spacing: .03em !important;
  padding: 14px 34px !important;
  box-shadow: 0 3px 14px rgba(214, 163, 66, .3) !important;
}

html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronPersonalize:hover,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronPersonalize2:hover {
  background: var(--mdc-gold-dark) !important;
  border-color: var(--mdc-gold-dark) !important;
}

/* Action secondaire — même hauteur, même taille de texte, un seul clic. */
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronAllDenied,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronAllDenied2 {
  background: transparent !important;
  color: var(--mdc-ink) !important;
  border: 1px solid var(--mdc-line) !important;
  font-weight: 500 !important;
  padding: 14px 26px !important;
}

html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronAllDenied:hover,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronAllDenied2:hover {
  background: rgba(246, 243, 238, .1) !important;
  border-color: var(--mdc-ink) !important;
}

/* Réglage fin : un lien, pas un bouton. Ce n'est pas le refus — le refus est
   immédiat juste à côté — donc rien n'interdit de le mettre en retrait. */
html body #tarteaucitronRoot#tarteaucitronRoot button#tarteaucitronCloseAlert,
html body #tarteaucitronRoot#tarteaucitronRoot button#tarteaucitronPrivacyUrl {
  background: transparent !important;
  border: 0 !important;
  color: var(--mdc-muted) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  padding: 14px 12px !important;
}

html body #tarteaucitronRoot#tarteaucitronRoot button#tarteaucitronCloseAlert:hover,
html body #tarteaucitronRoot#tarteaucitronRoot button#tarteaucitronPrivacyUrl:hover {
  color: var(--mdc-ink) !important;
}

html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronAlertBig a {
  color: var(--mdc-gold) !important;
}

/* ═══════════════════════ Panneau de gestion détaillé ═══════════════════════ */

/* La feuille d'origine alterne blocs navy et blocs blancs : l'alternance
   hachait le panneau en bandes et donnait l'impression de deux interfaces
   cousues. Tout passe en sombre, la lecture se fait aux séparateurs. */

html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronBack {
  background: var(--mdc-navy-deep) !important;
  opacity: .82 !important;
}

html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitron {
  font-family: 'Inter', system-ui, sans-serif !important;
  background: var(--mdc-navy) !important;
  border-radius: 3px !important;
  overflow: hidden !important;
  box-shadow: 0 24px 70px rgba(26, 22, 41, .5) !important;
}

html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitron > div,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronServices,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronServices .tarteaucitronBorder,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronCookiesListContainer,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronServices ul {
  background: var(--mdc-navy) !important;
  border-color: var(--mdc-line) !important;
}

html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitron #tarteaucitronClosePanel {
  background: var(--mdc-navy-deep) !important;
  color: var(--mdc-ink) !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 21px !important;
  letter-spacing: .01em !important;
  border-bottom: 1px solid var(--mdc-line) !important;
  padding: 18px !important;
}

html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronCloseCross {
  color: var(--mdc-muted) !important;
}

/* Intitulés de catégories : étiquettes discrètes, plus des pavés blancs. */
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronServices .tarteaucitronTitle,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronServices .tarteaucitronTitle b,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronH2 {
  background: transparent !important;
  color: var(--mdc-gold) !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronServices .tarteaucitronTitle {
  padding: 20px 22px 8px !important;
  border-top: 1px solid var(--mdc-line) !important;
}

html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronServices .tarteaucitronMainLine {
  background: var(--mdc-navy-deep) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--mdc-line) !important;
  padding: 16px 22px !important;
}

html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronServices .tarteaucitronLine {
  background: transparent !important;
  border-bottom: 1px solid var(--mdc-line) !important;
  padding: 16px 22px !important;
}

html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronServices .tarteaucitronLine:hover {
  background: rgba(246, 243, 238, .04) !important;
}

html body #tarteaucitronRoot#tarteaucitronRoot .tarteaucitronName,
html body #tarteaucitronRoot#tarteaucitronRoot .tarteaucitronName b,
html body #tarteaucitronRoot#tarteaucitronRoot .tarteaucitronName .tarteaucitronH3,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronInfo,
html body #tarteaucitronRoot#tarteaucitronRoot .tarteaucitronServiceDescription,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronDisclaimer,
html body #tarteaucitronRoot#tarteaucitronRoot .tarteaucitronH {
  color: var(--mdc-ink) !important;
  background: transparent !important;
}

html body #tarteaucitronRoot#tarteaucitronRoot .tarteaucitronServiceDescription,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronDisclaimer,
html body #tarteaucitronRoot#tarteaucitronRoot .tarteaucitronListCookies {
  color: var(--mdc-muted) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitron a,
html body #tarteaucitronRoot#tarteaucitronRoot .tarteaucitronName a,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronPrivacyUrlDialog {
  color: var(--mdc-gold) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

/* ─────────────────── Autoriser / Interdire, dans le panneau ─────────────── */

/* Les deux états doivent se lire comme deux boutons cliquables. Dans la
   feuille d'origine, l'option non retenue vire au gris pâle sur blanc et
   passe pour désactivée — le visiteur croit ne pas pouvoir revenir en arrière. */

html body #tarteaucitronRoot#tarteaucitronRoot .tarteaucitronAllow,
html body #tarteaucitronRoot#tarteaucitronRoot .tarteaucitronDeny {
  background: transparent !important;
  color: var(--mdc-ink) !important;
  border: 1px solid var(--mdc-line) !important;
  border-radius: 2px !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  opacity: 1 !important;
  padding: 9px 16px !important;
  margin: 0 3px !important;
  cursor: pointer !important;
}

html body #tarteaucitronRoot#tarteaucitronRoot .tarteaucitronAllow:hover,
html body #tarteaucitronRoot#tarteaucitronRoot .tarteaucitronDeny:hover {
  border-color: var(--mdc-ink) !important;
  background: rgba(246, 243, 238, .08) !important;
}

html body #tarteaucitronRoot#tarteaucitronRoot .tarteaucitronIsSelected.tarteaucitronAllow,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected {
  background: var(--mdc-gold) !important;
  border-color: var(--mdc-gold) !important;
  color: var(--mdc-navy) !important;
}

html body #tarteaucitronRoot#tarteaucitronRoot .tarteaucitronIsSelected.tarteaucitronDeny,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected {
  background: var(--mdc-ink) !important;
  border-color: var(--mdc-ink) !important;
  color: var(--mdc-navy) !important;
}

html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronSave,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronSaveButton {
  background: var(--mdc-navy-deep) !important;
  border-top: 1px solid var(--mdc-line) !important;
  padding: 18px 22px !important;
}

html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronSaveButton button {
  background: var(--mdc-gold) !important;
  color: var(--mdc-navy) !important;
  border: 0 !important;
  border-radius: 2px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 13px 30px !important;
}

/* Pastilles d'état : lisibles sur fond sombre. */
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronDot,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronDotGreen,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronDotYellow,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronDotRed {
  opacity: .9 !important;
}

/* ═══════════════════════ Pastille de réouverture ═══════════════════════════ */

/* Obligation de pouvoir retirer son consentement aussi simplement qu'on l'a
   donné : c'est le seul point d'entrée permanent. Discrète, jamais cachée. */
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronIcon {
  opacity: .5;
  transition: opacity .2s ease;
}

html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronIcon:hover,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronIcon:focus-within {
  opacity: 1;
}

html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronIcon #tarteaucitronManager {
  background: var(--mdc-navy) !important;
  color: var(--mdc-ink) !important;
  border: 1px solid var(--mdc-gold) !important;
  border-radius: 2px !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 12px !important;
  padding: 9px 13px !important;
}

/* ══════════════════════════════ Mobile ═════════════════════════════════════ */

@media (max-width: 700px) {
  html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronAlertBig {
    padding: 20px 16px !important;
  }

  html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronDisclaimerAlert,
  html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronDisclaimerAlert strong {
    font-size: 14px !important;
  }

  html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronPersonalize,
  html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronAllDenied {
    display: block !important;
    width: 100% !important;
    margin: 8px 0 !important;
  }

  html body #tarteaucitronRoot#tarteaucitronRoot button#tarteaucitronCloseAlert,
  html body #tarteaucitronRoot#tarteaucitronRoot button#tarteaucitronPrivacyUrl {
    display: inline-block !important;
    padding: 10px !important;
  }

  html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronServices .tarteaucitronLine,
  html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronServices .tarteaucitronMainLine {
    padding: 14px 16px !important;
  }
}

/* ─────────── Correctifs d'intégration du panneau (1.0.4) ─────────────────── */

/* Les intitulés de catégories sont des <button> SANS id ni classe : la règle
   visant .tarteaucitronTitle ne les atteignait pas, et ils gardaient le fond
   blanc de la feuille d'origine — d'où les pavés clairs qui hachaient le
   panneau sombre. */
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronServices .tarteaucitronTitle button {
  background: transparent !important;
  color: var(--mdc-gold) !important;
  border: 0 !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
}

/* « Fermer » est positionné en absolu à top:0, donc à cheval sur le bord
   supérieur du panneau : traité comme une barre d'en-tête, il flottait en
   dehors. On l'assume comme une pastille posée dans l'angle. */
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronClosePanel {
  position: absolute !important;
  top: 10px !important;
  right: 12px !important;
  width: auto !important;
  background: transparent !important;
  color: var(--mdc-muted) !important;
  border: 1px solid var(--mdc-line) !important;
  border-radius: 2px !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  padding: 8px 14px !important;
}

html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronClosePanel:hover {
  color: var(--mdc-ink) !important;
  border-color: var(--mdc-ink) !important;
}