/* Passage de la maquette au site réel : pleine largeur, sans cadre de présentation. */
body.bblv2{background:#fff}
.bblv2 .stage{display:block;padding:0}
.bblv2 .site{max-width:none;box-shadow:none}

/* champs de formulaire réels, même apparence que les cases de la maquette */
.form input.in,.form textarea.in{display:block;width:100%;padding:0 16px;font:400 18px/1.3 var(--text);color:var(--navy);border-radius:0;outline:none;-webkit-appearance:none;appearance:none}
.form textarea.in{padding:14px 16px;resize:vertical;min-height:140px}
.form .in:focus{border-color:var(--blue)}
.form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form button.btn{border:0;cursor:pointer}
.form .fmsg{font:400 18px/1.4 var(--text);margin:0 0 18px;padding:14px 18px;border-left:4px solid var(--yellow);background:var(--tint);color:var(--navy)}
.form .fmsg.err{border-left-color:#d33}

/* contenu WordPress (articles, pages légales) */
.art .body .wpc{font:400 18px/27px var(--text);color:var(--navy)}
.art .body .wpc p + p,.art .body .wpc p + ul,.art .body .wpc ul + p{margin-top:16px}
.art .body .wpc a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.art .body .wpc ul{padding-left:20px}
.art .body img{height:auto}
.lc .elementor-widget-container > *:first-child{margin-top:0}
.legal > *{min-width:0}

/* titres de bandeau longs : bloc de texte normal (la mise en flex coupait les mots découpés pour l'animation) */
.phero .h1p{display:block;position:relative;padding-left:38px}
.phero .h1p::before{position:absolute;left:0;top:50%;margin-top:-30px}
@container site (max-width:600px){.phero .h1p{padding-left:26px}.phero .h1p::before{margin-top:-20px}}
/* fenêtres « popup » Elementor de l'ancien site (menu plein écran…) : inutiles avec le nouveau design */
.bblv2 .elementor-location-popup,.bblv2 .elementor-popup-modal{display:none !important}
/* l'en-tête collant (sticky) ne fonctionne pas si html/body coupent le débordement avec « hidden » */
html:has(body.bblv2),body.bblv2{overflow-x:clip !important;overflow-y:visible !important}
/* en-tête collant sous la barre d'administration WordPress (visible seulement quand on est connecté) */
.admin-bar .fxh{top:32px}
@media (max-width:782px){.admin-bar .fxh{top:46px}}
@media (max-width:600px){.admin-bar .fxh{top:0}}