/* Bandeau cookies Spotifone — surcharge Tarteaucitron aux couleurs du site (tokens Le Fil, global.css).
   Chargé APRÈS tarteaucitron.css. Demande directeur 15/10/2026. */

/* ---------- Bandeau d'accueil : carte flottante ---------- */
#tarteaucitronRoot #tarteaucitronAlertBig,
#tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom {
  box-sizing: border-box !important;
  position: fixed !important; left: auto !important; right: 24px !important; bottom: 24px !important; top: auto !important;
  width: min(440px, calc(100vw - 48px)) !important; max-width: none !important; height: auto !important;
  margin: 0 !important; padding: 24px 24px 20px !important;
  background: var(--carte, #fff) !important; color: var(--encre, #16181D) !important;
  border: 1px solid var(--trait, #F0F0EE) !important; border-radius: var(--r-carte, 20px) !important;
  box-shadow: var(--ombre-haute, 0 4px 8px rgba(16,24,40,.05), 0 16px 40px rgba(16,24,40,.10)) !important;
  font-family: var(--font-corps, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
  font-size: 15px !important; line-height: 1.5 !important; text-align: left !important;
  display: flex !important; flex-wrap: wrap !important; gap: 10px !important; align-items: center !important;
  z-index: 2147483646 !important;
  animation: tacSpotifoneIn .45s cubic-bezier(.22,1,.36,1) both;
}
#tarteaucitronRoot #tarteaucitronAlertBig[style*="display: none"] { display: none !important; }
@keyframes tacSpotifoneIn { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }

/* Titre + texte */
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
  display: block !important; width: 100% !important; margin: 0 0 6px !important; padding: 0 !important;
  color: var(--encre2, #5F6570) !important; font-size: 15px !important; line-height: 1.5 !important;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert::before {
  content: "🍪  Un cookie, pas plus.";
  display: block; margin-bottom: 6px;
  font-family: var(--font-display, 'Bricolage Grotesque', system-ui, sans-serif);
  font-weight: 700; font-size: 1.25rem; letter-spacing: -0.01em; color: var(--encre, #16181D);
}

/* Boutons : accepter = bleu plein, refuser = contour, personnaliser = lien */
#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
  box-sizing: border-box !important; margin: 0 !important; border: 0 !important; cursor: pointer !important;
  font-family: var(--font-corps, system-ui, sans-serif) !important; font-weight: 700 !important; font-size: 15px !important;
  line-height: 1 !important; border-radius: 999px !important; transition: transform .12s ease, background .12s ease, border-color .12s ease !important;
  text-decoration: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2 {
  flex: 1 1 150px !important; padding: 13px 20px !important;
  background: var(--bleu, #2B4FE0) !important; color: #fff !important; box-shadow: 0 6px 18px rgba(43,79,224,.28) !important;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2:hover { background: var(--bleu-fonce, #1E3BB8) !important; transform: translateY(-1px); }
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2 {
  flex: 1 1 150px !important; padding: 13px 20px !important;
  background: var(--carte, #fff) !important; color: var(--encre, #16181D) !important; border: 1.5px solid var(--piste, #E2E3E6) !important;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2:hover { border-color: var(--encre2, #5F6570) !important; background: var(--carte-douce, #FAFAF8) !important; }
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
  background: transparent !important; color: var(--encre2, #5F6570) !important; font-weight: 600 !important; font-size: 13.5px !important;
  padding: 6px 4px !important; border-radius: 6px !important;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert { color: var(--bleu, #2B4FE0) !important; }
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert:hover,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl:hover { text-decoration: underline !important; }
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl { margin-left: auto !important; }
#tarteaucitronRoot .tarteaucitronCheck, #tarteaucitronRoot .tarteaucitronCross { display: none !important; }
#tarteaucitronRoot #tarteaucitronAlertBig button:focus-visible { outline: 3px solid var(--bleu-tint, #EAF0FE) !important; outline-offset: 2px; }

/* Mobile : feuille en bas, pleine largeur */
@media (max-width: 640px) {
  #tarteaucitronRoot #tarteaucitronAlertBig,
  #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom {
    right: 0 !important; left: 0 !important; bottom: 0 !important; width: 100% !important;
    border-radius: var(--r-sheet, 24px) var(--r-sheet, 24px) 0 0 !important; border-bottom: 0 !important;
    padding: 22px 20px calc(18px + env(safe-area-inset-bottom)) !important;
  }
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2,
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2 { flex-basis: 100% !important; padding: 15px 20px !important; font-size: 16px !important; }
}

/* Barre de progression et crédit Tarteaucitron : masqués */
#tarteaucitronRoot #tarteaucitronPercentage, #tarteaucitronRoot .tarteaucitronPremium { display: none !important; }

/* ---------- Bouton rappel (icône en bas à gauche) ---------- */
#tarteaucitronRoot #tarteaucitronIcon { background: transparent !important; }
#tarteaucitronRoot #tarteaucitronIcon #tarteaucitronManager {
  width: 46px !important; height: 46px !important; padding: 9px !important; margin: 0 0 16px 16px !important;
  border-radius: 999px !important; background: var(--carte, #fff) !important; border: 1px solid var(--trait, #F0F0EE) !important;
  box-shadow: var(--ombre, 0 1px 2px rgba(16,24,40,.04), 0 4px 12px rgba(16,24,40,.06)) !important; cursor: pointer !important;
}
#tarteaucitronRoot #tarteaucitronIcon #tarteaucitronManager img { width: 28px !important; height: 28px !important; display: block; }

/* ---------- Panneau « Personnaliser » ---------- */
#tarteaucitronRoot #tarteaucitronBack { background: rgba(22,24,29,.45) !important; opacity: 1 !important; backdrop-filter: blur(3px); }
#tarteaucitronRoot #tarteaucitron {
  background: var(--page, #F6F6F4) !important; color: var(--encre, #16181D) !important;
  border-radius: var(--r-sheet, 24px) !important; overflow: hidden !important;
  box-shadow: var(--ombre-haute, 0 16px 40px rgba(16,24,40,.12)) !important;
  font-family: var(--font-corps, system-ui, sans-serif) !important;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronClosePanel {
  background: var(--carte, #fff) !important; color: var(--encre, #16181D) !important; border: 1.5px solid var(--piste, #E2E3E6) !important;
  border-radius: 999px !important; padding: 8px 16px !important; font-weight: 700 !important; font-size: 14px !important;
  position: absolute !important; top: 16px !important; right: 16px !important; width: auto !important; z-index: 5 !important;
}
#tarteaucitronRoot #tarteaucitron { position: fixed !important; }
#tarteaucitronRoot #tarteaucitron .tarteaucitronMainLine .tarteaucitronH1 { padding-right: 110px !important; }
#tarteaucitronRoot #tarteaucitron .tarteaucitronMainLine, #tarteaucitronRoot #tarteaucitron .tarteaucitronMainLine:hover {
  background: var(--carte, #fff) !important; border: 0 !important; color: var(--encre, #16181D) !important; padding: 28px 28px 20px !important;
}
#tarteaucitronRoot #tarteaucitron .tarteaucitronH1 {
  font-family: var(--font-display, system-ui, sans-serif) !important; font-weight: 700 !important; font-size: 1.6rem !important;
  letter-spacing: -0.01em !important; color: var(--encre, #16181D) !important; margin: 0 0 10px !important; text-align: left !important;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronInfo {
  background: transparent !important; color: var(--encre2, #5F6570) !important; font-size: 15px !important; line-height: 1.5 !important;
  padding: 0 !important; margin: 0 0 18px !important; text-align: left !important; border: 0 !important;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronInfo br { display: none; }
#tarteaucitronRoot #tarteaucitron #tarteaucitronPrivacyUrlDialog {
  background: transparent !important; color: var(--bleu, #2B4FE0) !important; border: 0 !important; padding: 0 !important; margin: 8px 0 0 !important;
  font-weight: 600 !important; font-size: 14px !important; cursor: pointer !important; display: block !important;
}
#tarteaucitronRoot #tarteaucitron .tarteaucitronMainLine .tarteaucitronName { margin: 0 !important; }
#tarteaucitronRoot #tarteaucitron .tarteaucitronH2 { color: var(--encre, #16181D) !important; font-weight: 700 !important; font-size: 1rem !important; }
#tarteaucitronRoot #tarteaucitron .tarteaucitronBorder { background: var(--page, #F6F6F4) !important; border: 0 !important; padding: 8px 16px 16px !important; }
#tarteaucitronRoot #tarteaucitron .tarteaucitronBorder ul { padding: 0 !important; }
#tarteaucitronRoot #tarteaucitron .tarteaucitronTitle { background: transparent !important; padding: 10px 12px 2px !important; }
#tarteaucitronRoot #tarteaucitron .tarteaucitronTitle button, #tarteaucitronRoot #tarteaucitron .tarteaucitronTitle button:hover {
  background: transparent !important; color: var(--encre2, #5F6570) !important; font-weight: 700 !important; font-size: .82rem !important;
  letter-spacing: .04em !important; text-transform: uppercase !important; padding: 0 !important;
}
#tarteaucitronRoot #tarteaucitron .tarteaucitronDetails { background: transparent !important; color: var(--encre2, #5F6570) !important; padding: 0 12px 8px !important; font-size: 14px !important; }
#tarteaucitronRoot #tarteaucitron .tarteaucitronLine {
  background: var(--carte, #fff) !important; border-radius: var(--r-champ, 14px) !important; border: 1px solid var(--trait, #F0F0EE) !important;
  margin: 6px 0 !important; padding: 16px 18px !important;
}
#tarteaucitronRoot #tarteaucitron .tarteaucitronLine .tarteaucitronName .tarteaucitronH3 { color: var(--encre, #16181D) !important; font-weight: 700 !important; }
#tarteaucitronRoot #tarteaucitron .tarteaucitronName .tarteaucitronListCookies, #tarteaucitronRoot #tarteaucitron .tarteaucitronName a,
#tarteaucitronRoot #tarteaucitron .tarteaucitronName .tarteaucitronReadmoreSeparator { color: var(--encre2, #5F6570) !important; font-weight: 500 !important; }
#tarteaucitronRoot #tarteaucitron .tarteaucitronName a:hover { text-decoration: underline !important; }

/* Boutons Autoriser / Interdire / Tout accepter / Tout refuser du panneau = pills */
#tarteaucitronRoot #tarteaucitron .tarteaucitronAsk button.tarteaucitronAllow,
#tarteaucitronRoot #tarteaucitron .tarteaucitronAsk button.tarteaucitronDeny {
  border-radius: 999px !important; padding: 9px 16px !important; font-weight: 700 !important; font-size: 14px !important;
  background: var(--champ-gris, #F3F3F1) !important; color: var(--encre2, #5F6570) !important; border: 1.5px solid transparent !important; opacity: 1 !important; margin-left: 6px !important;
}
#tarteaucitronRoot #tarteaucitron .tarteaucitronAsk button.tarteaucitronAllow:hover { background: var(--vert-tint, #E7F8EF) !important; color: var(--vert-encre, #0E7A42) !important; }
#tarteaucitronRoot #tarteaucitron .tarteaucitronAsk button.tarteaucitronDeny:hover { background: var(--orange-tint, #FFF1E7) !important; color: var(--orange-encre, #A85410) !important; }
#tarteaucitronRoot #tarteaucitron .tarteaucitronAsk button.tarteaucitronIsAllowed,
#tarteaucitronRoot #tarteaucitron .tarteaucitronAsk button.tarteaucitronAllow[aria-pressed="true"] { background: var(--vert, #23C16B) !important; color: #fff !important; }
#tarteaucitronRoot #tarteaucitron .tarteaucitronAsk button.tarteaucitronIsDenied,
#tarteaucitronRoot #tarteaucitron .tarteaucitronAsk button.tarteaucitronDeny[aria-pressed="true"] { background: var(--encre, #16181D) !important; color: #fff !important; }

#tarteaucitronRoot #tarteaucitron #tarteaucitronSave { background: var(--page, #F6F6F4) !important; padding: 8px 16px 20px !important; }
#tarteaucitronRoot #tarteaucitron #tarteaucitronSaveButton {
  background: var(--bleu, #2B4FE0) !important; color: #fff !important; border-radius: 999px !important; padding: 13px 26px !important;
  font-weight: 700 !important; font-size: 15px !important; border: 0 !important; box-shadow: 0 6px 18px rgba(43,79,224,.28) !important; opacity: 1 !important;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronSaveButton:hover { background: var(--bleu-fonce, #1E3BB8) !important; }
@media (max-width: 640px) {
  #tarteaucitronRoot #tarteaucitron { border-radius: var(--r-sheet, 24px) var(--r-sheet, 24px) 0 0 !important; }
  #tarteaucitronRoot #tarteaucitron .tarteaucitronMainLine { padding: 24px 18px 16px !important; }
}
#tarteaucitronRoot #tarteaucitron .tarteaucitronBorder ul li, #tarteaucitronRoot #tarteaucitron .tarteaucitronHidden { background: transparent !important; }
#tarteaucitronRoot #tarteaucitron .tarteaucitronTitle button.catToggleBtn .tarteaucitronPlus::before { color: var(--bleu, #2B4FE0) !important; }