#gform_1{ color: var(--wp--preset--color--blanc); font-family: var(--wp--preset--font-family--inter); font-size: var(--wp--preset--font-size--sm); line-height: 24px; } /* Layout général : espacements propres */ #gform_1 .gform-body{ margin: 0; } #gform_1 .gform_fields{ row-gap: 16px; } #gform_1 .gfield{ margin: 0; } /* Titres de champs (labels/legend) */ #gform_1 .gfield_label, #gform_1 .gform-field-label, #gform_1 legend.gfield_label{ color: var(--wp--preset--color--blanc); font-weight: 700; line-height: 1.2; margin-bottom: 6px; } /* Sous-labels (Prénom/Nom) */ #gform_1 .gform-field-label--type-sub{ color: var(--wp--preset--color--lavande); font-weight: 600; font-size: var(--wp--preset--font-size--xs); margin-top: 6px; } /* Texte d’aide */ #gform_1 .gfield_description{ color: var(--wp--preset--color--lavande); font-size: var(--wp--preset--font-size--xs); line-height: 1.4; margin-top: 6px; } /* Compteur textarea */ #gform_1 .ginput_counter{ color: var(--wp--preset--color--lavande); font-size: var(--wp--preset--font-size--xs); } /* Champs : inputs/select/textarea (sobre, cohérent) */ #gform_1 :is(input[type="text"],input[type="email"],input[type="tel"],input[type="url"],select,textarea){ width: 100%; max-width: 100%; box-sizing: border-box; background: var(--wp--preset--color--blanc); color: var(--wp--preset--color--bleu); border: 2px solid var(--wp--preset--color--lavande); border-radius: 12px; padding: 6px 14px; font: inherit; line-height: 1.2; appearance: none; -webkit-appearance: none; } /* Placeholder lisible */ #gform_1 :is(input,textarea)::placeholder{ color: rgba(17, 3, 125, 0.7); } /* Focus : visible + cohérent (ne dépend pas de currentColor) */ #gform_1 :is(input,select,textarea):focus-visible{ outline: 3px solid var(--wp--preset--color--lavande); outline-offset: 2px; border-color: var(--wp--preset--color--bleu); } /* Hover léger */ #gform_1 :is(input,select,textarea):hover{ border-color: var(--wp--preset--color--blanc); } /* Select : petite flèche sobre */ #gform_1 select{ padding-right: 44px; background-image: linear-gradient(45deg, transparent 50%, var(--wp--preset--color--bleu) 50%), linear-gradient(135deg, var(--wp--preset--color--bleu) 50%, transparent 50%); background-position: calc(100% - 18px) calc(50% - 3px), calc(100% - 12px) calc(50% - 3px); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; } /* Groupe Nom Prénom/Nom : gaps propres */ #gform_1 .ginput_container--name{ column-gap: 12px; row-gap: 12px; } /* Checkbox consentement : alignement + cible confortable */ #gform_1 .ginput_container_consent{ display: flex; gap: 10px; align-items: flex-start; } #gform_1 .ginput_container_consent input[type="checkbox"]{ margin-top: 4px; width: 22px; height: 22px; accent-color: var(--wp--preset--color--lavande); } #gform_1 .gfield_consent_label{ color: var(--wp--preset--color--blanc); font-weight: 500; line-height: 1.35; } /* Bouton submit : reprend votre style "core/button" */ #gform_1 .gform_footer{ margin-top: 18px; } #gform_1 .gform_button{ border: 0; border-radius: 100px; background: var(--wp--preset--color--lavande); color: var(--wp--preset--color--bleu); padding: 12px 18px; font-family: var(--wp--preset--font-family--inter); font-weight: 700; font-size: var(--wp--preset--font-size--s); line-height: 1; cursor: pointer; } #gform_1 .gform_button:hover{ filter: brightness(0.95); } #gform_1 .gform_button:focus-visible{ outline: 3px solid var(--wp--preset--color--blanc); outline-offset: 3px; } /* Largeur bouton : éviter votre min-width global WP boutons */ #gform_1 .gform_button{ min-width: 0 !important; width: auto; } /* Required : rendre visible sans rouge agressif */ #gform_1 .gfield_required_text{ color: var(--wp--preset--color--lavande); font-weight: 700; font-size: var(--wp--preset--font-size--xs); } /* Validation / erreurs (Gravity) – sobre mais très visible */ #gform_1 .gfield.gfield_error :is(input,select,textarea){ border-color: var(--wp--preset--color--jaune); } #gform_1 .validation_message, #gform_1 .gfield_validation_message{ color: var(--wp--preset--color--jaune); font-weight: 700; margin-top: 6px; font-size: var(--wp--preset--font-size--xs); } /* Message global */ #gform_1 .validation_error{ background: rgba(251, 255, 208, 0.12); border: 2px solid var(--wp--preset--color--jaune); color: var(--wp--preset--color--blanc); padding: 12px 14px; border-radius: 12px; margin-bottom: 16px; } /* Captcha : éviter marges bizarres */ #gform_1 .ginput_recaptcha{ margin-top: 6px; } /* Responsive : passer en 1 colonne quand GF met des widths */ @media (max-width: 700px){ #gform_1 .gfield.gfield--width-half{ width: 100% !important; } } /* Restaure la flèche native */ #gform_1 .ginput_container_select select{ appearance: auto !important; -webkit-appearance: menulist !important; background-image: none !important; } .gform_validation_errors { background: white !important;}