/* MeHome public auth modal R3.7 — presentation only. */
#authModalOverlay{
  position:fixed!important;inset:0!important;z-index:14000!important;
  width:auto!important;height:auto!important;margin:0!important;padding:20px!important;
  align-items:center!important;justify-content:center!important;
  background:rgba(35,22,17,.56)!important;backdrop-filter:blur(4px)!important;
  overflow:auto!important;
}
#authModalOverlay.active{display:flex!important}

/* Critical responsive repair: a hidden auth card must stay hidden. Earlier
   mobile CSS forced every .modal-card to display:flex!important, which made
   Login + Forgot Password appear at the same time. */
#authModalOverlay #loginModal[style*="display: none"],
#authModalOverlay #forgotModal[style*="display: none"]{display:none!important}
#authModalOverlay #loginModal:not([style*="display: none"]),
#authModalOverlay #forgotModal:not([style*="display: none"]){display:block!important}

#authModalOverlay .modal-card{
  position:relative!important;flex:none!important;width:min(100%,410px)!important;height:auto!important;max-width:410px!important;max-height:calc(100dvh - 40px)!important;
  margin:auto!important;padding:26px!important;overflow:auto!important;
  border:1px solid #e5d8c7!important;border-radius:16px!important;background:#fff!important;
  box-shadow:0 26px 75px rgba(43,25,16,.24)!important;color:#342b25!important;
}
#authModalOverlay .modal-close{
  position:absolute!important;top:13px!important;right:13px!important;z-index:2!important;
  width:30px!important;height:30px!important;margin:0!important;padding:0!important;
  display:grid!important;place-items:center!important;border:0!important;border-radius:50%!important;
  background:#f7f3ed!important;color:#83776d!important;font-size:19px!important;line-height:1!important;cursor:pointer!important;
}
#authModalOverlay .modal-header-nav{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin:0 28px 20px 0!important;padding:0!important;border:0!important}
#authModalOverlay .modal-header-nav h2,#authModalOverlay .forgot-header h2{margin:0!important;color:#342b25!important;font-size:23px!important;font-weight:850!important;line-height:1.15!important;letter-spacing:-.02em!important}
#authModalOverlay .modal-header-nav .sub-link{max-width:150px!important;padding-top:3px!important;color:#7b7067!important;font-size:10.5px!important;line-height:1.45!important;text-align:right!important}
#authModalOverlay .modal-header-nav .sub-link a,#authModalOverlay .forgot-link{color:#a30d17!important;font-weight:800!important;text-decoration:none!important}
#authModalOverlay .social-login-wrap{width:100%!important;margin:0 0 18px!important}
#authModalOverlay .btn-google-login{
  width:100%!important;min-height:44px!important;margin:0!important;padding:0 14px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  border:1px solid #decfbc!important;border-radius:9px!important;background:#fff!important;color:#433a33!important;
  font-size:12px!important;font-weight:750!important;text-decoration:none!important;box-shadow:none!important;
}
#authModalOverlay .btn-google-login svg{width:18px!important;height:18px!important;flex:0 0 18px!important}
#authModalOverlay .divider-text{position:relative!important;width:100%!important;margin:17px 0!important;text-align:center!important}
#authModalOverlay .divider-text::before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:50%!important;height:1px!important;background:#ece4da!important}
#authModalOverlay .divider-text span{position:relative!important;padding:0 11px!important;background:#fff!important;color:#9b9087!important;font-size:10px!important}
#authModalOverlay .auth-form{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;margin:0!important;padding:0!important}
#authModalOverlay .form-group{width:100%!important;margin:0!important;padding:0!important}
#authModalOverlay .form-group input{
  width:100%!important;min-height:44px!important;margin:0!important;padding:0 13px!important;
  border:1px solid #decfbc!important;border-radius:9px!important;background:#fff!important;color:#342b25!important;
  font-size:11.5px!important;line-height:1.3!important;outline:0!important;box-shadow:none!important;
}
#authModalOverlay .form-group input:focus{border-color:#c59736!important;box-shadow:0 0 0 3px rgba(197,151,54,.12)!important}
#authModalOverlay .password-group{position:relative!important;display:block!important}
#authModalOverlay .password-group input{padding-right:42px!important}
#authModalOverlay .password-group .btn-toggle-eye{position:absolute!important;top:50%!important;right:12px!important;transform:translateY(-50%)!important;width:22px!important;height:22px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;background:transparent!important;color:#73839a!important}
#authModalOverlay .password-group .btn-toggle-eye svg{width:19px!important;height:19px!important}
#authModalOverlay .form-action-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;margin:2px 0 0!important}
#authModalOverlay .forgot-link{font-size:10.5px!important;line-height:1.3!important}
#authModalOverlay .btn-submit-blue,#authModalOverlay .btn-full{
  min-height:42px!important;margin:0!important;padding:0 19px!important;border:0!important;border-radius:9px!important;
  background:linear-gradient(118deg,#820912 0%,#ae111b 58%,#dda51e 100%)!important;color:#fff!important;
  font-size:11.5px!important;font-weight:850!important;line-height:1!important;box-shadow:none!important;cursor:pointer!important;
}
#authModalOverlay .btn-full{width:100%!important}
#authModalOverlay .forgot-header{margin:2px 26px 18px!important;padding:0!important;text-align:center!important}
#authModalOverlay .forgot-header p{margin:7px 0 0!important;color:#7b7067!important;font-size:10.5px!important;line-height:1.5!important}
#authModalOverlay .btn-cancel-link{width:100%!important;margin:0!important;padding:8px 0 0!important;border:0!important;background:transparent!important;color:#796e66!important;font-size:10.5px!important;text-align:center!important;cursor:pointer!important}

@media(max-width:600px){
  #authModalOverlay{padding:12px!important;align-items:center!important;justify-content:center!important}
  #authModalOverlay .modal-card{width:100%!important;max-width:390px!important;max-height:calc(100dvh - 24px)!important;margin:auto!important;padding:21px 16px 17px!important;border-radius:15px!important}
  #authModalOverlay .modal-close{top:10px!important;right:10px!important;width:28px!important;height:28px!important;font-size:18px!important}
  #authModalOverlay .modal-header-nav{margin:0 27px 17px 0!important;gap:10px!important}
  #authModalOverlay .modal-header-nav h2,#authModalOverlay .forgot-header h2{font-size:21px!important}
  #authModalOverlay .modal-header-nav .sub-link{max-width:130px!important;font-size:9.5px!important}
  #authModalOverlay .btn-google-login{min-height:43px!important;font-size:11px!important}
  #authModalOverlay .auth-form{gap:10px!important}
  #authModalOverlay .form-group input{min-height:43px!important;font-size:11px!important}
  #authModalOverlay .form-action-row{gap:8px!important}
  #authModalOverlay .btn-submit-blue{min-height:40px!important;padding:0 17px!important;font-size:11px!important}
  #authModalOverlay .forgot-header{margin:2px 24px 16px!important}
}

@media(max-width:360px){
  #authModalOverlay{padding:8px!important}
  #authModalOverlay .modal-card{padding:19px 13px 15px!important;border-radius:14px!important}
  #authModalOverlay .modal-header-nav{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin-right:30px!important}
  #authModalOverlay .modal-header-nav .sub-link{max-width:none!important;padding:0!important;text-align:left!important}
  #authModalOverlay .form-action-row{align-items:stretch!important;flex-direction:column!important}
  #authModalOverlay .form-action-row .btn-submit-blue{width:100%!important}
}