/* JOAS · Pages La marque, Nos ateliers et Personnalisation : règles propres à ces maquettes
 * (formulaires de demande, cartes de formules, étapes). Chargé après components.css. */
.jo-lbl{font-size:14px;font-weight:700;color:var(--jo-green)}
.jo-lbl em{font-style:normal;font-weight:600;color:var(--jo-ink-soft)}
.jo-fld{display:flex;flex-direction:column;gap:8px;min-width:0}
.jo-inp{width:100%;box-sizing:border-box;height:50px;padding:0 16px;border:0;border-radius:8px;background:var(--jo-rose-pale);font-family:inherit;font-size:16px;color:var(--jo-green)}
.jo-inp::placeholder{color:var(--jo-ink-soft);opacity:1}
.jo-inp:focus{outline:2px solid var(--jo-green);outline-offset:2px}
.jo-inp[aria-invalid="true"]{box-shadow:inset 4px 0 0 var(--jo-error)}
.jo-err{font-size:14px;font-weight:600;color:var(--jo-error)}
.jo-hint{font-size:13px;color:var(--jo-ink-soft)}
.jo-f2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.jo-seg{display:flex;flex-wrap:wrap;gap:10px}
.jo-segb{flex:1 1 150px;min-height:50px;padding:8px 16px;border:0;border-radius:8px;background:var(--jo-rose-pale);font-family:inherit;font-size:16px;font-weight:700;color:var(--jo-green);cursor:pointer}
.jo-est{display:flex;flex-direction:column;gap:2px;padding:14px 18px;background:var(--jo-cream);border-radius:6px;font-size:15px;color:var(--jo-green)}
.jo-est strong{font-size:17px}
.jo-chk{display:flex;gap:12px;align-items:flex-start;padding:0;border:0;background:transparent;font-family:inherit;font-size:15px;line-height:1.5;color:var(--jo-green);text-align:left;cursor:pointer}
.jo-box{flex:none;width:24px;height:24px;border:0;border-radius:6px;background:var(--jo-rose-2);display:flex;align-items:center;justify-content:center}
.jo-box svg{opacity:0}
.jo-cta-d:hover{background:var(--jo-teal) !important}
@media (max-width:1000px){
  .jo-aw3{grid-template-columns:minmax(0,1fr) !important}
  .jo-ast{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (max-width:560px){
  .jo-f2{grid-template-columns:minmax(0,1fr)}
  .jo-ast{grid-template-columns:minmax(0,1fr) !important;gap:32px !important}
  #demande>div>div:last-child{padding:24px 20px !important}
  .jo-aw{padding:28px 22px !important}
}
.jo-ast p,.jo-aw p{text-wrap:balance}
@media (prefers-reduced-motion: no-preference){
  .jo-mband>*{animation:jo-fadein 1s ease .2s both}
}
/* Ajouts du thème : choix et cases natifs habillés comme la maquette */
.jo-segb{position:relative;display:flex;align-items:center;justify-content:center;text-align:center}
.jo-seg-in{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.jo-segb:has(.jo-seg-in:checked){background-color:var(--jo-green) !important;color:var(--jo-white)}
.jo-segb:has(.jo-seg-in:focus-visible){outline:2px solid var(--jo-green);outline-offset:2px}
.jo-chk{position:relative}
.jo-chk-in{position:absolute;opacity:0;width:24px;height:24px;margin:0;cursor:pointer}
.jo-chk-in:checked+.jo-box{background-color:var(--jo-green) !important;border-color:var(--jo-green) !important}
.jo-chk-in:checked+.jo-box svg{opacity:1}
.jo-chk-in:focus-visible+.jo-box{outline:2px solid var(--jo-green);outline-offset:2px}
[data-jo-group][aria-invalid="true"] .jo-segb{box-shadow:inset 4px 0 0 var(--jo-error)}
select.jo-inp{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23014551' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:44px}
.jo-est:empty,.jo-est:not(:has(strong:not(:empty))){display:none}
[data-jo-when][hidden]{display:none !important}
[data-jo-sent]:focus{outline:none}
.jo-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}
/* Personnalisation : « Les chouchoux du moment » sur fond blanc */
.jo-pg-personnalisation #chouchoux{background-color:var(--jo-white) !important}