/* assets/css/ultimate-member.css
 *
 * Huisstijl voor Ultimate Member (UM), geladen via inc/membership.php —
 * uitsluitend als die plugin actief is. UM's eigen standaardstijl is een
 * lichte/witte kaartenlook; dit brengt registratie-, login-, profiel- en
 * ledenoverzicht-schermen in dezelfde zwart/gouden huisstijl als de rest
 * van de site. Geschreven tegen UM's stabiele, publiek gedocumenteerde
 * topniveau-klassen. Best-effort zonder live installatie om tegenaan te
 * testen: controleer na installatie of alles klopt.
 */

.um{
  --um-bg:#0e0d0cf5;
  --um-border:#ffffff18;
  font-family:'Inter',sans-serif;
}

/* De hele formulierkaart (registratie/login) in dezelfde donkere
   kaartstijl als .gate/.choice-gate/.quiz elders in het thema */
.um-form,
.um.um-login,
.um.um-register,
.um-profile,
.um-directory{
  background:var(--um-bg)!important;
  border:1px solid var(--um-border)!important;
  border-radius:18px!important;
  box-shadow:0 30px 90px #0008!important;
  color:#fff!important;
}

.um-field-label label,
.um-field-label,
.um p,
.um span{
  color:#c8bfae!important;
}

/* Invoervelden — zelfde donkere pil-stijl als elders in het thema
   (vergelijk .input-line/.quiz-options button) */
.um-form-field,
.um-form input[type=text],
.um-form input[type=email],
.um-form input[type=password],
.um-form input[type=number],
.um-form textarea,
.um-form select{
  background:#141311!important;
  border:1px solid #fff2!important;
  color:#fff!important;
  border-radius:10px!important;
}
.um-form-field:focus,
.um-form input:focus{
  border-color:#e8aa29!important;
  outline:none!important;
}
.um-form-field::placeholder{color:#8e887d!important}

/* Knoppen — dezelfde gouden call-to-action als de rest van de site */
.um-button,
button.um-button,
a.um-button,
.um-login-btn,
.um-modal-btn{
  background:#e8aa29!important;
  color:#111!important;
  border:none!important;
  border-radius:999px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
  font-size:12px!important;
  transition:.2s!important;
}
.um-button:hover{background:#ffd15b!important}

/* Profielpagina: header, tabs en widgets in de themakleuren */
.um-profile-head,
.um-profile-body,
.um-profile-nav{
  background:transparent!important;
  border-color:#ffffff18!important;
}
.um-profile-nav li a{color:#c8bfae!important}
.um-profile-nav li.active a,
.um-profile-nav li a:hover{color:#e8aa29!important}
.um-profile-name,
.um-account-name{
  font-family:'Fraunces',serif!important;
  color:#fff!important;
}

/* Ledenoverzicht (member directory): kaarten in dezelfde stijl als de
   testimonial-/sprekerskaarten elders in het thema */
.um-members-list .um-member,
.um-member{
  background:#11100e!important;
  border:1px solid #fff1!important;
  border-radius:14px!important;
}
.um-member .um-member-name a{color:#fff!important}
.um-member .um-member-name a:hover{color:#e8aa29!important}
.um-member-meta{color:#8e887d!important}

/* Zoek-/filterbalk boven het ledenoverzicht */
.um-search input,
.um-search-form input{
  background:#141311!important;
  border:1px solid #fff2!important;
  color:#fff!important;
  border-radius:999px!important;
}

@media(prefers-reduced-motion:reduce){
  .um-button{transition:none!important}
}