/* Formulaire RPV, reprend le style des anciens blocs kadence/form. */

.rpv-form{width:100%;max-width:100%;}
.rpv-form *{box-sizing:border-box;}

.rpv-form .rpv-row{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 14px;}
.rpv-form .rpv-col{flex:1 1 min(240px,100%);min-width:0;}
.rpv-form .rpv-col--full{flex:1 1 100%;}

.rpv-form label{display:block;color:#fff;font-weight:600;margin:0 0 6px;line-height:1.4;}
.rpv-form .rpv-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;}

.rpv-form input[type="text"],
.rpv-form input[type="email"],
.rpv-form input[type="tel"],
.rpv-form textarea{
	display:block;width:100%;max-width:100%;
	background:rgba(0,0,0,.31);
	border:0;border-radius:0;
	color:#fff;
	-webkit-text-fill-color:#fff;
	caret-color:#fff;
	padding:12px 14px;
	font-size:16px;line-height:1.5;
	font-family:inherit;
	transition:background .2s ease;
}
.rpv-form textarea{min-height:120px;resize:vertical;}

.rpv-form input::placeholder,
.rpv-form textarea::placeholder{color:rgba(255,255,255,.72);-webkit-text-fill-color:rgba(255,255,255,.72);opacity:1;}

.rpv-form input:focus,
.rpv-form textarea:focus{
	background:rgba(0,0,0,.45);
	outline:2px solid #b89e6f;outline-offset:2px;
}

/* Remplissage automatique du navigateur : Chrome impose sinon un fond clair et un texte noir.
   La transition tres longue empeche l application de son fond, sans recourir a une ombre interne. */
.rpv-form input:-webkit-autofill,
.rpv-form input:-webkit-autofill:hover,
.rpv-form input:-webkit-autofill:focus,
.rpv-form input:-webkit-autofill:active,
.rpv-form textarea:-webkit-autofill,
.rpv-form input:autofill,
.rpv-form textarea:autofill{
	-webkit-text-fill-color:#fff;
	color:#fff;
	caret-color:#fff;
	background-color:rgba(0,0,0,.31);
	transition:background-color 600000s 0s, color 600000s 0s;
}

.rpv-form .rpv-hint{margin:8px 0 0;color:rgba(255,255,255,.8);font-size:14px;line-height:1.5;}

.rpv-form button[type="submit"]{
	display:block;width:100%;
	background:#b89e6f;color:#fff;
	border:0;border-radius:30px;
	padding:14px 24px;
	font-size:16px;font-weight:600;font-family:inherit;
	cursor:pointer;
	transition:background .2s ease;
}
.rpv-form button[type="submit"]:hover,
.rpv-form button[type="submit"]:focus{background:#a5885a;color:#fff;}
.rpv-form button[type="submit"][disabled]{opacity:.6;cursor:progress;}

.rpv-form .rpv-hp{position:absolute !important;left:-9999px !important;top:auto !important;width:1px !important;height:1px !important;overflow:hidden !important;}

.rpv-form .rpv-msg{margin:14px 0 0;padding:0;font-size:16px;line-height:1.5;}
.rpv-form .rpv-msg--ok{padding:12px 16px;border-radius:8px;background:#13612e;color:#fff;}
.rpv-form .rpv-msg--error{padding:12px 16px;border-radius:8px;background:#b82105;color:#fff;}

@media (max-width:600px){
	.rpv-form .rpv-col{flex:1 1 100%;}
}