/**
 * Correctifs de la popin de consentement pour l'usine à sites.
 *
 * PRINCIPE — le design de la popin appartient aux THEMES, pas à ce fichier.
 * vicat_master porte la charte commune (fond blanc, accent #263e83, coins
 * carrés, couleur des puces) et vicat_sococim / vicat_vizille la déclinent.
 * Ces feuilles sont toujours chargées et restent la source de vérité : les
 * surcharger ici aplatirait les trois designs sur un seul.
 *
 * On se limite donc à rétablir ce que la montée 20210509 -> 1.34 a cassé et
 * que les thèmes ne couvrent pas.
 *
 * Les règles de la librairie utilisent !important ; on les surcharge avec une
 * spécificité supérieure (préfixe html body) plutôt qu'en comptant sur l'ordre
 * du cascade, que l'agrégation CSS peut réordonner.
 */

/* ------------------------------------------------------------------ *
 * Police
 *
 * La production imposait `font-family: sans-serif !important` sur toute la
 * popin. La 1.34 a retiré cette règle et ne pose plus que `font: inherit` sur
 * les enfants du root : la popin hérite donc de la police du thème.
 * ------------------------------------------------------------------ */

html body #tarteaucitronRoot * {
  font-family: sans-serif !important;
}

/* ------------------------------------------------------------------ *
 * Glyphes des puces
 *
 * La 1.34 remplace ✓/✗ par les cases ☐/☑ (U+2610/U+2611), absentes de
 * nombreuses polices : elles s'affichent en « tofu ».
 *
 * Réservé aux thèmes qui s'appuient sur le glyphe de la librairie.
 * vicat_sococim et vicat_vizille dessinent leurs puces en CSS (bordures) :
 * leur injecter un caractère casserait le rendu. La couleur est laissée aux
 * thèmes, qui la déclinent selon l'état du bouton.
 * ------------------------------------------------------------------ */

html body.tac-theme-vicat-master #tarteaucitronRoot .tarteaucitronCheck::before,
html body.tac-theme-vicat-master #tarteaucitronRoot .tarteaucitronAllow .tarteaucitronCheck::before,
html body.tac-theme-vicat-master #tarteaucitronRoot #tarteaucitronServices_mandatory .tarteaucitronCheck::before,
html body.tac-theme-vicat-mauricim #tarteaucitronRoot .tarteaucitronCheck::before,
html body.tac-theme-vicat-mauricim #tarteaucitronRoot .tarteaucitronAllow .tarteaucitronCheck::before,
html body.tac-theme-vicat-mauricim #tarteaucitronRoot #tarteaucitronServices_mandatory .tarteaucitronCheck::before,
html body.tac-theme-vicat-smart-up #tarteaucitronRoot .tarteaucitronCheck::before,
html body.tac-theme-vicat-smart-up #tarteaucitronRoot .tarteaucitronAllow .tarteaucitronCheck::before,
html body.tac-theme-vicat-smart-up #tarteaucitronRoot #tarteaucitronServices_mandatory .tarteaucitronCheck::before {
  content: '\2713' !important;
}

html body.tac-theme-vicat-master #tarteaucitronRoot .tarteaucitronCross::before,
html body.tac-theme-vicat-master #tarteaucitronRoot .tarteaucitronDeny .tarteaucitronCross::before,
html body.tac-theme-vicat-mauricim #tarteaucitronRoot .tarteaucitronCross::before,
html body.tac-theme-vicat-mauricim #tarteaucitronRoot .tarteaucitronDeny .tarteaucitronCross::before,
html body.tac-theme-vicat-smart-up #tarteaucitronRoot .tarteaucitronCross::before,
html body.tac-theme-vicat-smart-up #tarteaucitronRoot .tarteaucitronDeny .tarteaucitronCross::before {
  content: '\2717' !important;
}

/* Le « + » des catégories, posé sur le bandeau sombre des titres */
html body #tarteaucitronRoot .tarteaucitronPlus::before {
  color: #fff !important;
}

