/* =============================================================
   Végétol – Charte graphique Tarte au Citron (bannière cookies)
   Surcharge du thème vegetol pour le module psgdpr / tarteaucitronjs
   ============================================================= */

/* ── Bannière principale ── */
#tarteaucitronAlertBig {
  background-color: #F8EFEA !important;
  box-shadow: 0 -6px 20px rgba(0, 0, 0, 0.14) !important;
  padding: 15px 30px 15px 20px !important;
  font-family: 'Poppins', sans-serif !important;
}

/* ── Texte d'information ── */
#tarteaucitronDisclaimerAlert {
  color: #1b61ac !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

/* ── Bouton PRIMAIRE : Tout accepter ── */
#tarteaucitronPersonalize2 {
  background-color: #ef8162 !important;
  color: #fff !important;
  border: 2px solid #ef8162 !important;
  border-radius: 1.4375rem !important;
  padding: 0.6rem 1.5rem !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-transform: none !important;
}
#tarteaucitronPersonalize2:hover {
  background-color: #c75e41 !important;
  border-color: #c75e41 !important;
  box-shadow: none !important;
}

/* ── Bouton PRIMAIRE INVERSÉ : Tout refuser ── */
#tarteaucitronAllDenied2 {
  background-color: transparent !important;
  color: #ef8162 !important;
  border: 2px solid #ef8162 !important;
  border-radius: 1.4375rem !important;
  padding: 0.6rem 1.5rem !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  text-transform: none !important;
}
#tarteaucitronAllDenied2:hover {
  background-color: #ef8162 !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* ── Bouton SECONDAIRE : Personnaliser ── */
#tarteaucitronCloseAlert {
  background-color: #1b61ac !important;
  color: #fff !important;
  border: 2px solid #1b61ac !important;
  border-radius: 1.4375rem !important;
  padding: 0.6rem 1.5rem !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  text-transform: none !important;
}
#tarteaucitronCloseAlert:hover {
  background-color: #154d8a !important;
  border-color: #154d8a !important;
  box-shadow: none !important;
}

/* ── Politique de confidentialité ── */
#tarteaucitronPrivacyUrl {
  font-family: 'Poppins', sans-serif !important;
  color: #1b61ac !important;
  font-size: 13px !important;
}

/* ── Bouton X → Fermer ── */
#tarteaucitronCloseCross {
  font-size: 0 !important;
  color: transparent !important;
  right: 45px !important;
}
#tarteaucitronCloseCross::before {
  content: 'Fermer';
  font-size: 13px !important;
  color: #1b61ac !important;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
}
#tarteaucitronCloseCross .tac_visually-hidden {
  display: none !important;
}


/* =============================================================
   Cohabitation pastille Tarte au Citron <-> badge reCAPTCHA v3
   -------------------------------------------------------------
   Geometrie des deux elements (position:fixed, ancres en bas) :
     - .grecaptcha-badge  : 256px de large, mais 186px debordent hors
                            du viewport (right:-186px) -> 70px visibles.
                            Au survol il revient a right:0 et occupe
                            alors toute la bande [droite-256px ; droite],
                            ou se trouvent les liens Privacy / Terms.
     - #tarteaucitronIcon : img 50x50 + padding 10/8 = 70x66px.

   Consequence : deplacer le badge horizontalement est impossible
   (margin-right / translateX ne font que "declipper" une bande plus
   large, toujours collee au bord droit). On ne touche donc PAS a sa
   position : on ecarte la pastille au-dela des 256px du badge deploye,
   ce qui preserve les liens Privacy / Terms au survol.

   Ces CSS sont injectees par JS *apres* ce fichier : !important requis.
   ============================================================= */

/* Le badge n'a pas de z-index propre : il passe sous la carte du
   formulaire de contact (theme en position:relative). On le remonte,
   juste en dessous de la pastille (2147483646) pour garder l'ordre. */
.grecaptcha-badge {
  z-index: 2147483645 !important;
}

/* Au survol le badge se deploie (256px) et recouvre la pastille :
   on le fait alors passer AU-DESSUS d'elle. Les liens Privacy / Terms
   restent donc lisibles et cliquables, la pastille est simplement
   masquee le temps du survol. Le delai de 0.3s sur le retour evite
   que la pastille ne reapparaisse par-dessus le badge en train de se
   replier (la transition de Google sur "right" dure 0.3s).           */
.grecaptcha-badge {
  transition: right .3s ease 0s, z-index 0s ease .3s !important;
}
.grecaptcha-badge:hover {
  z-index: 2147483647 !important;
  transition: right .3s ease 0s, z-index 0s ease 0s !important;
}

/* -- Desktop : pastille collee a gauche du badge --
   badge replie = 70px visibles ; pastille (70px) posee a 90px du bord
   droit -> environ 20px de respiration visuelle entre les deux.       */
@media screen and (min-width: 768px) {
  #tarteaucitronIcon {
    left: auto !important;
    right: 90px !important;
    bottom: 14px !important;
  }
}

/* -- Mobile : empilement vertical, badge en bas, pastille au-dessus --
   badge 14 -> 74px du bas, pastille posee a 80px : 6px de respiration. */
@media screen and (max-width: 767px) {
  #tarteaucitronIcon {
    left: auto !important;
    right: 0 !important;
    bottom: 80px !important;
  }
  .grecaptcha-badge {
    bottom: 14px !important;
  }
}