:is(div.wpforms-container-full, .wp-core-ui div.wpforms-container-full) input:not([type=submit]):not([type=range]):not([type=file]), :is(div.wpforms-container-full, .wp-core-ui div.wpforms-container-full) select { max-height: 39px; } :is(div.wpforms-container-full, .wp-core-ui div.wpforms-container-full) textarea { height: 115px; } :is(div.wpforms-container-full, .wp-core-ui div.wpforms-container-full) input[type=submit], :is(div.wpforms-container-full, .wp-core-ui div.wpforms-container-full) button[type=submit], :is(div.wpforms-container-full, .wp-core-ui div.wpforms-container-full) .wpforms-page-button { border: solid 1px transparent; border-radius: var(--netdev--border-radius); font-family: var(--wp--preset--font-family--acumin-pro-extra-condensed); font-size: 18px; line-height: 15px; padding: 12px 24px; transition: all .1s; } :is(div.wpforms-container-full, .wp-core-ui div.wpforms-container-full) .wpforms-field-file-upload .wpforms-uploader .modern-title { font-family: var(--wp--preset--font-family--jost); font-size: 16px; color: var(--wp--preset--color--dark); } label.wpforms-field-label { font-weight: 400 !important; margin-bottom: 6px !important; } label.wpforms-field-label span { display: none; } .wpforms-field.wpforms-field-file-upload label, div#wpforms-720-field_11-container legend, .wpforms-field.wpforms-field-file-upload label, div#wpforms-1648-field_7-container legend { display: none; } :is(.wpforms-container, .wp-core-ui div.wpforms-container) .wpforms-field { padding: 8px 0; } .wpforms-uploader.wpforms-field-required.dz-clickable { border-style: solid !important; padding: 10px 15px !important; text-align: left; align-items: flex-start; justify-content: flex-start; width: 100%; } .dz-message svg { display: none; } button.wpforms-submit { border-radius: 18px !important; } .contact .wpforms-confirmation-container-full, .recrutement .wpforms-confirmation-container-full { position: static; } /* ─── Modale ────────────────────────────────────────────────────────────────── Les sélecteurs ne dépendent plus de .contact / .recrutement comme ancêtres car la modale est téléportée dans via le portal pattern (JS). On cible directement .nd-modal[data-nd-init="1"] pour éviter tout conflit avec une éventuelle modale non initialisée. ─────────────────────────────────────────────────────────────────────────── */ .nd-modal[data-nd-init="1"] { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; transform: translateZ(0); /* crée un stacking context sans casser le fixed — remplace isolation: isolate */ display: grid; align-items: center; justify-items: center; padding: 20px; } .nd-modal[data-nd-init="1"] .nd-modal__overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(252, 254, 255, 0.75); cursor: pointer; -webkit-tap-highlight-color: transparent; /* supprime le flash bleu au tap sur iOS */ } .nd-modal[data-nd-init="1"] .nd-modal__panel { position: relative; width: 100%; border-radius: 18px; background: var(--wp--preset--color--dark); padding: 50px; text-align: center; box-sizing: border-box; max-height: calc(100vh - 40px); max-height: calc(100dvh - 40px); /* unité dynamique : exclut la barre d'adresse iOS */ overflow-y: auto; -webkit-overflow-scrolling: touch; } @media (min-width: 640px) { .nd-modal[data-nd-init="1"] .nd-modal__panel { width: var(--nd-container-current); } } @media (min-width: 640px) { .nd-modal[data-nd-init="1"] .nd-modal__panel { padding: 80px; } } @media (min-width: 1024px) { .nd-modal[data-nd-init="1"] .nd-modal__panel { padding: 100px; } } .nd-modal[data-nd-init="1"] .nd-modal__panel h2 { color: #ffffff; font-size: 32px !important; margin-top: 0 !important; margin-bottom: var(--wp--preset--spacing--50) !important; } @media (min-width: 640px) { .nd-modal[data-nd-init="1"] .nd-modal__panel h2 { font-size: 44px !important; } } @media (min-width: 1024px) { .nd-modal[data-nd-init="1"] .nd-modal__panel h2 { font-size: 56px !important; } } .nd-modal[data-nd-init="1"] .nd-modal__panel p { color: #ffffff !important; margin-bottom: var(--wp--preset--spacing--50) !important; } /* ─── Scroll lock — compatible iOS Safari ─────────────────────────────────── */ html.nd-modal-open, body.nd-modal-open { overflow: hidden; height: 100%; } body.nd-modal-open { position: fixed; width: 100%; overscroll-behavior: none; } /* ─── Confirmation WPForms (fond transparent) ─────────────────────────────── */ div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) { background: transparent; border: transparent; }