/* WoE.fr - inscription V11.1 : les cinq themes et les futurs themes utilisent
   les variables officielles --paper, --ink, --muted, --accent, --line et --join-ink.
   Aucun fond/couleur du theme actif n'est remplace globalement. */
.public-form .reg-sex-options{
  padding:0;margin:20px 0 22px;border:0;min-width:0;max-width:100%;
  color:var(--ink, #26364b);
}
.public-form .reg-sex-options legend{
  margin:0 0 12px;padding:0;font:700 1.05rem/1.45 Georgia,serif;
  color:var(--ink, #26364b);
}
.public-form .reg-sex-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;
}
.public-form .reg-sex-option{
  display:block;position:relative;min-width:0;margin:0;cursor:pointer;
}
/* Native radios stay accessible (required field, tab, arrows, space) without
   inheriting the base stylesheet's full-width text input presentation. */
.public-form .reg-sex-option input[type="radio"]{
  position:absolute!important;width:1px!important;height:1px!important;
  min-height:0!important;max-width:1px!important;max-height:1px!important;
  padding:0!important;margin:0!important;border:0!important;
  opacity:0;overflow:hidden;clip-path:inset(50%);pointer-events:none;
}
.public-form .reg-sex-card{
  display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;
  border:2px solid var(--accent, #b08a40);border-radius:14px;
  color:var(--ink, #26364b);background:var(--paper, #fffcf4);
  box-shadow:0 3px 12px rgba(0,0,0,.12);
  transition:border-color .18s,box-shadow .18s,transform .18s;
}
.public-form .reg-sex-art{
  display:flex;align-items:center;justify-content:center;min-width:0;
  height:clamp(138px,18vw,222px);overflow:hidden;
  background:radial-gradient(ellipse at 50% 32%,var(--line, rgba(176,138,64,.16)) 0%,transparent 73%);
}
.public-form .reg-sex-art img{
  display:block;width:100%;height:100%;max-height:100%;object-fit:contain;
  object-position:50% 50%;margin:0;filter:drop-shadow(0 4px 5px rgba(0,0,0,.13));
}
.public-form .reg-sex-caption{
  display:flex;align-items:center;justify-content:center;gap:10px;
  min-height:45px;padding:10px 8px;font-size:1rem;line-height:1.3;
  color:var(--ink, #26364b);background:var(--paper, #fffcf4);
  text-align:center;
}
.public-form .reg-sex-caption strong{font-weight:700;color:inherit}
.public-form .reg-sex-tick{
  display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:21px;height:21px;border:2px solid var(--accent, #b08a40);
  border-radius:50%;font:700 13px/1 system-ui,sans-serif;
  color:transparent;background:transparent;
}
.public-form .reg-sex-option input[type="radio"]:checked + .reg-sex-card{
  border-color:var(--accent, #b08a40);
  box-shadow:0 0 0 3px var(--line, rgba(176,138,64,.2)),0 5px 19px rgba(0,0,0,.18);
  transform:translateY(-2px);
}
.public-form .reg-sex-option input[type="radio"]:checked + .reg-sex-card .reg-sex-caption{
  background:var(--accent, #b08a40);
  color:var(--join-ink, #fff);
}
.public-form .reg-sex-option input[type="radio"]:checked + .reg-sex-card .reg-sex-tick{
  border-color:currentColor;color:var(--accent, #b08a40);
  background:var(--join-ink, #fff);
}
.public-form .reg-sex-option input[type="radio"]:focus-visible + .reg-sex-card{
  outline:3px solid var(--accent, #b08a40);outline-offset:4px;
}
@media(hover:hover){
  .public-form .reg-sex-option:hover .reg-sex-card{
    box-shadow:0 6px 22px rgba(0,0,0,.19);
    transform:translateY(-2px);
  }
}
.public-form .reg-v3-message{font-size:.88rem;color:var(--muted,#52647a);margin:9px 0 14px;}
.public-form .reg-v3-error:not([hidden]){margin:9px 0;padding:10px 12px;border-radius:7px;border:1px solid #b43e3e;background:#fff2ef;color:#842424;}
/* reCAPTCHA v3 badge is deliberately visible for Google's disclosure requirements. */
.grecaptcha-badge{z-index:1001!important;}
@media(max-width:520px){
  .public-form .reg-sex-grid{gap:10px}
  .public-form .reg-sex-art{height:clamp(122px,35vw,174px)}
  .public-form .reg-sex-caption{font-size:.94rem;gap:5px;padding:9px 5px}
}
@media(max-width:350px){.public-form .reg-sex-art{height:120px}}
@media(prefers-reduced-motion:reduce){
  .public-form .reg-sex-card{transition:none}
  .public-form .reg-sex-option input[type="radio"]:checked + .reg-sex-card,
  .public-form .reg-sex-option:hover .reg-sex-card{transform:none}
}