/* ------------------------------------------------------------------ *
 * Panneau de personnalisation
 *
 * Uniquement les éléments que la production stylait depuis la feuille de base
 * et que les thèmes ne redéfinissent pas. Le fond de l'en-tête, les titres et
 * les boutons sont volontairement absents : ils appartiennent aux thèmes.
 * ------------------------------------------------------------------ */

/* Pas de bordure sur .tarteaucitronBorder : la feuille de base de la
   production en dessinait une, mais vicat_master la neutralise déjà
   (`border: none`), tout comme la 1.34. On ne la rétablit donc pas. */

/* .tarteaucitronMainLine porte aussi .tarteaucitronLine : on l'exclut
   explicitement pour ne pas écraser le fond que le thème lui donne.
   vicat_sococim est écarté également : il déclare déjà ses lignes en blanc, et
   ce fond grisé les masquerait. */
html body:not(.tac-theme-vicat-sococim) #tarteaucitron #tarteaucitronServices .tarteaucitronLine:not(.tarteaucitronMainLine) {
  background: rgba(51, 51, 51, 0.1) !important;
}

html body:not(.tac-theme-vicat-sococim) #tarteaucitron #tarteaucitronServices .tarteaucitronLine:not(.tarteaucitronMainLine):hover {
  background: rgba(51, 51, 51, 0.2) !important;
}

/* Titres de catégorie et détails repliés : bandeaux sombres */
html body #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
html body #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
  background: #333 !important;
  color: #fff !important;
}

/**
 * Statut et nombre de cookies par service. La 1.34 génère ce bloc mais le
 * masque par défaut, alors que vicat_master prévoit déjà une couleur pour
 * .tacCurrentStatus : il était donc attendu à l'affichage.
 */
html body #tarteaucitronRoot .tarteaucitronStatusInfo {
  display: block !important;
}

/* Le bouton « Enregistrer » n'existait pas dans l'implémentation précédente */
html body #tarteaucitronRoot #tarteaucitronSave {
  display: none !important;
}

/* Ordre des catégories : « Autre » en dernier, après « Mesure d'audience ».
   La librairie trie les catégories par libellé traduit. */
html body #tarteaucitron .tarteaucitronBorder > ul {
  display: flex;
  flex-direction: column;
}

html body #tarteaucitron .tarteaucitronBorder > ul > li {
  order: 0;
}

html body #tarteaucitron .tarteaucitronBorder > ul > li#tarteaucitronServicesTitle_other {
  order: 1;
}

/* ------------------------------------------------------------------ *
 * Design 1 (vicat_master, vicat_mauricim)
 *
 * La 1.34 introduit une règle .tarteaucitronSize-middle absente de la
 * production, plus spécifique que celle du thème : elle écrase à la fois le
 * `padding-top: 60px` et le `border-radius: 0` de vicat_master. On rétablit
 * les deux valeurs de production en !important.
 * ------------------------------------------------------------------ */

html body.tac-theme-vicat-master #tarteaucitronRoot #tarteaucitronAlertBig,
html body.tac-theme-vicat-mauricim #tarteaucitronRoot #tarteaucitronAlertBig {
  padding-top: 60px !important;
  border-radius: 0 !important;
}

/* La 1.34 masque les puces dans les boutons du bandeau ; on rétablit le ✓
   devant l'acceptation. Exclu pour sococim / vizille, qui dessinent les leurs. */
html body:not(.tac-theme-vicat-sococim):not(.tac-theme-vicat-vizille):not(.tac-theme-vicat-sigma) #tarteaucitronRoot button#tarteaucitronPersonalize2 .tarteaucitronCheck {
  display: inline !important;
}

