/* ============================================================
   Harmonisation SumoSelect avec les champs du formulaire.
   Reutilise les variables --gd-* definies dans le <style> de
   signform.php3 (police Inter, radius, bordure, focus).
   ============================================================ */
.formrightbck .SumoSelect { width:420px; max-width:100%; }

/* Boite de selection : meme look que les <select> natifs */
.formrightbck .SumoSelect > .CaptionCont {
	font-family: var(--gd-font);
	font-size: 14px;
	color: #222;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 10px center;
	border: 1px solid var(--gd-border);
	border-radius: var(--gd-radius);
	padding: 8px 30px 8px 10px;
	box-sizing: border-box;
	margin: 0;
	min-height: 0;
}
.formrightbck .SumoSelect > .CaptionCont > span { color: #222; padding-right: 0; }
.formrightbck .SumoSelect > .CaptionCont > span.placeholder { color: #888; font-style: normal; }

/* Masque la fleche interne de SumoSelect (on utilise le chevron ci-dessus) */
.formrightbck .SumoSelect > .CaptionCont > label { display: none; }

/* Etat ouvert / focus : meme surbrillance que les champs natifs */
.formrightbck .SumoSelect.open > .CaptionCont,
.formrightbck .SumoSelect:focus > .CaptionCont {
	border-color: var(--gd-border-focus);
	box-shadow: 0 0 0 3px var(--gd-focus-ring);
}

/* Cases a cocher des options : position corrigee (evite le rognage a gauche) */
.SumoSelect > .optWrapper.multiple > .options li.opt { padding-left: 44px; }
.SumoSelect > .optWrapper.multiple > .options li.opt span {
	margin-left: 0 !important;
	left: 14px !important;
	width: 22px !important;
}