/*
 * Habillage de Tarteaucitron aux couleurs de Captao (fond sombre, accent
 * cyan). Préfixé #tarteaucitronRoot : bat la feuille du plugin sans
 * dépendre de l'ordre de chargement (elle est injectée par JS).
 * Sans scroll dans la Capsule : le bandeau reste compact, en bas.
 */
html #tarteaucitronRoot #tarteaucitronAlertBig {
	background: #0F1523;
	color: #E6EDFB;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	font-family: 'Inter', system-ui, sans-serif;
}
html #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
	color: #E6EDFB;
	font-size: .9rem;
}
html #tarteaucitronRoot #tarteaucitronAlertBig button {
	border-radius: 8px;
	font-family: inherit;
}
html #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2 {
	background: #22D3EE;
	color: #06222A;
}
html #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2,
html #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert,
html #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
	background: transparent;
	color: #E6EDFB;
	border: 1px solid rgba(255, 255, 255, 0.25);
}
html #tarteaucitronRoot #tarteaucitronAlertBig a {
	color: #67E8F9;
}

/* ---- Panneau de préférences (fenêtre ouverte par "Personnaliser" / le lien
   "Cookies") : par défaut blanc et jaune, repris ici en sombre + cyan.
   Préfixe "html #tarteaucitronRoot" : la règle de base de Tarteaucitron
   (#tarteaucitronRoot *) fixe une couleur de texte sur TOUS les
   descendants, il faut plus de spécificité pour la battre. ---- */
html #tarteaucitronRoot * {
	color: #E6EDFB;
	font-family: 'Inter', system-ui, sans-serif;
}
html #tarteaucitronRoot .tarteaucitronH1,
html #tarteaucitronRoot .tarteaucitronH2,
html #tarteaucitronRoot .tarteaucitronH3 {
	color: #fff;
	font-family: 'Space Grotesk', system-ui, sans-serif;
	font-weight: 600;
}
html #tarteaucitronRoot button#tarteaucitronBack {
	background: rgba(6, 10, 18, 0.78);
}
/* Voile blanc posé par Tarteaucitron derrière la fenêtre : remplacé par le fond sombre ci-dessus. */
html #tarteaucitronRoot:before {
	background: transparent !important;
}
/* Le conteneur qui défile (#tarteaucitronServices) porte le fond de TOUTE la
   fenêtre (titre, texte d'intro, boutons, liste) : sinon le haut reste
   transparent et la barre de défilement garde son style clair natif. */
html #tarteaucitronRoot #tarteaucitron #tarteaucitronServices {
	background: #0F1523;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 14px;
	scrollbar-width: thin;
	scrollbar-color: #22D3EE #0F1523;
}
html #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder {
	background: transparent;
	border: 0;
	border-radius: 0;
}
html #tarteaucitronRoot #tarteaucitron #tarteaucitronClosePanel {
	background: #22D3EE;
	color: #06222A;
	border-radius: 8px 8px 0 0;
}
html #tarteaucitronRoot div#tarteaucitronInfo {
	border-color: rgba(255, 255, 255, 0.12);
	color: #93A2C4;
}
html #tarteaucitronRoot #tarteaucitron #tarteaucitronDisclaimer,
html #tarteaucitronRoot .tarteaucitronListCookies,
html #tarteaucitronRoot .tarteaucitronStatusInfo {
	color: #93A2C4;
}
html #tarteaucitronRoot #tarteaucitron a,
html #tarteaucitronRoot #tarteaucitron #tarteaucitronInfo a,
html #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {
	color: #67E8F9;
}
html #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine,
html #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover,
html #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine,
html #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {
	background: transparent;
	border-color: transparent;
}
html #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine {
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
html #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed,
html #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied {
	border-left-color: #22D3EE;
}
html #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button {
	color: #fff;
}

html #tarteaucitronRoot #tarteaucitron #tarteaucitronInfo,
html #tarteaucitronRoot #tarteaucitron #tarteaucitronSave {
	background: transparent;
}
html #tarteaucitronRoot #tarteaucitron .tarteaucitronTitle button,
html #tarteaucitronRoot #tarteaucitron .catToggleBtn,
html #tarteaucitronRoot #tarteaucitron .asCatToggleBtn {
	background: rgba(255, 255, 255, 0.08);
	color: #E6EDFB;
	border-radius: 8px;
}
html #tarteaucitronRoot #tarteaucitron .tarteaucitronTitle button *,
html #tarteaucitronRoot #tarteaucitron .catToggleBtn * {
	color: inherit;
}

/* Boutons Autoriser / Interdire : neutres au repos, cyan quand sélectionnés. */
html #tarteaucitronRoot .tarteaucitronAllow,
html #tarteaucitronRoot .tarteaucitronDeny,
html #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
html #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
html #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed,
html #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied,
html #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2 {
	background: rgba(255, 255, 255, 0.08);
	color: #E6EDFB;
	border-radius: 8px;
}
html #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow,
html #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny,
html #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine button.tarteaucitronAllow,
html #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected,
html #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected,
html #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2.tarteaucitronIsSelected {
	background: #22D3EE;
	color: #06222A;
}
html #tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronAllow *,
html #tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronDeny *,
html #tarteaucitronRoot #tarteaucitronServices_mandatory button.tarteaucitronAllow *,
html #tarteaucitronRoot .tarteaucitronIsSelected * {
	color: #06222A;
}
/* Cases d'état ☐ / ☑ devant Autoriser, Interdire, Tout accepter, Tout refuser :
   Tarteaucitron les fait noires (#000), donc presque invisibles sur un bouton
   gris foncé au repos. Elles suivent maintenant la couleur du texte du bouton
   (claire au repos, foncée quand le bouton est sélectionné en cyan). */