/* ------------------------------------------------------------------ *
 * Boutons Autoriser / Interdire du panneau
 *
 * Production : fond #555 estompé au repos, puis vert / rouge en pleine
 * opacité sur le choix retenu. La 1.34 les uniformise en jaune #fbd600.
 * Exclu pour sococim / vizille, qui définissent entièrement leurs boutons.
 *
 * L'état au repos ne porte volontairement PAS de !important : sa spécificité
 * suffit face à la librairie, et cela laisse les règles de l'état retenu
 * l'emporter simplement grâce à leur !important, sans dépendre du nombre de
 * classes ni de l'ordre du fichier.
 *
 * La classe d'état (tarteaucitronIsAllowed / tarteaucitronIsDenied) n'est pas
 * posée au même niveau selon les versions de la librairie : sur le <li>
 * .tarteaucitronLine ou sur la div .tarteaucitronAsk. Les sélecteurs ci-dessous
 * ne présument donc pas de l'ancêtre qui la porte.
 * ------------------------------------------------------------------ */

html body:not(.tac-theme-vicat-sococim):not(.tac-theme-vicat-vizille):not(.tac-theme-vicat-sigma) #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
html body:not(.tac-theme-vicat-sococim):not(.tac-theme-vicat-vizille):not(.tac-theme-vicat-sigma) #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny {
  background: #555;
  color: #fff;
  opacity: 0.4;
}

/* Boutons d'un service : seule l'opacité distingue le choix retenu, le fond
   reste gris. */
html body:not(.tac-theme-vicat-sococim):not(.tac-theme-vicat-vizille):not(.tac-theme-vicat-sigma) #tarteaucitron #tarteaucitronServices .tarteaucitronIsAllowed .tarteaucitronAllow,
html body:not(.tac-theme-vicat-sococim):not(.tac-theme-vicat-vizille):not(.tac-theme-vicat-sigma) #tarteaucitron #tarteaucitronServices .tarteaucitronIsDenied .tarteaucitronDeny {
  background: #555 !important;
  color: #fff !important;
  opacity: 1 !important;
}

/* Boutons globaux du haut de panneau : vert / rouge sur le choix retenu. */
html body:not(.tac-theme-vicat-sococim):not(.tac-theme-vicat-vizille):not(.tac-theme-vicat-sigma) #tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected {
  background: #1B870B !important;
  color: #fff !important;
  opacity: 1 !important;
}

html body:not(.tac-theme-vicat-sococim):not(.tac-theme-vicat-vizille):not(.tac-theme-vicat-sigma) #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected {
  background: #9C1A1A !important;
  color: #fff !important;
  opacity: 1 !important;
}

/* ------------------------------------------------------------------ *
 * Panneau de personnalisation : coins carrés et puces blanches
 *
 * La 1.34 arrondit le panneau (div#tarteaucitronServices: 8px, bouton de
 * fermeture: 5px) — la production n'avait aucun arrondi à cet endroit.
 * Elle passe aussi les puces en noir, alors que la production les gardait
 * blanches : vicat_master ne redéfinit que celles du bandeau, pas celles du
 * panneau, où elles sont posées sur des boutons gris, verts ou rouges.
 *
 * Exclu pour sococim / vizille, qui dessinent leurs puces en CSS et stylent
 * entièrement leurs boutons.
 * ------------------------------------------------------------------ */

/* Les arrondis du panneau sont une nouveauté de la 1.34, absente de la
   production quel que soit le thème : on les retire partout. */
html body #tarteaucitron div#tarteaucitronServices,
html body #tarteaucitron button#tarteaucitronClosePanel {
  border-radius: 0 !important;
}

html body:not(.tac-theme-vicat-sococim):not(.tac-theme-vicat-vizille):not(.tac-theme-vicat-sigma) #tarteaucitron .tarteaucitronCheck::before,
html body:not(.tac-theme-vicat-sococim):not(.tac-theme-vicat-vizille):not(.tac-theme-vicat-sigma) #tarteaucitron .tarteaucitronCross::before {
  color: #fff !important;
}

/* ------------------------------------------------------------------ *
 * Deux régressions discrètes de la 1.34
 * ------------------------------------------------------------------ */

/**
 * Fond translucide des blocs de catégorie. La déclaration est toujours
 * présente dans la feuille de la 1.34, mais commentée — d'où son affichage
 * grisé dans l'inspecteur. On la rétablit à l'identique de la production.
 */
html body #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden,
html body #tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
  background: rgba(51, 51, 51, 0.07);
}

