/*
 * Charte du formulaire professionnel — hdscashcarry.fr, 06/09/2026.
 *
 * L'extension wc-b2b-manager arrive en violet #6c63ff, avec les polices
 * « DM Sans » et « Syne ». Le site est en bleu #22a7df et en Inter : le
 * formulaire d'inscription, page de conversion, detonnait franchement.
 *
 * Toute la couleur de l'extension passe par deux variables CSS : on les
 * redefinit plutot que de bagarrer regle par regle. Les rares valeurs qu'elle
 * code en dur sont reprises ensuite, une par une, et signalees comme telles.
 * Aucun fichier de l'extension n'est modifie : elle reste mettable a jour.
 */

:root {
	--b2b-f-accent: #22a7df;      /* bleu des boutons du site */
	--b2b-f-accent-dark: #1b87b5; /* sa version foncee, pour le survol */
}

/* Le formulaire parlait une autre langue typographique que le reste du site. */
.b2b-f-registration-form,
.b2b-f-registration-form input,
.b2b-f-registration-form select,
.b2b-f-registration-form textarea,
.b2b-f-registration-form button,
.b2b-f-section-title {
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/*
 * DEFAUT CORRIGE : l'extension dessine l'icone d'erreur en ::before sur
 * .b2b-f-error-message, que le message soit rempli ou non. Resultat, seize
 * pastilles rouges affichees en permanence sous les champs d'un formulaire
 * jamais soumis — le visiteur croit avoir tout rate avant d'avoir commence.
 */
.b2b-f-error-message:empty {
	display: none !important;
}

/* Les violets ecrits en dur, hors variables (lignes 218, 330, 464, 554, 556,
   598, 711 et 803 de public.css). */
.b2b-f-input:focus,
.b2b-f-select:focus,
.b2b-f-textarea:focus {
	box-shadow: 0 0 0 3px rgba( 34, 167, 223, .15 );
}

.b2b-f-file-dropzone:hover,
.b2b-f-file-dropzone.b2b-f-drag-over {
	background: rgba( 34, 167, 223, .04 );
}

.b2b-f-submit:hover {
	box-shadow: 0 4px 12px rgba( 34, 167, 223, .3 );
}

.b2b-f-price-mask {
	border: 1px dashed rgba( 34, 167, 223, .4 );
	background: rgba( 34, 167, 223, .04 );
}

.b2b-f-mask-cta:hover,
.b2b-f-pending-cta:hover,
.b2b-f-myaccount-header-icon {
	background: rgba( 34, 167, 223, .08 );
}

/* Le bouton d'envoi reprend le geste des boutons du site. */
.b2b-f-submit {
	background: var( --b2b-f-accent );
	border-radius: 6px;
	letter-spacing: .01em;
}

.b2b-f-submit:hover:not( :disabled ) {
	background: var( --b2b-f-accent-dark );
}

.b2b-f-submit:focus-visible,
.b2b-f-input:focus-visible,
.b2b-f-select:focus-visible {
	outline: 2px solid var( --b2b-f-accent );
	outline-offset: 2px;
}