/* ------------------------------------------------------------------------------------------------------------------------------
   Bandeau de consentement cookies (site-wide) — responsive, charte graphique Blokkus
   ------------------------------------------------------------------------------------------------------------------------------ */

.bk-cookie-banner{
	position:fixed;
	left:0;right:0;bottom:0;
	z-index:1200;
	display:flex;
	justify-content:center;
	padding:0 16px 16px;
	pointer-events:none;
	opacity:0;
	transform:translateY(16px);
	transition:opacity .3s ease, transform .3s ease;
}

.bk-cookie-banner.is-visible{
	pointer-events:auto;
	opacity:1;
	transform:translateY(0);
}

.bk-cookie-banner-inner{
	width:100%;
	max-width:920px;
	background:var(--blokkus-surface, #ffffff);
	border-radius:16px;
	border:1.5px solid var(--blokkus-line, #e1e1e4);
	box-shadow:0 12px 40px rgba(28,40,92,0.18);
	padding:24px 28px;
	display:flex;
	align-items:center;
	gap:24px;
	flex-wrap:wrap;
}

.bk-cookie-banner-text{
	flex:1 1 320px;
	font-family:var(--blokkus-font-body);
	color:var(--blokkus-muted, #3f4f74);
	font-size:0.95em;
	line-height:1.5;
}

.bk-cookie-banner-text strong{
	display:block;
	font-family:var(--blokkus-font-heading);
	color:var(--blokkus-deep, #1c285c);
	font-size:1.15em;
	font-weight:700;
	margin-bottom:4px;
}

.bk-cookie-banner-text p{ margin:0; }
.bk-cookie-banner-text a{ color:var(--blokkus-deep, #1c285c); text-decoration:underline; }

.bk-cookie-banner-actions{
	display:flex;
	gap:12px;
	flex-wrap:wrap;
	flex:0 0 auto;
}

.bk-cookie-banner-actions .btn-main,
.bk-cookie-banner-actions .btn-ghost{
	padding:12px 24px;
	font-size:0.85em;
	white-space:nowrap;
}

@media (max-width:700px){
	.bk-cookie-banner{padding:0 10px 10px;}
	.bk-cookie-banner-inner{flex-direction:column;align-items:stretch;padding:20px;gap:14px;}
	/* En layout colonne, flex-basis s'applique à la hauteur : on le désactive pour éviter un texte "étiré" avec un grand vide avant les boutons */
	.bk-cookie-banner-text{flex:none;width:100%;}
	.bk-cookie-banner-actions{flex-direction:column-reverse;flex:none;gap:10px;}
	.bk-cookie-banner-actions .btn-main,
	.bk-cookie-banner-actions .btn-ghost{width:100%;text-align:center;}
}