/* Alfaruq Login V3.48 — ausschließlich Mobile-Feinschliff
   Desktop bleibt unverändert. */

@media (max-width:760px){
  /* Logo kompakter und sauber abgerundet */
  body.alf347-login .alf347-brand{
    padding:10px 12px 6px !important;
    min-height:0 !important;
  }
  body.alf347-login .alf347-logo{
    width:min(132px,42vw) !important;
    max-width:132px !important;
    height:auto !important;
    margin:0 auto 6px !important;
    border-radius:22px !important;
    overflow:hidden !important;
    box-shadow:0 7px 18px rgba(0,0,0,.18) !important;
    filter:none !important;
  }

  /* Moschee direkt darunter vollständig zeigen */
  body.alf347-login .alf347-middle{
    margin:0 !important;
    padding:0 !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }
  body.alf347-login .alf347-middle:before{
    top:-12px !important;
    height:24px !important;
    border-bottom-width:3px !important;
  }
  body.alf347-login .alf347-mobile-mosque{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    max-height:none !important;
    margin:0 !important;
    object-fit:contain !important;
    object-position:center center !important;
  }

  /* Login-Karte verdeckt das Moscheebild nicht mehr */
  body.alf347-login .alf347-access{
    margin-top:0 !important;
    padding-top:8px !important;
  }
  body.alf347-login .alf347-card{
    margin-top:0 !important;
  }
  body.alf347-login .alf347-user{
    margin:-28px auto 10px !important;
  }
}

@media (max-width:390px){
  body.alf347-login .alf347-logo{
    width:min(118px,40vw) !important;
    max-width:118px !important;
    border-radius:19px !important;
  }
}