/* DaCardVault 5.6.0-step2
   Mobiele gast-home/login styling. Veilig additief: overschrijft geen bestaande CSS.
   Koppel dit bestand in je centrale header of login/home template:
   <link rel="stylesheet" href="/assets/css/dcv-mobile-guest.css?v=560-step2">
*/
@media (max-width: 768px) {
  body:not(.is-authenticated) .dcv-guest-logo,
  body:not(.logged-in) .dcv-guest-logo,
  .dcv-mobile-guest-logo {
    width: 70%;
    max-width: 320px;
    height: auto;
    display: block;
    margin: 28px auto 14px auto;
  }

  .dcv-mobile-guest-intro {
    width: min(92%, 520px);
    margin: 0 auto 18px auto;
    text-align: center;
    font-size: 1.05rem;
    line-height: 1.55;
    color: #1f2937;
  }

  .dcv-mobile-guest-card {
    width: min(92%, 520px);
    margin-left: auto;
    margin-right: auto;
  }
}


/* DaCardVault 5.6.0-step5 - Mobile guest homepage polish */
.dcv-home-hero{text-align:center;overflow:hidden}.dcv-home-hero h1{margin:0 0 10px;font-size:clamp(2rem,5vw,3.25rem);line-height:1.05;letter-spacing:-.045em}.dcv-home-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:18px 0 20px}.dcv-home-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px auto;max-width:820px;text-align:left}.dcv-home-features div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:14px}.dcv-home-features b,.dcv-home-features span{display:block}.dcv-home-features span{margin-top:4px;color:#6b7280;font-size:.94rem}
@media(max-width:768px){.is-guest .top,.not-logged-in .top{padding-top:10px}.is-guest .brand,.not-logged-in .brand{display:none!important}.dcv-home-hero{border:0;box-shadow:none;background:transparent;padding-top:4px}.dcv-mobile-guest-logo,.dcv-guest-logo{width:70%!important;max-width:330px!important;max-height:none!important;border-radius:24px}.dcv-mobile-guest-intro{font-size:1.08rem;color:var(--txt,#111827)}.dcv-home-actions .btn{width:min(92vw,360px)}.dcv-home-features{grid-template-columns:1fr;width:min(92%,520px);text-align:center}}