/*
 * Bandeau cookies Complianz habillé Kerbone — 2026-10-08.
 * Paul : « pas très sexy, fait cheap » (fenêtre centrée sur le titre, 3 gros boutons gris, police système).
 * → petite carte flottante en bas à gauche, Open Sans, Accepter / Refuser de même poids (exigence CNIL :
 *   refuser aussi simple qu'accepter), « Personnaliser » en lien discret. CSS seul : aucune option en base.
 * Les sélecteurs passent par #cmplz-cookiebanner-container pour battre la feuille par défaut du plugin.
 */
#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show:not(.cmplz-hidden):not(.cmplz-dismissed) {
	position: fixed !important;
	inset: auto auto 24px 24px !important;
	transform: none !important;
	width: 380px !important;
	max-width: calc(100vw - 32px) !important;
	max-height: calc(100vh - 48px) !important;
	margin: 0 !important;
	padding: 22px 22px 16px !important;
	display: flex !important;
	flex-direction: column;
	gap: 0 !important;
	background: #fff !important;
	border: 1px solid #e4e7ee !important;
	border-radius: 18px !important;
	box-shadow: 0 24px 60px -24px rgba(11, 29, 82, 0.35), 0 2px 6px rgba(11, 29, 82, 0.06) !important;
	font-family: var(--font, 'Plus Jakarta Sans', sans-serif) !important;
	color: #0b1d52 !important;
	z-index: 99999 !important;
	overflow: auto;
	animation: kv2-cookies-in 0.45s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}
@keyframes kv2-cookies-in {
	from { opacity: 0; transform: translateY(14px); }
	to   { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
	#cmplz-cookiebanner-container .cmplz-cookiebanner { animation: none; }
}
/* pas de voile ni de mur de consentement */
.cmplz-soft-cookiewall, #cmplz-cookiebanner-container .cmplz-cookiebanner-overlay { display: none !important; }

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-logo,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-divider { display: none !important; }

/* en-tête : pastille + titre + fermer */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header {
	display: flex !important; align-items: center; gap: 10px; margin: 0 0 8px !important; padding: 0 !important;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title {
	display: flex !important; align-items: center; gap: 10px;
	font: 700 15px/1.2 var(--font, 'Plus Jakarta Sans', sans-serif) !important; color: #0b1d52 !important;
	text-align: left !important; margin: 0 !important; flex: 1;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title::before {
	content: ""; flex: none; width: 28px; height: 28px; border-radius: 9px;
	background: #e8f2fb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f76c2' stroke-width='2' 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 14v.01'/%3E%3C/svg%3E") center / 16px no-repeat;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close {
	width: 28px !important; height: 28px !important; border-radius: 8px; display: grid !important; place-items: center;
	color: #8a93a5 !important; transition: background 0.2s, color 0.2s;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close:hover { background: #f1f3f7; color: #0b1d52 !important; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close svg { width: 11px !important; height: 14px !important; }

/* texte */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body { margin: 0 !important; padding: 0 !important; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message {
	font: 400 13px/1.55 var(--font, 'Plus Jakarta Sans', sans-serif) !important; color: #5b6577 !important;
	text-align: left !important; margin: 0 !important; padding: 0 !important;
}

/* boutons : Accepter / Refuser côte à côte, même taille ; Personnaliser en lien */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons {
	display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px !important; margin: 16px 0 0 !important; padding: 0 !important;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn {
	height: 42px !important; min-height: 0 !important; width: auto !important; margin: 0 !important; padding: 0 14px !important;
	border-radius: 10px !important; font: 600 13.5px/1 var(--font, 'Plus Jakarta Sans', sans-serif) !important; letter-spacing: 0 !important;
	transition: background 0.2s, border-color 0.2s, color 0.2s; cursor: pointer;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept {
	background: #0b1d52 !important; border: 1px solid #0b1d52 !important; color: #fff !important;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover { background: #003dd5 !important; border-color: #003dd5 !important; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-deny {
	background: #fff !important; border: 1px solid #cfd6e1 !important; color: #0b1d52 !important;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover { border-color: #0b1d52 !important; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences {
	grid-column: 1 / -1; height: 30px !important; background: none !important; border: 0 !important;
	color: #003dd5 !important; font-weight: 600 !important; text-decoration: underline; text-underline-offset: 3px;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences {
	height: 42px !important; background: #0b1d52 !important; color: #fff !important; text-decoration: none; border-radius: 10px !important;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-hidden,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-hidden { display: none !important; }

/* liens documents : une ligne discrète */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links.cmplz-documents {
	margin: 6px 0 0 !important; padding: 0 !important;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents ul {
	display: flex !important; flex-wrap: wrap; justify-content: center; gap: 4px 16px; margin: 0 !important; padding: 0 !important; list-style: none;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents li { margin: 0 !important; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-link {
	font: 500 11.5px/1.4 var(--font, 'Plus Jakarta Sans', sans-serif) !important; color: #8a93a5 !important; text-decoration: none !important;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-link:hover { color: #0b1d52 !important; text-decoration: underline !important; }

/* catégories (vue « Personnaliser ») */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories { margin: 14px 0 0 !important; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category {
	background: #f6f8fb !important; border-radius: 10px !important; margin: 0 0 6px !important;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-title,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-always-active { font: 600 13px var(--font, 'Plus Jakarta Sans', sans-serif) !important; color: #0b1d52 !important; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-always-active { color: #1f9d63 !important; font-size: 12px !important; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-description { font: 400 12px/1.5 var(--font, 'Plus Jakarta Sans', sans-serif) !important; color: #5b6577 !important; }

/* mobile : carte posée en bas, pleine largeur avec marges */
@media (max-width: 600px) {
	#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show:not(.cmplz-hidden):not(.cmplz-dismissed) {
		inset: auto 12px 12px 12px !important; width: auto !important; max-width: none !important; padding: 18px 18px 12px !important;
	}
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message { font-size: 13px !important; }
}

/* bouton « Gérer le consentement » (après choix) : petit onglet discret */
#cmplz-manage-consent .cmplz-manage-consent {
	font: 600 12px var(--font, 'Plus Jakarta Sans', sans-serif) !important; background: #0b1d52 !important; color: #fff !important;
	border-radius: 10px 10px 0 0 !important; padding: 8px 14px !important; height: auto !important; box-shadow: 0 -4px 16px rgba(11, 29, 82, 0.15);
}

/* Après un choix, Complianz passe le bandeau en .cmplz-dismissed : il doit disparaître (correctif 2026-10-08). */
#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-dismissed,
#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-hidden { display: none !important; animation: none !important; }