/* Simul'Aide — habillage des pages de formulaire WPForms (AFH Code). Apparence seulement : aucun champ modifié. */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;src:url(fonts/bricolage-grotesque-latin-wght-normal.woff2) format('woff2')}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/instrument-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/instrument-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/instrument-sans-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-mono-latin-600-normal.woff2) format('woff2')}

body.wpforms-form-page-modern{--sa-or:#f39321;--sa-ink:#fff;--sa-soft:#d5def0;--sa-dim:#9db0cf;--sa-line:rgba(255,255,255,.16);--sa-tx:'Instrument Sans','Segoe UI',sans-serif;--sa-dp:'Bricolage Grotesque','Arial Narrow',sans-serif;
  background:#050d22!important}
body.wpforms-form-page-modern #wpforms-form-page-page{border-top:0!important;padding:0 16px;min-height:100vh;font-family:var(--sa-tx)!important;color:var(--sa-soft);
  background:radial-gradient(120% 70% at 85% 0%,rgba(58,116,224,.35),transparent 60%),radial-gradient(90% 60% at 0% 100%,rgba(243,147,33,.16),transparent 60%),linear-gradient(180deg,#0a2550 0%,#050d22 70%)!important;background-attachment:fixed!important}
body.wpforms-form-page-modern #wpforms-form-page-page :is(h1,h2,h3,label,span,button,input,select,textarea,p,li,div){font-family:var(--sa-tx)!important}

/* carte */
body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-form-page-wrap{margin:48px auto 0!important;padding:28px 40px 26px;max-width:760px;border-radius:24px;
  background:rgba(8,20,48,.62)!important;border:1px solid var(--sa-line);box-shadow:0 30px 80px rgba(0,0,0,.45)!important;color:var(--sa-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-form-page-main{padding-top:0}

/* logo : Simul'Aide */
body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-custom-logo{display:flex;align-items:center;justify-content:center;gap:0;margin:0 0 22px;min-height:64px;
  background:url(logo-simulaide-f50803a0.webp) right center/auto 64px no-repeat;padding-right:140px;width:max-content;max-width:100%;margin-inline:auto}
body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-custom-logo img{display:none!important}
body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-custom-logo::before,body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-custom-logo::after{font:800 34px/1 var(--sa-dp);letter-spacing:-.02em}
body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-custom-logo::before{content:"Simul'";color:#fff}
body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-custom-logo::after{content:"Aide";color:var(--sa-or);margin-right:14px}

/* textes */
body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-title{color:#fff!important;font:800 30px/1.1 var(--sa-dp)!important}
body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-description{color:var(--sa-soft)!important;font-size:16px!important;font-weight:400!important;line-height:1.55;border-bottom:1px solid var(--sa-line)!important;padding-bottom:22px!important;margin-bottom:22px!important;text-align:center}
body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-field-description,body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-field-sublabel{color:var(--sa-dim)!important;font-size:13px!important}
body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-field-divider .wpforms-field-description{text-align:center;font:600 12px/1.4 'IBM Plex Mono',ui-monospace,monospace!important;letter-spacing:.08em;text-transform:uppercase;color:#7ee2a8!important}
body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-field{padding:12px 0!important}
body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-field-label{color:#fff!important;font:700 21px/1.25 var(--sa-dp)!important;margin:0 0 12px!important}
body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-required-label{color:var(--sa-or)!important}
body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-field-label-inline{color:var(--sa-soft)!important;font-size:16px!important;font-weight:500}
body.wpforms-form-page-modern #wpforms-form-page-page a{color:#fff}
body.wpforms-form-page-modern #wpforms-form-page-page .afhf-info,body.wpforms-form-page-modern #wpforms-form-page-page .afhf-info-texte{background:rgba(58,116,224,.16)!important;border:1px solid rgba(130,170,255,.38)!important;color:#d6e4ff!important;border-radius:12px!important}

/* champs de saisie */
body.wpforms-form-page-modern #wpforms-form-page-page :is(input[type=text],input[type=tel],input[type=email],input[type=number],input[type=url],select,textarea){
  background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:12px!important;color:#fff!important;min-height:52px;padding:12px 16px!important;font-size:17px!important;box-shadow:none!important}
body.wpforms-form-page-modern #wpforms-form-page-page :is(input,select,textarea):focus{border-color:var(--sa-or)!important;box-shadow:0 0 0 3px rgba(243,147,33,.28)!important;outline:0}
body.wpforms-form-page-modern #wpforms-form-page-page select option{color:#0a1630}
body.wpforms-form-page-modern #wpforms-form-page-page ::placeholder{color:#fff;opacity:.45}

/* choix à images : tuiles */
body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-image-choices-modern{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-image-choices-modern li{width:auto!important;margin:0!important;padding:0!important;max-width:none!important}
body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-image-choices-modern label{display:flex!important;flex-direction:column;align-items:center;gap:10px;width:100%!important;height:100%;padding:16px 12px!important;border-radius:16px!important;
  background:rgba(255,255,255,.06)!important;border:1px solid var(--sa-line)!important;box-shadow:none!important;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-image-choices-modern label:hover{border-color:rgba(243,147,33,.7)!important;transform:translateY(-2px)}
body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-image-choices-modern .wpforms-image-choices-image{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:#fff;overflow:hidden;margin:0!important}
body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-image-choices-modern .wpforms-image-choices-image img{max-width:84px!important;max-height:84px!important;border-radius:0!important;box-shadow:none!important}
body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-image-choices-modern .wpforms-image-choices-image::after{display:none!important}
body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-image-choices-modern .wpforms-image-choices-label{color:#fff!important;font:700 16px/1.25 var(--sa-tx)!important;text-align:center;margin:0!important}
body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-image-choices-modern li.wpforms-selected label{border-color:var(--sa-or)!important;background:rgba(243,147,33,.16)!important;box-shadow:0 0 0 2px var(--sa-or) inset!important}

/* cases et boutons radio en liste : tuiles */
body.wpforms-form-page-modern #wpforms-form-page-page :is(.wpforms-field-radio,.wpforms-field-checkbox,.wpforms-field-payment-multiple) ul:not(.wpforms-image-choices){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px!important;padding:0!important}
body.wpforms-form-page-modern #wpforms-form-page-page :is(.wpforms-field-radio,.wpforms-field-checkbox,.wpforms-field-payment-multiple) ul:not(.wpforms-image-choices) li{display:flex!important;align-items:center;gap:12px;margin:0!important;padding:14px 16px!important;border-radius:14px;
  background:rgba(255,255,255,.06)!important;border:1px solid var(--sa-line)!important;width:auto!important;max-width:none!important;position:relative;transition:border-color .2s,background .2s}
body.wpforms-form-page-modern #wpforms-form-page-page :is(.wpforms-field-radio,.wpforms-field-checkbox,.wpforms-field-payment-multiple) ul:not(.wpforms-image-choices) li:hover{border-color:rgba(243,147,33,.7)!important}
body.wpforms-form-page-modern #wpforms-form-page-page :is(.wpforms-field-radio,.wpforms-field-checkbox,.wpforms-field-payment-multiple) ul:not(.wpforms-image-choices) li:has(input:checked){border-color:var(--sa-or)!important;background:rgba(243,147,33,.16)!important}
body.wpforms-form-page-modern #wpforms-form-page-page :is(.wpforms-field-radio,.wpforms-field-checkbox,.wpforms-field-payment-multiple) ul:not(.wpforms-image-choices) li label{margin:0!important;cursor:pointer;flex:1;color:#fff!important}
body.wpforms-form-page-modern #wpforms-form-page-page :is(.wpforms-field-radio,.wpforms-field-checkbox,.wpforms-field-payment-multiple) ul:not(.wpforms-image-choices) li label::after{content:"";position:absolute;inset:0}
body.wpforms-form-page-modern #wpforms-form-page-page input[type=radio],body.wpforms-form-page-modern #wpforms-form-page-page input[type=checkbox]{accent-color:var(--sa-or);width:20px;height:20px;margin:0!important;flex:none}

/* boutons */
body.wpforms-form-page-modern #wpforms-form-page-page :is(button.wpforms-page-button,button.wpforms-submit,.wpforms-submit-container button){background:var(--sa-or)!important;color:#1a1205!important;border:0!important;border-radius:999px!important;
  padding:16px 30px!important;min-height:56px;font:700 18px/1 var(--sa-tx)!important;box-shadow:0 12px 30px rgba(243,147,33,.35)!important;cursor:pointer;transition:transform .2s,box-shadow .2s;height:auto!important}
body.wpforms-form-page-modern #wpforms-form-page-page :is(button.wpforms-page-button,button.wpforms-submit):hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(243,147,33,.45)!important}
body.wpforms-form-page-modern #wpforms-form-page-page button.wpforms-page-prev{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:none!important}
body.wpforms-form-page-modern #wpforms-form-page-page :is(.wpforms-pagebreak-left,.wpforms-submit-container){text-align:center!important;padding-top:10px!important}
body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-page-indicator{color:var(--sa-dim)!important}
body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-page-indicator :is(.wpforms-page-indicator-page-progress,.progress-bar){background:var(--sa-or)!important}

/* erreurs, confirmation, pied */
body.wpforms-form-page-modern #wpforms-form-page-page :is(label.wpforms-error,em.wpforms-error,.wpforms-error-container){color:#ffb4a8!important}
body.wpforms-form-page-modern #wpforms-form-page-page input.wpforms-error{border-color:#ff7a66!important}
body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-confirmation-container-full{background:rgba(31,157,91,.18)!important;border:1px solid rgba(126,226,168,.5)!important;color:#fff!important;border-radius:14px}
body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-form-page-footer{color:var(--sa-dim)!important;padding:28px 0 30px!important}
body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-form-page-footer p{opacity:1!important}
body.wpforms-form-page-modern .iti__country-list{background:#0a1630;color:#fff}

@media (max-width:600px){
  body.wpforms-form-page-modern #wpforms-form-page-page{padding:0 10px}
  body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-form-page-wrap{margin-top:16px!important;padding:20px 16px 18px;border-radius:18px}
  body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-custom-logo{padding-right:104px;background-size:auto 48px;min-height:52px;margin-bottom:16px}
  body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-custom-logo::before,body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-custom-logo::after{font-size:26px}
  body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-field-label{font-size:19px!important}
  body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-image-choices-modern{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-image-choices-modern .wpforms-image-choices-image{width:72px;height:72px}
  body.wpforms-form-page-modern #wpforms-form-page-page .wpforms-image-choices-modern .wpforms-image-choices-image img{max-width:62px!important;max-height:62px!important}
  body.wpforms-form-page-modern #wpforms-form-page-page :is(button.wpforms-page-button,button.wpforms-submit){width:100%}
}
