/* Werkbund Mitglieder Anmeldung – minimal, kompatibel zu wb-ui-kit / wes-public */
:root{
  --wma-card-bg: rgba(255,255,255,.78);
  --wma-card-border: rgba(15,23,42,.10);
  --wma-text: #0f172a;
  --wma-muted: rgba(15,23,42,.68);
  --wma-green: #0B6B3A;
  --wma-orange: #E07A2F;
}

.wma-wrap{max-width:980px;margin:0 auto;padding:14px 16px;}
.wma-card{background:var(--wma-card-bg);border:1px solid var(--wma-card-border);border-radius:18px;padding:18px 18px 16px;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);}
.wma-title{font-size:clamp(22px,3.2vw,30px);line-height:1.08;margin:0 0 10px;color:var(--wma-text);letter-spacing:-.02em;}
.wma-note{margin:0 0 14px;color:var(--wma-muted);}
.wma-grid{display:grid;grid-template-columns:1fr;gap:12px;}
@media(min-width:720px){.wma-grid{grid-template-columns:1fr 1fr;gap:12px 16px;}}

.wma-field label{display:block;font-weight:600;font-size:13px;margin:0 0 6px;color:var(--wma-text);}
.wma-field input[type="text"],
.wma-field input[type="email"],
.wma-field input[type="url"],
.wma-field input[type="tel"],
.wma-field input[type="date"],
.wma-field textarea,
.wma-field select{width:100%;padding:12px 12px;border-radius:12px;border:1px solid rgba(15,23,42,.14);background:rgba(255,255,255,.86);color:var(--wma-text);outline:none;}
.wma-field textarea{min-height:140px;resize:vertical;}
.wma-field input:focus,
.wma-field input[type="date"]:focus,
.wma-field textarea:focus{border-color:rgba(11,107,58,.45);box-shadow:0 0 0 4px rgba(11,107,58,.12);}

.wma-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;}

/* Basis-Button – höhere Spezifität gegen Kadence-Reset */
.wma-wrap .wma-btn,
.wma-wrap button.wma-btn{
  appearance:none;
  border:1px solid rgba(15,23,42,.14);
  background:rgba(255,255,255,.85);
  border-radius:999px;
  padding:10px 20px;
  font-weight:600;
  font-size:15px;
  line-height:1.4;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
}

/* Primary – schlägt var(--wb-text) / var(--global-palette4) */
.wma-wrap .wma-btn--primary,
.wma-wrap button.wma-btn--primary,
.wma-wrap button.wma-btn.wma-btn--primary{
  background:var(--wma-green)!important;
  color:#ffffff!important;
  border-color:rgba(0,0,0,.08)!important;
}
.wma-wrap .wma-btn--primary:hover,
.wma-wrap button.wma-btn--primary:hover{filter:brightness(.97);}

.wma-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--wma-muted);}
.wma-check input{margin-top:2px;}

/* Checkbox row with optional tooltip (responsive) */
.wma-checkrow{position:relative;display:flex;gap:10px;align-items:flex-start;}
.wma-checkrow .wma-check{flex:1;}
.wma-tip{appearance:none;border:1px solid rgba(15,23,42,.14);background:rgba(255,255,255,.70);width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto;margin-top:1px;color:rgba(15,23,42,.70);}
.wma-tip:hover{background:rgba(255,255,255,.85);}
.wma-tip:focus{outline:none;}
.wma-tip:focus-visible{box-shadow:0 0 0 4px rgba(11,107,58,.14);border-color:rgba(11,107,58,.35);}
.wma-tip__i{font-weight:900;font-size:14px;line-height:1;}

.wma-tip__bubble{position:absolute;right:0;top:100%;margin-top:8px;z-index:20;max-width:min(440px, calc(100vw - 44px));background:rgba(255,255,255,.92);border:1px solid rgba(15,23,42,.12);border-radius:14px;padding:10px 12px;color:var(--wma-text);font-size:13px;line-height:1.35;box-shadow:0 18px 48px rgba(15,23,42,.18);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);}
.wma-tip__bubble a{color:var(--wma-green);text-decoration:underline;}
.wma-tip__bubble:before{content:"";position:absolute;right:10px;top:-6px;width:12px;height:12px;background:rgba(255,255,255,.92);border-left:1px solid rgba(15,23,42,.12);border-top:1px solid rgba(15,23,42,.12);transform:rotate(45deg);}

