/**
 * Recouvrement de la bannière de consentement Biskoui — identité FTI.
 *
 * Biskoui est un SDK SaaS distant : il n'expose aucune feuille CSS front, mais rend sa bannière en
 * LIGHT DOM (pas de Shadow DOM) sous `#biskoui-mount`, avec des classes sémantiques stables
 * (`biskoui-cookie-banner-*`). Notre CSS les atteint donc directement.
 *
 * Chargé sur tout le site via fti_biskoui_overrides() (functions.php), en priorité tardive pour passer
 * après le style injecté par le SDK. On scope tout sous `#biskoui-mount` (id = forte spécificité) pour
 * gagner sans abuser de `!important` ; quelques propriétés souvent posées en inline par le SDK le
 * portent tout de même. Si un réglage ne « prend » pas, ajoute `!important` sur la propriété concernée.
 *
 * Principe de prudence : on ne touche QU'À l'apparence (couleurs, typo, rayons, espacements, boutons).
 * On ne modifie pas `position` / `z-index` / `display` de l'overlay et du conteneur, gérés par le SDK —
 * pour ne pas casser son fonctionnement (affichage/fermeture).
 *
 * Tokens : bleu de marque via `--p-brand-secondary` (variable globale Elementor), repli `#3889ff`.
 */

/* Palette locale de la bannière — ajuste ici, le reste suit. */
#biskoui-mount .biskoui-cookie-banner {
	--fti-cb-brand: var(--p-brand-secondary, #3889ff);
	--fti-cb-ink: #1f2933;      /* texte principal */
	--fti-cb-muted: #606775;    /* texte secondaire / mentions */
	--fti-cb-border: #d3d3d3;   /* filets, bouton secondaire */
	--fti-cb-surface: #ffffff;  /* fond de la carte */
}

/* ------------------------------------------------------------------ *
 * Overlay / mur de consentement (apparence seulement)
 * ------------------------------------------------------------------ */
#biskoui-mount .biskoui-cookie-banner-wrapper.biskoui-cookie-wall {
	background: rgba(15, 25, 40, 0.55);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
}

/* ------------------------------------------------------------------ *
 * Conteneur de la bannière (carte)
 * ------------------------------------------------------------------ */
#biskoui-mount .biskoui-cookie-banner {
	font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
	color: var(--fti-cb-ink);
	background: var(--fti-cb-surface);
	max-width: 420px;
	padding: 28px 28px 40px; /* padding-bas renforcé : les boutons ne collent plus au bord. Ajuste la 3e valeur. */
	border: 1px solid var(--fti-cb-border);
	box-shadow: 0 12px 40px rgba(15, 25, 40, 0.18);
}

/* Variante « pill » : on aligne le rayon sur un arrondi FTI marqué mais pas rond. */
#biskoui-mount .biskoui-cookie-banner.biskoui-cookie-banner-border-pill {
	border-radius: 16px;
}

#biskoui-mount .biskoui-cookie-banner-home {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

/* ------------------------------------------------------------------ *
 * En-tête (titre) et corps (texte)
 * ------------------------------------------------------------------ */
#biskoui-mount .biskoui-cookie-banner-header {
	font-size: 18px;
	font-weight: 800;
	line-height: 1.3;
	color: var(--fti-cb-ink);
}

#biskoui-mount .biskoui-cookie-banner-body,
#biskoui-mount .biskoui-cookie-banner-body span {
	font-size: 0.9rem;
	line-height: 1.55;
	color: var(--fti-cb-muted);
}

/* Lien « en savoir plus » / note de bas. */
#biskoui-mount .biskoui-cookie-banner-footnote a {
	color: var(--fti-cb-brand);
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Lien discret « Tout refuser » (en tête de bannière). */
#biskoui-mount .biskoui-cookie-banner-link-rejectall button {
	background: none;
	border: 0;
	padding: 0;
	font-size: 0.82rem;
	color: var(--fti-cb-muted);
	text-decoration: underline;
	cursor: pointer;
}
#biskoui-mount .biskoui-cookie-banner-link-rejectall button:hover {
	color: var(--fti-cb-ink);
}

/* ------------------------------------------------------------------ *
 * Boutons principaux (deux boutons « full »)
 * Par défaut : le DERNIER = action primaire (Tout accepter), le PREMIER = secondaire
 * (Personnaliser). Inverse les deux blocs si l'ordre réel diffère chez toi.
 * ------------------------------------------------------------------ */
#biskoui-mount .biskoui-cookie-banner-buttons {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 4px;
}

#biskoui-mount .biskoui-cookie-banner-buttons-full {
	display: block;
	width: 100%;
	padding: 12px 18px;
	font-family: inherit;
	font-size: 0.95rem;
	font-weight: 600;
	line-height: 1.2;
	border-radius: 10px;
	cursor: pointer;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

/* Primaire — plein, bleu de marque (dernier bouton). */
#biskoui-mount .biskoui-cookie-banner-buttons-full:last-child {
	background: var(--fti-cb-brand);
	color: #fff;
	border: 1px solid var(--fti-cb-brand);
}
#biskoui-mount .biskoui-cookie-banner-buttons-full:last-child:hover {
	background: color-mix(in srgb, var(--fti-cb-brand) 85%, #000);
	border-color: color-mix(in srgb, var(--fti-cb-brand) 85%, #000);
}

/* Secondaire — contour (premier bouton). */
#biskoui-mount .biskoui-cookie-banner-buttons-full:first-child {
	background: transparent;
	color: var(--fti-cb-ink);
	border: 1px solid var(--fti-cb-border);
}
#biskoui-mount .biskoui-cookie-banner-buttons-full:first-child:hover {
	border-color: var(--fti-cb-brand);
	color: var(--fti-cb-brand);
}

/* ------------------------------------------------------------------ *
 * Signature « Swiss / by Biskoui » — masquée (à la demande).
 * NB : vérifier les CGU/offre Biskoui ; cette signature est parfois exigée par la licence.
 * ------------------------------------------------------------------ */
#biskoui-mount .biskoui-cookie-banner-signature-wrapper {
	display: none;
}

/* ------------------------------------------------------------------ *
 * Mobile — la carte occupe la largeur avec une marge de sécurité
 * ------------------------------------------------------------------ */
@media (max-width: 767px) {
	#biskoui-mount .biskoui-cookie-banner {
		max-width: none;
		margin: 12px;
		padding: 22px;
	}
}