/**
 * Bouton de repli d'une catégorie (« Hizmet yönetimi (1) »).
 *
 * En production, aucune règle ne fixe son padding au-delà de 767px : il garde
 * donc celui que le navigateur applique par défaut aux <button>, soit 1px 6px.
 * La 1.34 ajoute une règle inconditionnelle `padding: 10px 0 0` qui supprime
 * cet espacement latéral.
 *
 * Pas de media query ici : en dessous de 768px, la librairie applique
 * `padding: 10px 0` via un sélecteur nettement plus spécifique (2 id, 2
 * classes) que celui ci-dessous, qui reste donc sans effet sur mobile.
 */
html body #tarteaucitronRoot button.tarteaucitron-toggle-group {
  padding-left: 6px;
  padding-right: 6px;
}

/* ------------------------------------------------------------------ *
 * Design 2 — vicat_vizille (vizille-vicat) et vicat_sigma (sigma-beton)
 *
 * Deux thèmes pour un même design : vicat_sigma a été détaché de vicat_vizille
 * et en reprend les règles tarteaucitron. Les deux stylisent entièrement leurs
 * boutons et dessinent leurs puces en CSS : ils sont donc exclus des règles
 * communes plus haut. Les correctifs qui les concernent sont regroupés ici.
 *
 * Ce qui est propre à vizille-vicat seul — bandeau conforme au visuel validé
 * par le juridique — est traité dans un bloc distinct en fin de fichier.
 *
 * Comme ailleurs dans ce fichier, l'ordre compte pour l'opacité : la règle de
 * l'état retenu doit rester APRES celle du repos, à spécificité égale.
 * ------------------------------------------------------------------ */

/* Coins carrés et retrait haut : la règle .tarteaucitronSize-middle de la 1.34,
   absente de la production, impose `border-radius: 20px` et `padding: 35px 25px`
   et le thème ne la neutralise pas. */
html body.tac-theme-vicat-vizille #tarteaucitronRoot #tarteaucitronAlertBig,
html body.tac-theme-vicat-sigma #tarteaucitronRoot #tarteaucitronAlertBig {
  padding-top: 60px !important;
  border-radius: 0 !important;
}

/**
 * Icônes du panneau.
 *
 * Le thème dessine ses puces en CSS — bordures pivotées pour la coche, deux
 * barres pour la croix — via des pseudo-éléments à contenu vide. La 1.34 y
 * injecte en !important un caractère de case à cocher (☐ / ☑), qui se superpose
 * au tracé. On rétablit un contenu vide pour ne laisser que le dessin.
 */
html body.tac-theme-vicat-vizille #tarteaucitronRoot .tarteaucitronAllow .tarteaucitronCheck::before,
html body.tac-theme-vicat-sigma #tarteaucitronRoot .tarteaucitronAllow .tarteaucitronCheck::before,
html body.tac-theme-vicat-vizille #tarteaucitronRoot .tarteaucitronDeny .tarteaucitronCross::before,
html body.tac-theme-vicat-sigma #tarteaucitronRoot .tarteaucitronDeny .tarteaucitronCross::before,
html body.tac-theme-vicat-vizille #tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronAllow .tarteaucitronCheck::before,
html body.tac-theme-vicat-sigma #tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronAllow .tarteaucitronCheck::before,
html body.tac-theme-vicat-vizille #tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronAllow .tarteaucitronCheck::before,
html body.tac-theme-vicat-sigma #tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronAllow .tarteaucitronCheck::before,
html body.tac-theme-vicat-vizille #tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronDeny .tarteaucitronCross::before,
html body.tac-theme-vicat-sigma #tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronDeny .tarteaucitronCross::before,
html body.tac-theme-vicat-vizille #tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronDeny .tarteaucitronCross::before,
html body.tac-theme-vicat-sigma #tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronDeny .tarteaucitronCross::before,
html body.tac-theme-vicat-vizille #tarteaucitronRoot #tarteaucitronServices_mandatory .tarteaucitronCheck::before,
html body.tac-theme-vicat-sigma #tarteaucitronRoot #tarteaucitronServices_mandatory .tarteaucitronCheck::before {
  content: '' !important;
}