@media(max-width:520px){
  .wma-checkrow{flex-wrap:wrap;}
  .wma-tip{margin-top:0;}
  .wma-tip__bubble{left:0;right:auto;max-width:calc(100vw - 32px);}
  .wma-tip__bubble:before{left:10px;right:auto;}
}

.wma-notice{border-radius:14px;padding:12px 14px;margin:0 0 14px;border:1px solid rgba(15,23,42,.10);}
.wma-notice--ok{background:rgba(11,107,58,.10);}
.wma-notice--err{background:rgba(224,122,47,.10);}

.wma-status{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:10px 0 14px;}
.wma-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 10px;font-weight:700;font-size:12px;border:1px solid rgba(15,23,42,.12);background:rgba(255,255,255,.65);}
.wma-pill--green{background:rgba(11,107,58,.12);border-color:rgba(11,107,58,.22);}
.wma-pill--orange{background:rgba(224,122,47,.12);border-color:rgba(224,122,47,.22);}

.wma-files{margin-top:8px}
.wma-files a{display:inline-block;margin:6px 10px 0 0}

/* Responsive file inputs (iOS/Android friendly)
   We replace the native "Choose file / No file chosen" layout with our own button + filename.
*/
.wma-file{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.wma-file__input{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.wma-file__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(15,23,42,.14);background:rgba(255,255,255,.85);border-radius:999px;padding:10px 14px;font-weight:700;font-size:13px;cursor:pointer;user-select:none}
.wma-file__btn:focus{outline:none}
.wma-file__btn:focus-visible{box-shadow:0 0 0 4px rgba(11,107,58,.14);border-color:rgba(11,107,58,.35)}
.wma-file__name{flex:1 1 220px;min-width:180px;font-size:13px;color:var(--wma-muted);white-space:normal;word-break:break-word}
@media(max-width:520px){.wma-file__name{flex-basis:100%;min-width:0}}

/* Mobile refinement: keep the legal form readable and prevent theme styles from hiding date inputs. */
.wma-field input[type="date"]{min-height:46px;-webkit-appearance:none;appearance:none;}
.wma-field--birthdate{position:relative;}
.wma-section-title{margin:18px 0 10px;font-size:13px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:rgba(15,23,42,.58);}
@media(max-width:520px){
  .wma-wrap{padding:10px 10px;}
  .wma-card{padding:16px 14px;border-radius:18px;}
  .wma-field label{font-size:12px;}
  .wma-check{font-size:12px;line-height:1.35;}
}


/* 1.3.11 — Adressfelder */
.wma-field--full {
  grid-column: 1 / -1;
}

/* 1.3.23 — Sichtbare Submit-Buttons auch bei Theme-Overrides und leer gespeicherten Alt-Optionen */
.wma-wrap .wma-actions .wma-btn,
.wma-wrap .wma-actions button.wma-btn,
.wma-wrap .wma-actions .wma-btn.wma-btn--primary,
.wma-wrap .wma-actions button.wma-btn.wma-btn--primary{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  visibility:visible!important;
  opacity:1!important;
  min-height:44px;
  min-width:min(100%, 220px);
  text-indent:0!important;
  white-space:normal;
  text-align:center;
}
.wma-wrap .wma-actions button.wma-btn.wma-btn--primary{
  color:#fff!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:700;
}
.wma-wrap .wma-actions button.wma-btn.wma-btn--primary:focus-visible{
  outline:none;
  box-shadow:0 0 0 4px rgba(11,107,58,.18), 0 12px 28px rgba(15,23,42,.16);
}
@media(max-width:520px){
  .wma-wrap .wma-actions .wma-btn,
  .wma-wrap .wma-actions button.wma-btn{
    width:100%;
  }
}