/* === Custom styles scoped to the LOGIN MODULE only === */
.mod-login input[type="text"],
.mod-login input[type="email"],
.mod-login input[type="password"]{
  border:1px solid #ccc;
  border-radius:6px;
  padding:8px 10px;
  width:100%;
  max-width:220px;
  font-size:.95rem;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.08);
}

.mod-login button,
.mod-login input[type="submit"]{
  background:#3ce63c;  /* green accent to match site buttons */
  color:#000;
  border:0;
  border-radius:6px;
  padding:8px 14px;
  font-weight:700;
  cursor:pointer;
  transition:filter .2s;
}
.mod-login button:hover,
.mod-login input[type="submit"]:hover{ filter:brightness(.9); }

/* Optional: style the "show password" checkbox/label a bit tighter */
.mod-login .form-check,
.mod-login .control-group { margin-top:6px; }

/* === Hide passkey / WebAuthn block in login module === */
.mod-login .webauthn,
.mod-login .passkey,
.mod-login .login-passkey,
.mod-login .webauthn-authenticator,
.mod-login .webauthn-login,
.mod-login a[href*="webauthn"],
.mod-login a[href*="passkey"],
.mod-login img[src*="passkey"],
/* Optional extra safety: tighten spacing after removal */
.mod-login .control-group, 
.mod-login .form-check { margin-bottom: 8px; }



/* SAFE: hide only explicit MFA/passkey UI inside login module */
.mod-login .webauthn,
.mod-login .passkey,
.mod-login .login-passkey,
.mod-login .webauthn-authenticator,
.mod-login .webauthn-login,
.mod-login [class*="webauthn"],
.mod-login [class*="passkey"],
.mod-login [class*="yubi"],
.mod-login a[href*="webauthn"],
.mod-login a[href*="passkey"] {
  display: none !important;
}

/* zet de PDF-container altijd ONDER eerdere floats (zoals je image) */
.pdf-wrap { 
  clear: both;          /* <- belangrijk */
  width: 100%;
  margin: 1rem 0;
}

/* maak 'm groot maar niet ‘oneindig’ */
.pdf-wrap iframe {
  display: block;
  width: 100%;
  height: 80vh;         /* bv. 80% van schermhoogte */
  border: 0;
}

@media (max-width: 900px) {
  .pdf-wrap iframe { height: 70vh; }
}