/* TrendishShop v198 — MOBILE ONLY auth header cleanup.
   Removes the welcome copy from the mobile auth modal and brings the logo/tabs upward.
   Desktop remains untouched. */

@media (max-width:600px){
  .auth-modal-modern .auth-modal-card{
    padding-top:9px!important;
  }

  /* Mobile: keep only the brand mark; hide the three intro lines. */
  .auth-modal-modern .auth-modal-brand{
    min-height:34px!important;
    height:34px!important;
    margin:0 0 5px!important;
    padding:0 2px 0 40px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:0!important;
  }
  .auth-modal-modern .auth-modal-brand>div{
    display:none!important;
  }
  .auth-modal-modern .auth-brand-mark{
    flex:0 0 38px!important;
    width:38px!important;
    height:34px!important;
    margin:0!important;
    border-radius:11px!important;
  }
  .auth-modal-modern .auth-brand-mark img{
    width:30px!important;
    height:24px!important;
    object-fit:contain!important;
  }

  /* Pull the login/register tabs up immediately under the logo row. */
  .auth-modal-modern .auth-modal-tabs{
    margin-top:0!important;
    margin-bottom:9px!important;
  }

  /* Close button should share the same compact top row. */
  .auth-modal-modern .auth-modal-close{
    top:8px!important;
    left:10px!important;
  }

  /* When keyboard is open, v196 already hides the brand entirely; keep tabs tight. */
  .auth-modal.auth-keyboard-open .auth-modal-tabs{
    margin-top:0!important;
  }
}

@media (max-width:360px){
  .auth-modal-modern .auth-modal-brand{
    height:32px!important;
    min-height:32px!important;
    margin-bottom:4px!important;
  }
  .auth-modal-modern .auth-brand-mark{
    width:36px!important;
    height:32px!important;
    flex-basis:36px!important;
  }
}