/* Lignes de service sur fond blanc */
html body.tac-theme-vicat-vizille #tarteaucitron #tarteaucitronServices .tarteaucitronLine:not(.tarteaucitronMainLine),
html body.tac-theme-vicat-vizille #tarteaucitron #tarteaucitronServices .tarteaucitronLine:not(.tarteaucitronMainLine):hover {
  background: #fff !important;
}

/* Opacité au repos. Le !important est nécessaire : le thème pose opacity: 1 sur
   les deux boutons avec une spécificité supérieure (trois identifiants). */
html body.tac-theme-vicat-vizille #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAllow,
html body.tac-theme-vicat-sigma #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAllow,
html body.tac-theme-vicat-vizille #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronDeny,
html body.tac-theme-vicat-sigma #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronDeny {
  opacity: 0.4 !important;
}

/* Pleine opacité sur le choix retenu. Sélecteurs indifférents au niveau qui
   porte la classe d'état (le <li> ou la div .tarteaucitronAsk). */
html body.tac-theme-vicat-vizille #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronIsAllowed .tarteaucitronAllow,
html body.tac-theme-vicat-sigma #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronIsAllowed .tarteaucitronAllow,
html body.tac-theme-vicat-vizille #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronIsDenied .tarteaucitronDeny,
html body.tac-theme-vicat-sigma #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronIsDenied .tarteaucitronDeny {
  opacity: 1 !important;
}

/**
 * Pas de graisse sur le bouton retenu.
 *
 * La 1.34 remet bien font-weight à initial, mais ajoute un
 * `text-shadow: 0 0 1px` qui simule la graisse. On neutralise les deux.
 */
html body.tac-theme-vicat-vizille #tarteaucitronRoot #tarteaucitron [aria-pressed="true"],
html body.tac-theme-vicat-sigma #tarteaucitronRoot #tarteaucitron [aria-pressed="true"] {
  font-weight: normal !important;
  text-shadow: none !important;
}

/* ------------------------------------------------------------------ *
 * Design 3 — vicat_smart_up
 *
 * Ce thème n'a pas de feuille tarteaucitron propre : il hérite de vicat_master
 * et se distingue par un bouton de refus supplémentaire dans le bandeau, plus
 * quelques couleurs pilotées par la classe .smartup posée par le thème.
 *
 * Comme pour les autres designs, la règle .tarteaucitronSize-middle de la 1.34
 * — absente de la production — impose `border-radius: 20px` et
 * `padding: 35px 25px`, et écrase le `padding-top: 60px` que le thème hérite de
 * vicat_master. Les arrondis du panneau sont traités plus haut.
 * ------------------------------------------------------------------ */

html body.tac-theme-vicat-smart-up #tarteaucitronRoot #tarteaucitronAlertBig {
  padding-top: 60px !important;
  border-radius: 0 !important;
}

/* ------------------------------------------------------------------ *
 * Design 2 — vicat_sococim (variante verte)
 *
 * Même structure que vicat_vizille : le thème stylise entièrement ses boutons
 * et dessine ses puces en CSS. Seule la palette diffère (#11884b).
 *
 * Le fond blanc des lignes de service n'est pas repris ici : le thème le
 * déclare déjà, il suffisait de ne plus l'écraser (voir plus haut).
 *
 * Comme ailleurs dans ce fichier, l'ordre compte pour l'opacité : la règle de
 * l'état retenu doit rester APRES celle du repos, à spécificité égale.
 * ------------------------------------------------------------------ */

/* Coins carrés et retrait haut, imposés à tort par .tarteaucitronSize-middle */
html body.tac-theme-vicat-sococim #tarteaucitronRoot #tarteaucitronAlertBig {
  padding-top: 60px !important;
  border-radius: 0 !important;
}

/* Icônes : pseudo-éléments à contenu vide, dans lesquels la 1.34 injecte en
   !important un caractère de case à cocher qui se superpose au tracé CSS. */
