/* ==========================================================================
   Open Up — habillage du bandeau cookies (tarteaucitron)
   S'intègre à la charte du site : fond clair, accent doré #887A4E,
   typographie Poppins, coins arrondis, ombre douce.
   À charger APRÈS le CSS interne de tarteaucitron (voir footer.php).
   ========================================================================== */

/* --- Palette locale --- */
:root{
  --ou-or:#887A4E;        /* doré/olive de la marque */
  --ou-or-fonce:#6f643f;  /* survol accent */
  --ou-encre:#0D0F14;     /* texte principal */
  --ou-gris:#7F8284;      /* texte secondaire */
  --ou-ligne:#E6E6E6;     /* filets / bordures */
  --ou-fond:#ffffff;      /* fond du bandeau */
}

/* --- Bandeau (barre du bas) ---
   IMPORTANT : on ne force PAS "display" ici. tarteaucitron masque le bandeau
   après consentement via un style inline display:none ; le forcer casserait
   ce masquage et laisserait une "vitre" invisible qui capte les clics du footer.
   Le passage en flex se fait uniquement quand le bandeau est affiché (règle plus bas). */
#tarteaucitronRoot #tarteaucitronAlertBig{
  box-sizing:border-box;
  left:50%!important;
  transform:translateX(-50%);
  bottom:20px!important;
  width:calc(100% - 40px)!important;
  max-width:1180px!important;
  padding:22px 26px!important;
  background:var(--ou-fond)!important;
  color:var(--ou-encre)!important;
  border:1px solid var(--ou-ligne)!important;
  border-radius:14px!important;
  box-shadow:0 18px 50px rgba(13,15,20,.16)!important;
  font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:14px 26px;
  text-align:left!important;
}
/* Mise en page flex UNIQUEMENT quand tarteaucitron a rendu le bandeau visible
   (il pose alors style="display: block;"). Masqué => display:none inline conservé. */
#tarteaucitronRoot #tarteaucitronAlertBig[style*="display: block"]{
  display:flex!important;
}

/* liseré doré discret en haut du bandeau */
#tarteaucitronRoot #tarteaucitronAlertBig::before{
  content:"";
  position:absolute;
  top:0;left:26px;right:26px;
  height:3px;
  border-radius:0 0 3px 3px;
  background:linear-gradient(90deg,var(--ou-or),#A7965D);
}

/* --- Texte du bandeau --- */
#tarteaucitronRoot #tarteaucitronDisclaimerAlert{
  flex:1 1 340px;
  margin:0!important;
  padding:0!important;
  color:var(--ou-encre)!important;
  font-family:'Poppins',sans-serif!important;
  font-size:14px!important;
  line-height:1.55!important;
  font-weight:400!important;
  text-align:left!important;
}
#tarteaucitronRoot #tarteaucitronDisclaimerAlert strong,
#tarteaucitronRoot #tarteaucitronDisclaimerAlert b{ font-weight:600!important; }

/* --- Zone des boutons --- */
#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronAllow,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
}

/* base commune des boutons */
#tarteaucitronRoot #tarteaucitronAlertBig button,
#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton{
  box-sizing:border-box;
  margin:0!important;
  padding:11px 20px!important;
  border-radius:9px!important;
  font-family:'Poppins',sans-serif!important;
  font-size:13px!important;
  font-weight:500!important;
  letter-spacing:.02em!important;
  line-height:1.2!important;
  cursor:pointer!important;
  transition:background .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease!important;
  text-transform:none!important;
}

/* Tout accepter — bouton doré plein (CTA principal) */
#tarteaucitronRoot #tarteaucitronPersonalize2,
#tarteaucitronRoot button#tarteaucitronPersonalize2{
  background:var(--ou-or)!important;
  color:#fff!important;
  border:1px solid var(--ou-or)!important;
  opacity:1!important;
}
#tarteaucitronRoot #tarteaucitronPersonalize2:hover,
#tarteaucitronRoot button#tarteaucitronPersonalize2:hover{
  background:var(--ou-or-fonce)!important;
  border-color:var(--ou-or-fonce)!important;
}

