/* 1337 — habillage des widgets tiers.
 *
 * Trois plugins posent leur propre interface par-dessus le design : Complianz
 * (bandeau cookies), Chaty (bulle WhatsApp) et reCAPTCHA (badge Google).
 * On ne touche pas a leur logique — uniquement a leur apparence.
 */

/* ==========================================================================
   Complianz — bandeau de consentement
   Le plugin expose ses couleurs en variables CSS : on les redefinit plutot
   que de lutter contre ses selecteurs.

   Attention a l'endroit ou on les redefinit : Complianz ecrit les siennes
   dans un <style> en ligne, place APRES cette feuille. Une redefinition sur
   :root perdrait donc l'arbitrage (meme specificite, la derniere gagne). En
   les posant sur le bandeau lui-meme, l'ancetre le plus proche l'emporte quel
   que soit l'ordre des feuilles, et les valeurs descendent aux boutons par
   heritage. Le bloc :root ne sert qu'aux variables lues hors du bandeau.
   ========================================================================== */

#cmplz-cookiebanner-container .cmplz-cookiebanner,
#cmplz-manage-consent .cmplz-manage-consent,
:root {
	--cmplz_banner_background_color: #0d0618;
	--cmplz_banner_border_color: rgba(255, 255, 255, .13);
	--cmplz_banner_border_width: 1px 1px 1px 1px;
	--cmplz_banner_border_radius: 16px 16px 16px 16px;
	--cmplz_banner_width: 480px;
	--cmplz_text_color: #a596c0;
	--cmplz_hyperlink_color: #9b46ff;
	--cmplz_text_font_size: 13px;
	--cmplz_title_font_size: 14px;
	--cmplz_link_font_size: 12px;
	--cmplz_button_font_size: 12px;
	--cmplz_button_border_radius: 9px 9px 9px 9px;
	--cmplz_button_accept_background_color: #9b46ff;
	--cmplz_button_accept_border_color: #9b46ff;
	--cmplz_button_accept_text_color: #ffffff;
	--cmplz_button_deny_background_color: transparent;
	--cmplz_button_deny_border_color: rgba(255, 255, 255, .2);
	--cmplz_button_deny_text_color: #a596c0;
	--cmplz_button_settings_background_color: transparent;
	--cmplz_button_settings_border_color: rgba(255, 255, 255, .2);
	--cmplz_button_settings_text_color: #a596c0;
	--cmplz_slider_active_color: #9b46ff;
	--cmplz_slider_inactive_color: #4a3d63;
	--cmplz_slider_bullet_color: #ffffff;
	--cmplz_category_header_always_active_color: #8ef07a;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner {
	font-family: "Space Grotesk", sans-serif;
	box-shadow: 0 24px 60px -18px rgba(0, 0, 0, .85);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title {
	font-family: "Chakra Petch", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: #f5eefe;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-divider {
	border-color: rgba(255, 255, 255, .09);
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close { color: #6d5f86; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close:hover { color: #f5eefe; }

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn {
	font-family: "JetBrains Mono", monospace;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	transition: filter .18s, background-color .18s, color .18s, border-color .18s;
}

/* Le bouton d'acceptation reprend le degrade de la marque : la variable du
   plugin ne prend qu'une couleur unie, d'ou cette regle dediee. */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept {
	background: linear-gradient(135deg, #9b46ff, #d31ad1);
	border-color: transparent;
	box-shadow: 0 6px 20px -8px rgba(155, 70, 255, .8);
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover { filter: brightness(1.12); }

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:hover,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover {
	color: #ffffff;
	border-color: rgba(155, 70, 255, .55);
	background-color: rgba(155, 70, 255, .14);
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links .cmplz-link,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents .cmplz-link {
	font-family: "JetBrains Mono", monospace;
	letter-spacing: .04em;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category {
	background-color: rgba(255, 255, 255, .03);
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 10px;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category .cmplz-category-title {
	font-family: "Chakra Petch", sans-serif;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: #f5eefe;
}

/* Onglet « Gerer le consentement » qui reste en bas de page apres le choix. */
#cmplz-manage-consent .cmplz-manage-consent {
	font-family: "JetBrains Mono", monospace;
	font-size: 11px;
	letter-spacing: .1em;
	text-transform: uppercase;
	border-color: rgba(255, 255, 255, .13);
}

/* ==========================================================================
   Chaty — bulle WhatsApp
   Demande : presence discrete. On reduit la pastille et on la laisse en
   retrait tant qu'on ne la survole pas. Elle reste cliquable a tout moment.
   ========================================================================== */

#chaty-widget-0 .chaty-widget { z-index: 9990; }

#chaty-widget-0 .chaty-svg svg,
#chaty-widget-0 .chaty-icon svg {
	width: 34px;
	height: 34px;
}

#chaty-widget-0 .chaty-channel .chaty-link {
	opacity: .42;
	filter: saturate(.75);
	box-shadow: none;
	transition: opacity .25s ease, filter .25s ease;
}

#chaty-widget-0:hover .chaty-channel .chaty-link,
#chaty-widget-0 .chaty-channel .chaty-link:focus-visible {
	opacity: 1;
	filter: none;
}

/* Les animations d'appel du plugin (pulsation, rebond) attirent l'oeil en
   permanence : on les coupe, la bulle se contente d'etre la. */
#chaty-widget-0 .chaty-svg,
#chaty-widget-0 .chaty-icon,
#chaty-widget-0 .chaty-channel {
	animation: none !important;
}

/* Bulle de texte au survol, alignee sur la typographie du site. */
#chaty-widget-0 .chaty-tooltip:before,
#chaty-widget-0 .chaty-tooltip:after {
	font-family: "JetBrains Mono", monospace !important;
	font-size: 11px !important;
	letter-spacing: .05em;
	background-color: #12071f !important;
	color: #f5eefe !important;
	border-radius: 8px !important;
}

@media (max-width: 640px) {
	#chaty-widget-0 .chaty-svg svg,
	#chaty-widget-0 .chaty-icon svg { width: 30px; height: 30px; }
	#chaty-widget-0 .chaty-channel .chaty-link { opacity: .5; }
}

/* ==========================================================================
   reCAPTCHA — badge flottant
   Google autorise a masquer le badge a condition d'afficher la mention
   d'attribution : elle est dans le pied de page (inc/footer.php).
   Reference : https://developers.google.com/recaptcha/docs/faq
   ========================================================================== */

.grecaptcha-badge {
	visibility: hidden;
}