html body.tac-theme-vicat-sococim #tarteaucitronRoot .tarteaucitronAllow .tarteaucitronCheck::before,
html body.tac-theme-vicat-sococim #tarteaucitronRoot .tarteaucitronDeny .tarteaucitronCross::before,
html body.tac-theme-vicat-sococim #tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronAllow .tarteaucitronCheck::before,
html body.tac-theme-vicat-sococim #tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronAllow .tarteaucitronCheck::before,
html body.tac-theme-vicat-sococim #tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronDeny .tarteaucitronCross::before,
html body.tac-theme-vicat-sococim #tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronDeny .tarteaucitronCross::before,
html body.tac-theme-vicat-sococim #tarteaucitronRoot #tarteaucitronServices_mandatory .tarteaucitronCheck::before {
  content: '' !important;
}

/* Opacité au repos. !important nécessaire : le thème pose opacity: 1 sur les
   deux boutons avec une spécificité supérieure (trois identifiants). */
html body.tac-theme-vicat-sococim #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAllow,
html body.tac-theme-vicat-sococim #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronDeny {
  opacity: 0.4 !important;
}

/* Pleine opacité sur le choix retenu, sans présumer du niveau qui porte la
   classe d'état (le <li> ou la div .tarteaucitronAsk). */
html body.tac-theme-vicat-sococim #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronIsAllowed .tarteaucitronAllow,
html body.tac-theme-vicat-sococim #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronIsDenied .tarteaucitronDeny {
  opacity: 1 !important;
}

/* Pas de graisse sur le bouton retenu : la 1.34 remet font-weight à initial mais
   ajoute un text-shadow qui la simule. */
html body.tac-theme-vicat-sococim #tarteaucitronRoot #tarteaucitron [aria-pressed="true"] {
  font-weight: normal !important;
  text-shadow: none !important;
}

/* ------------------------------------------------------------------ *
 * vizille-vicat.com — bandeau conforme au visuel validé par le juridique
 *
 * La production de ce site n'est pas servie par Drupal : GTM y remplace
 * l'implémentation tarteaucitron par la sienne, restée en 1.17. Le bandeau qui
 * en résulte a été validé par le juridique de Vicat, et c'est lui qui fait
 * référence. Les valeurs ci-dessous en sont relevées.
 *
 * Trois écarts avec la 1.34 servie par Drupal :
 *   - le voile de fond, que la 1.34 floute et éclaircit ;
 *   - le cadre du bandeau, que la 1.34 borde et ombre ;
 *   - le refus, que la production expose comme un bouton à part entière
 *     (DenyAllCta, activé côté PHP) plutôt que comme une croix.
 *
 * Portée : le thème, et non le site. vicat_vizille n'habille plus que
 * vizille-vicat et le site de développement, sigma-beton ayant son propre
 * thème depuis vicat_sigma.
 * ------------------------------------------------------------------ */

/**
 * Voile de fond.
 *
 * La production superpose un aplat #333 à 50 %. La 1.34 lui substitue un blanc
 * à 25 % assorti d'un flou de 8 px, et force `opacity: 1` en !important : la
 * transparence doit donc venir du rgba.
 */
html body.tac-theme-vicat-vizille #tarteaucitronRoot.tarteaucitronBeforeVisible::before {
  background: rgba(51, 51, 51, 0.5) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/**
 * Cadre du bandeau.
 *
 * La 1.34 ajoute un liseré et une ombre de 9000 px qui assombrit toute la page,
 * en doublon du voile ci-dessus. La production n'a ni l'un ni l'autre.
 */
html body.tac-theme-vicat-vizille #tarteaucitronRoot #tarteaucitronAlertBig {
  border: none !important;
  box-shadow: none !important;
}

/* Hauteur des boutons : la production hérite de l'interlignage 1.2 du thème,
   là où la 1.34 fixe `line-height: 16px`. Trois pixels d'écart par bouton. */
