/* Habillage du bandeau cookies (tarteaucitron.js) aux couleurs du club.
   tarteaucitron injecte sa propre feuille de style APRÈS celle-ci : les
   sélecteurs sont préfixés « html body » pour rester prioritaires. */

/* Typographie du site à la place du sans-serif par défaut */
html body #tarteaucitronRoot * {
  font-family: var(--font-body);
}

html body #tarteaucitronRoot .tarteaucitronH1,
html body #tarteaucitronRoot .tarteaucitronH2 {
  font-family: var(--font-display);
  letter-spacing: .02em;
  text-transform: uppercase;
}

/* Bandeau d'accueil */
html body #tarteaucitronRoot #tarteaucitronAlertBig {
  padding: 1.25rem 0;
  box-shadow: 0 -10px 40px rgba(10, 10, 10, .18);
  border-top: 3px solid var(--rouge);
}

/* Boutons : forme commune */
html body #tarteaucitronRoot button.tarteaucitronCTAButton,
html body #tarteaucitronRoot button#tarteaucitronCloseAlert,
html body #tarteaucitronRoot button#tarteaucitronPrivacyUrl,
html body #tarteaucitronRoot button#tarteaucitronPrivacyUrlDialog,
html body #tarteaucitronRoot .tarteaucitronAllow,
html body #tarteaucitronRoot .tarteaucitronDeny {
  border-radius: var(--radius);
  font-weight: 700;
  padding: .7rem 1.1rem;
  transition: background var(--transition), color var(--transition);
}

/* « Tout accepter » */
html body #tarteaucitronRoot #tarteaucitronPersonalize2 {
  background: var(--rouge);
  color: var(--blanc);
}
html body #tarteaucitronRoot #tarteaucitronPersonalize2:hover {
  background: var(--rouge-fonce);
}

/* « Tout refuser » et « Personnaliser » */
html body #tarteaucitronRoot #tarteaucitronAllDenied2,
html body #tarteaucitronRoot #tarteaucitronCloseAlert {
  background: var(--blanc);
  color: var(--noir);
  box-shadow: inset 0 0 0 2px var(--noir);
}
html body #tarteaucitronRoot #tarteaucitronAllDenied2:hover,
html body #tarteaucitronRoot #tarteaucitronCloseAlert:hover {
  background: var(--noir);
  color: var(--blanc);
}

/* Bouton « Enregistrer » du panneau : action principale */
html body #tarteaucitronRoot #tarteaucitronSaveButton {
  background: var(--rouge);
  color: var(--blanc);
}
html body #tarteaucitronRoot #tarteaucitronSaveButton:hover {
  background: var(--rouge-fonce);
}

/* Panneau détaillé : en-tête et cadre */
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder {
  border-color: var(--noir);
}

/* Boutons Autoriser / Interdire de chaque service */
html body #tarteaucitronRoot .tarteaucitronAllow,
html body #tarteaucitronRoot .tarteaucitronDeny,
html body #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
html body #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny {
  background: var(--gris-10);
  color: var(--gris-80);
}

/* État retenu : or pour « autorisé », noir pour « interdit » */
html body #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow,
html body #tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine button.tarteaucitronAllow,
html body #tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected {
  background: var(--or);
  color: var(--noir);
}

html body #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny,
html body #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected,
html body #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2.tarteaucitronIsSelected {
  background: var(--noir);
  color: var(--blanc);
}

/* Liseré de gauche de chaque ligne de service */
html body #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed {
  border-color: var(--or);
}
html body #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied {
  border-color: var(--noir);
}

/* Sur mobile, la feuille d'origine laisse le texte et les quatre boutons sur
   une seule ligne, ce qui déborde de l'écran : on empile le tout. */
@media (max-width: 767px) {
  html body #tarteaucitronRoot #tarteaucitronAlertBig {
    box-sizing: border-box;
    padding: 1.1rem var(--gutter) 1.25rem;
    max-height: 85vh;
    overflow-y: auto;
  }

  html body #tarteaucitronRoot #tarteaucitronAlertBig span#tarteaucitronDisclaimerAlert {
    display: block;
    padding: 0;
    margin-bottom: .9rem;
  }

  html body #tarteaucitronRoot #tarteaucitronAlertBig button {
    display: block;
    width: 100%;
    margin: 0 0 .5rem;
    box-sizing: border-box;
    margin-left: 0!important;
  }
}

/* Bouton « Gestion des cookies » du pied de page */
.footer__cookies {
  padding: 0;
  color: inherit;
  text-align: left;
}

.footer__cookies:hover {
  color: var(--or);
}