/**
 * Vistaglo — personnalisation tarteaucitron.
 *
 * Override les couleurs par defaut (jaune moutarde) pour s'integrer
 * au design Vistaglo : bleu marine #091a3d, blanc, gris clair.
 */

/* ============================================================
   BANDEAU BOTTOM (alert big)
   ============================================================ */
#tarteaucitronAlertBig {
  background: #fff !important;
  color: #091a3d !important;
  border-top: 1px solid #e0e0e0 !important;
  box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08) !important;
  font-family: 'Inter', sans-serif !important;
  padding: 14px 24px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
  color: #444 !important;
  font-size: 13px !important;
}

/* Bouton "Tout accepter" — bleu marine plein */
#tarteaucitronAlertBig #tarteaucitronPersonalize2,
#tarteaucitronAlertBig button[id="tarteaucitronAllAllowed"] {
  background: #091a3d !important;
  color: #fff !important;
  border: 2px solid #091a3d !important;
  border-radius: 6px !important;
  padding: 8px 20px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background 0.2s, color 0.2s !important;
}

#tarteaucitronAlertBig #tarteaucitronPersonalize2:hover,
#tarteaucitronAlertBig button[id="tarteaucitronAllAllowed"]:hover {
  background: #0d2554 !important;
}

/* Bouton "Tout refuser" — outline bleu marine */
#tarteaucitronAlertBig #tarteaucitronAllDenied2 {
  background: transparent !important;
  color: #091a3d !important;
  border: 2px solid #091a3d !important;
  border-radius: 6px !important;
  padding: 8px 20px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background 0.2s, color 0.2s !important;
}

#tarteaucitronAlertBig #tarteaucitronAllDenied2:hover {
  background: #091a3d !important;
  color: #fff !important;
}

/* Lien "Personnaliser" */
#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
  color: #091a3d !important;
  text-decoration: underline !important;
  background: transparent !important;
  border: none !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert:hover,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl:hover {
  color: #0d2554 !important;
}


/* ============================================================
   PANNEAU DE GESTION (back overlay + panel)
   ============================================================ */
#tarteaucitron {
  font-family: 'Inter', sans-serif !important;
}

#tarteaucitronBack {
  background: rgba(9, 26, 61, 0.5) !important;
}

/* En-tete du panneau */
#tarteaucitron #tarteaucitronClosePanel {
  background: #091a3d !important;
  color: #fff !important;
  font-weight: 600 !important;
}

/* Titre "Panneau de gestion des cookies" */
#tarteaucitron #tarteaucitronInfo #tarteaucitronMainLineOffset .tarteaucitronH1 {
  color: #091a3d !important;
}

/* Separateurs */
#tarteaucitron .tarteaucitronBorder {
  border-color: #e0e0e0 !important;
}

/* Boutons "Tout accepter" / "Tout refuser" dans le panneau */
#tarteaucitron #tarteaucitronInfo #tarteaucitronMainLineOffset .tarteaucitronAllow,
#tarteaucitron .tarteaucitronAllow {
  background: #091a3d !important;
  color: #fff !important;
  border: 2px solid #091a3d !important;
  border-radius: 5px !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  padding: 6px 14px !important;
}

#tarteaucitron .tarteaucitronAllow:hover {
  background: #0d2554 !important;
}

#tarteaucitron #tarteaucitronInfo #tarteaucitronMainLineOffset .tarteaucitronDeny,
#tarteaucitron .tarteaucitronDeny {
  background: transparent !important;
  color: #091a3d !important;
  border: 2px solid #091a3d !important;
  border-radius: 5px !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  padding: 6px 14px !important;
}

#tarteaucitron .tarteaucitronDeny:hover {
  background: #091a3d !important;
  color: #fff !important;
}

/* Boutons "Autoriser" / "Interdire" par service */
#tarteaucitron .tarteaucitronLine .tarteaucitronAllow {
  background: #091a3d !important;
  color: #fff !important;
  border: 2px solid #091a3d !important;
  border-radius: 5px !important;
}

#tarteaucitron .tarteaucitronLine .tarteaucitronDeny {
  background: transparent !important;
  color: #091a3d !important;
  border: 2px solid #091a3d !important;
  border-radius: 5px !important;
}

#tarteaucitron .tarteaucitronLine .tarteaucitronDeny:hover {
  background: #091a3d !important;
  color: #fff !important;
}

/* Masquer les checkboxes/croix dans les boutons */
.tarteaucitronCheck,
.tarteaucitronCross {
  display: none !important;
}

/* Noms de services */
#tarteaucitron .tarteaucitronLine .tarteaucitronName {
  color: #091a3d !important;
}

#tarteaucitron .tarteaucitronLine .tarteaucitronName a {
  color: #556 !important;
  font-size: 12px !important;
}

/* Categories (APIs, Autre, etc.) */
#tarteaucitron .tarteaucitronTitle {
  background: #f5f5f5 !important;
  color: #091a3d !important;
  font-weight: 700 !important;
}

/* Lien politique de confidentialite dans le panneau */
#tarteaucitron #tarteaucitronInfo a {
  color: #091a3d !important;
  text-decoration: underline !important;
}


/* ============================================================
   ICONE COOKIE (bottom-left)
   ============================================================ */
#tarteaucitronIcon {
  background: transparent !important;
  box-shadow: none !important;
  opacity: 0.55 !important;
  transition: opacity 0.2s !important;
  transform: scale(0.75) !important;
  transform-origin: bottom left !important;
}

#tarteaucitronIcon:hover {
  opacity: 1 !important;
}

/* Mobile : icone encore plus petite + evite overlap avec le drawer */
@media (max-width: 767.98px) {
  #tarteaucitronIcon {
    transform: scale(0.6) !important;
    bottom: 8px !important;
    left: 4px !important;
  }
}


/* ============================================================
   CREDIT "TARTE AU CITRON"
   ============================================================ */
#tarteaucitron .tarteaucitronSelfLink {
  font-size: 10px !important;
  color: #999 !important;
}

#tarteaucitron .tarteaucitronSelfLink a {
  color: #999 !important;
}