html #tarteaucitronRoot .tarteaucitronCheck::before,
html #tarteaucitronRoot .tarteaucitronCross::before {
	color: currentColor;
}
html #tarteaucitronRoot #tarteaucitron #tarteaucitronPrivacyUrl,
html #tarteaucitronRoot #tarteaucitron #tarteaucitronPrivacyUrlDialog {
	background: transparent;
	color: #67E8F9;
}

/* Icône flottante (retrait du consentement aussi simple que son octroi,
   RGPD : indispensable sur les Capsules, qui n'ont pas de pied de page).
   Pastille discrète à la place du cadenas jaune par défaut : petite,
   translucide, cookie cyan, pleinement visible au survol/focus. Relevée
   au-dessus du bandeau d'installation PWA quand il est affiché (retour
   propriétaire, 30 juillet 2026 : les deux se chevauchaient). */
html #tarteaucitronRoot #tarteaucitronIcon {
	bottom: max(14px, env(safe-area-inset-bottom));
	left: 12px;
}
/* Relevée seulement quand un bandeau d'installation PWA est affiché (il
   n'existe dans la page que pendant son affichage). */
body:has(.mavipro-pwa-banner, .mavipro-espace-install-bar) #tarteaucitronRoot #tarteaucitronIcon {
	bottom: 90px;
}
/* Capsule : icône dans le coin bas-gauche de la carte, symétrique des
   flèches (.nav-arrows de capsule.css : mêmes marges, même taille).
   Variables posées par assets/js/cookie-consent.js. Sans JS : repli sur le
   coin de l'écran. Le décalage au-dessus du bandeau PWA (plus haut) reste
   prioritaire quand il est affiché. */
html body.mavipro-capsule-page:not(:has(.mavipro-pwa-banner)) #tarteaucitronRoot #tarteaucitronIcon {
	left: calc(var(--mavipro-cap-left, -1.4rem) + 1.4rem);
	bottom: calc(var(--mavipro-cap-bottom, 0px) + 1.1rem);
}
html body.mavipro-capsule-page #tarteaucitronRoot #tarteaucitronIcon #tarteaucitronManager {
	width: 42px;
	height: 42px;
}
@media (max-width: 820px) {
	html body.mavipro-capsule-page:not(:has(.mavipro-pwa-banner)) #tarteaucitronRoot #tarteaucitronIcon {
		left: calc(var(--mavipro-cap-left, -1.1rem) + 1.1rem);
		bottom: calc(var(--mavipro-cap-bottom, 0px) + .9rem);
	}
	html body.mavipro-capsule-page #tarteaucitronRoot #tarteaucitronIcon #tarteaucitronManager {
		width: 36px;
		height: 36px;
	}
}
html #tarteaucitronRoot #tarteaucitronIcon #tarteaucitronManager {
	/* block + border-box : sinon le conteneur dépasse le bouton (espace de
	   ligne sous un inline-block) et l'icône ne s'aligne pas sur la carte. */
	display: block;
	box-sizing: border-box;
	width: 34px;
	height: 34px;
	padding: 0;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.18);
	background: rgba(15, 21, 35, 0.78) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2367E8F9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5'/%3E%3Cpath d='M8.5 8.5v.01M16 15.5v.01M12 12v.01M11 17v.01M7 13v.01'/%3E%3C/svg%3E") center / 18px 18px no-repeat;
	opacity: 0.55;
	transition: opacity 0.2s;
}
html #tarteaucitronRoot #tarteaucitronIcon #tarteaucitronManager:hover,
html #tarteaucitronRoot #tarteaucitronIcon #tarteaucitronManager:focus-visible {
	opacity: 1;
}
html #tarteaucitronRoot #tarteaucitronIcon #tarteaucitronManager img {
	display: none;
}
html #tarteaucitronRoot .tarteaucitronPlus::before {
	color: #67E8F9;
}

/* Lien "Cookies" des pieds de page : neutralise le style natif de <button>. */
.mavipro-site-foot__legal button.mavipro-cookie-open {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	font: inherit;
	font-size: .82rem;
	color: var(--msf-text-dim);
	cursor: pointer;
}
.mavipro-site-foot__legal button.mavipro-cookie-open:hover {
	color: var(--msf-cyan-soft);
}

/* Message affiché à la place d'un embed tiers tant que le visiteur ne l'a
   pas autorisé (voir capsule.js). Se positionne dans .media__frame, qui
   est en position: relative. */
.media__consent {
	position: absolute;
	inset: 0;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: .8rem;
	padding: 1rem;
	text-align: center;
	background: rgba(10, 12, 16, 0.92);
	color: #E6EDFB;
	font-size: .85rem;
}
.media__consent button {
	padding: .55rem 1.1rem;
	border: none;
	border-radius: 8px;
	background: #22D3EE;
	color: #06222A;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}
