/* Bandeau d'accord : couleurs et polices du thème (palette du socle), valeurs de secours sinon. */
.vc-bandeau{
	--vc-fond:var(--wp--preset--color--surface,#fff);
	--vc-encre:var(--wp--preset--color--encre,#1d1d1b);
	--vc-doux:var(--wp--preset--color--doux,#55534e);
	--vc-accent:var(--wp--preset--color--accent,#1d1d1b);
	--vc-filet:var(--wp--preset--color--filet,rgba(0,0,0,.14));
	position:fixed;z-index:1000;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));
	box-sizing:border-box;padding:20px 20px 18px;
	background:var(--vc-fond);color:var(--vc-encre);
	border:1px solid var(--vc-filet);border-top:4px solid var(--vc-accent);border-radius:8px;
	box-shadow:0 18px 48px -12px rgba(0,0,0,.28),0 2px 6px rgba(0,0,0,.06);
	font-family:var(--wp--preset--font-family--texte,system-ui,sans-serif);font-size:15px;line-height:1.5;
	opacity:0;transform:translateY(16px);
	transition:opacity .24s cubic-bezier(.2,.8,.2,1),transform .24s cubic-bezier(.2,.8,.2,1);
}
.vc-bandeau[hidden]{display:none}
.vc-bandeau.vc-visible{opacity:1;transform:none}
.vc-titre{margin:0 0 6px;font-family:var(--wp--preset--font-family--titre,inherit);font-size:19px;line-height:1.2;font-weight:600;color:var(--vc-encre)}
.vc-texte{margin:0 0 16px;color:var(--vc-doux)}
.vc-texte a{color:var(--vc-encre);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
/* Refuser et Accepter : exactement le même style (CNIL) */
.vc-choix{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vc-choix button{
	min-height:46px;padding:10px 16px;margin:0;
	background:transparent;color:var(--vc-encre);
	border:1.5px solid var(--vc-encre);border-radius:4px;
	font:600 15px/1.2 var(--wp--preset--font-family--texte,system-ui,sans-serif);
	cursor:pointer;-webkit-tap-highlight-color:transparent;
	transition:background-color .15s,color .15s;
}
.vc-choix button:active{background:var(--vc-encre);color:var(--vc-fond)}
.vc-choix button:focus-visible{outline:3px solid var(--vc-accent);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.vc-choix button:hover{background:var(--vc-encre);color:var(--vc-fond)}}
@media (min-width:700px){.vc-bandeau{left:24px;right:auto;bottom:24px;width:400px}}
@media (prefers-reduced-motion:reduce){.vc-bandeau{transition:none;transform:none}}
@media print{.vc-bandeau{display:none!important}}
/* Deux usages (mesure d'audience et publicité, 01/11/2026) : trois boutons de même style, et le détail à cocher */
/* Refuser et Accepter côte à côte, au même niveau ; Personnaliser (ou Enregistrer) en dessous, sur toute la largeur */
.vc-choix > [data-vc="choisir"],.vc-choix > [data-vc="garder"]{grid-column:1 / -1;order:2}
.vc-choix button[hidden]{display:none}
.vc-detail{margin:0 0 16px;padding:0;border:0;display:grid;gap:10px}
.vc-detail[hidden]{display:none}
.vc-detail legend{padding:0;font-size:16px}
.vc-detail label{display:flex;gap:10px;align-items:center;min-height:44px;color:var(--vc-encre);cursor:pointer}
.vc-detail input{width:20px;height:20px;margin:0;accent-color:var(--vc-encre);flex:none}