html body.tac-theme-vicat-vizille #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton,
html body.tac-theme-vicat-vizille #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
  line-height: 1.2;
}

/**
 * Croix de fermeture.
 *
 * Elle reste une croix ici, contrairement aux autres sites de l'usine : le
 * refus dispose de son propre bouton. Le padding latéral de 6 px rétabli plus
 * haut pour les autres designs ne s'applique donc pas.
 */
html body.tac-theme-vicat-vizille #tarteaucitronRoot #tarteaucitronCloseCross {
  padding: 0;
  text-align: start;
}

/**
 * Bouton de refus du bandeau.
 *
 * Le thème n'habille que celui du panneau de personnalisation ; celui du
 * bandeau n'existait pas avant l'activation de DenyAllCta. Mêmes gabarit et
 * arrondi que les deux autres boutons, palette rouge de la production.
 */
html body.tac-theme-vicat-vizille #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2 {
  padding: 13px 20px;
  margin: 0 12px 12px 7px;
  color: #dc3546;
  background: #fff;
  border: 1px solid #dc3546;
  border-radius: 4px;
}

/* La production n'affiche aucune puce dans le bandeau. Le thème en dessine une
   en CSS (deux barres rouges pivotées) sur toute croix rencontrée. */
html body.tac-theme-vicat-vizille #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCross::before,
html body.tac-theme-vicat-vizille #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCross::after {
  content: none !important;
}

/**
 * Lien vers la page légale.
 *
 * Affiché par la librairie dès que privacyUrl est renseigné, ce que fait
 * usine_vicat_tac à partir du champ field_cookies_page_id du site.
 */
html body.tac-theme-vicat-vizille #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
  display: inline-block;
  padding: 1px 6px;
  margin: 0;
  color: #333;
  background: transparent;
  border: none;
  border-radius: 4px;
  line-height: normal;
  text-decoration: underline;
}

/**
 * Panneau de personnalisation.
 *
 * Deux règles communes plus haut décrivent l'implémentation précédente de
 * l'usine, que la production de vizille-vicat ne partage pas : son panneau
 * expose un bouton « Enregistrer », et ses boutons de service sont à pleine
 * opacité tant qu'aucun choix n'a été fait.
 */
html body.tac-theme-vicat-vizille #tarteaucitronRoot #tarteaucitronSave {
  display: block !important;
  padding: 20px;
  background: transparent;
  text-align: right;
}

html body.tac-theme-vicat-vizille #tarteaucitronRoot button#tarteaucitronSaveButton {
  color: #fff;
  background: #008300;
}

/**
 * Description de catégorie.
 *
 * La production l'affiche en permanence sous le bandeau de titre, en gris
 * clair sur texte sombre. La 1.34 en fait une infobulle positionnée en absolu,
 * masquée jusqu'au clic sur le titre — devenu un bouton de repli, d'où le
 * « ✛ » qui n'existe pas en production.
 *
 * Le !important répond à celui de la règle commune plus haut, qui donne à tous
 * les .tarteaucitronDetails le fond sombre des bandeaux de titre.
 */
html body.tac-theme-vicat-vizille #tarteaucitron #tarteaucitronServices .tarteaucitronTitle + [id^="tarteaucitronDetails"] {
  display: inline-block !important;
  position: static !important;
  width: calc(100% - 40px);
  max-width: none !important;
  padding: 5px 20px 20px;
  color: #333 !important;
  background: rgba(51, 51, 51, 0.2) !important;
  font-size: 14px;
}

html body.tac-theme-vicat-vizille #tarteaucitronRoot #tarteaucitronServices .tarteaucitronTitle .tarteaucitronPlus {
  display: none;
}

/* Le panneau de la production arrondit le haut de son onglet de fermeture. */
html body.tac-theme-vicat-vizille #tarteaucitronRoot #tarteaucitron #tarteaucitronClosePanel {
  border-radius: 5px 5px 0 0;
}

html body.tac-theme-vicat-vizille #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAllow,
html body.tac-theme-vicat-vizille #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronDeny {
  opacity: 1 !important;
}