/* Tout refuser — bouton clair, contour discret */
#tarteaucitronRoot #tarteaucitronAllDenied2,
#tarteaucitronRoot button#tarteaucitronAllDenied2{
  background:#fff!important;
  color:var(--ou-encre)!important;
  border:1px solid #d9d5c7!important;
}
#tarteaucitronRoot #tarteaucitronAllDenied2:hover,
#tarteaucitronRoot button#tarteaucitronAllDenied2:hover{
  background:#f6f4ee!important;
  border-color:var(--ou-or)!important;
  color:var(--ou-or-fonce)!important;
}

/* Personnaliser — lien texte sobre */
#tarteaucitronRoot #tarteaucitronCloseAlert{
  background:transparent!important;
  color:var(--ou-gris)!important;
  border:1px solid transparent!important;
  padding:11px 12px!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
#tarteaucitronRoot #tarteaucitronCloseAlert:hover{
  color:var(--ou-encre)!important;
  background:transparent!important;
}

/* --- Panneau détaillé "Personnaliser" --- */
#tarteaucitronRoot #tarteaucitron{
  font-family:'Poppins',sans-serif!important;
  border-radius:14px!important;
  overflow:hidden!important;
  box-shadow:0 24px 60px rgba(13,15,20,.28)!important;
}
#tarteaucitronRoot #tarteaucitronServices{
  background:#fff!important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine,
#tarteaucitron #tarteaucitronClosePanel{
  background:var(--ou-encre)!important;
  color:#fff!important;
  border:none!important;
  font-family:'Poppins',sans-serif!important;
}
#tarteaucitron #tarteaucitronClosePanel{ border-radius:0!important; }
#tarteaucitron .tarteaucitronName{ color:inherit!important; }

/* boutons du panneau : Autoriser / Tout accepter -> doré */
#tarteaucitron .tarteaucitronAllow,
#tarteaucitron #tarteaucitronAllAllowed{
  background:var(--ou-or)!important;
  color:#fff!important;
  border:1px solid var(--ou-or)!important;
  border-radius:7px!important;
  font-family:'Poppins',sans-serif!important;
  opacity:1!important;
}
/* boutons du panneau : Interdire / Tout refuser -> gris sobre (plus de jaune fluo) */
#tarteaucitron .tarteaucitronDeny,
#tarteaucitron #tarteaucitronAllDenied{
  background:#e9e6dd!important;
  color:var(--ou-encre)!important;
  border:1px solid #d9d5c7!important;
  border-radius:7px!important;
  font-family:'Poppins',sans-serif!important;
  opacity:1!important;
}
#tarteaucitron .tarteaucitronDeny:hover,
#tarteaucitron #tarteaucitronAllDenied:hover{ background:#ded9cc!important; }
/* ligne d'un service autorisé : accent doré */
#tarteaucitron .tarteaucitronLine.tarteaucitronIsAllowed{
  border-left:4px solid var(--ou-or)!important;
}
/* bouton Enregistrer / Fermer */
#tarteaucitron #tarteaucitronClosePanel,
#tarteaucitron #tarteaucitronSaveButton,
#tarteaucitron .tarteaucitronCTAButton{
  font-family:'Poppins',sans-serif!important;
}
#tarteaucitron #tarteaucitronSaveButton{
  background:var(--ou-or)!important; color:#fff!important;
  border:1px solid var(--ou-or)!important; border-radius:7px!important;
}

/* petit bouton flottant (icône) — masqué par la conf, sécurité visuelle */
#tarteaucitronRoot #tarteaucitronIcon{ display:none!important; }

/* --- Responsive : sur mobile, boutons pleine largeur, empilés --- */
@media (max-width:640px){
  #tarteaucitronRoot #tarteaucitronAlertBig{
    bottom:0!important;
    width:100%!important;
    border-radius:14px 14px 0 0!important;
    padding:18px 18px 20px!important;
    gap:12px;
  }
  #tarteaucitronRoot #tarteaucitronAlertBig::before{ left:18px;right:18px; }
  #tarteaucitronRoot #tarteaucitronDisclaimerAlert{ flex-basis:100%; font-size:13px!important; }
  #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronAllow{
    display:flex!important;
    flex-direction:column;
    width:100%;
    gap:10px;
  }
  #tarteaucitronRoot #tarteaucitronPersonalize2,
  #tarteaucitronRoot #tarteaucitronAllDenied2{
    width:100%!important;
    justify-content:center;
  }
  #tarteaucitronRoot #tarteaucitronCloseAlert{ width:100%!important; justify-content:center; }
}