/* Jeda Tour v0.5.44 — clearer customer account navigation on mobile */
.account-nav-title{display:none}
@media(max-width:760px){
  .site-header{min-height:64px;height:auto;padding:9px 14px;gap:8px;flex-wrap:nowrap}
  .site-header .brand{min-width:0;max-width:42%;font-size:18px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .site-header .brand-logo{max-width:100%;max-height:36px}
  .site-header .header-actions{display:flex;align-items:center;gap:0;flex:0 0 auto;margin-left:auto}
  .site-header .header-actions .wallet-link{display:none!important}
  .site-header .header-actions .inline-logout{display:block!important;margin:0!important}
  .site-header .header-actions .user-logout{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 12px!important;border:1px solid #d6e1ed;border-radius:10px;background:#fff;color:#061f3f;font-size:13px!important;font-weight:800;white-space:nowrap;box-shadow:0 2px 8px rgba(6,31,63,.06)}
  .site-header .header-actions .user-logout span{font-size:16px}
  .account-page{padding:20px 14px!important}
  .account-mobile-title{display:block!important;margin:0 0 16px;padding:18px;border-radius:16px;background:linear-gradient(135deg,#061f3f,#17436d);color:#fff}
  .account-mobile-title>span{display:block;font-size:10px;font-weight:800;letter-spacing:.14em;color:#c4d9ed}
  .account-mobile-title h1{font-size:25px;line-height:1.2;margin:5px 0 0;color:#fff}
  .account-nav{position:static!important;overflow:visible!important;padding:14px!important;margin-bottom:18px;border-radius:16px!important;box-shadow:0 5px 20px rgba(6,31,63,.05)}
  .account-nav-title{display:block;padding:2px 2px 12px;border-bottom:1px solid #edf1f5}
  .account-nav-title span{display:block;font-size:10px;font-weight:900;letter-spacing:.13em;color:#668097}
  .account-nav-title b{display:block;margin-top:3px;font-size:16px;color:#102b46}
  .account-nav-title small{display:block;margin-top:3px;font-size:12px;color:#718397;line-height:1.5}
  .account-user{display:flex!important;gap:10px;padding:12px 2px!important;border-bottom:1px solid #edf1f5}
  .account-user .avatar-circle{width:38px;height:38px;flex-basis:38px;border-radius:12px}
  .account-user b{font-size:13px;overflow-wrap:anywhere}
  .account-user small{font-size:11px!important;overflow-wrap:anywhere}
  .account-nav nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important;overflow:visible!important;margin:12px 0 0!important}
  .account-nav nav a{display:flex;align-items:center;justify-content:flex-start;gap:6px;min-width:0;min-height:44px;padding:10px 11px!important;border:1px solid #e4ebf2;border-radius:10px;font-size:12px!important;font-weight:700;line-height:1.3;white-space:normal!important;overflow-wrap:anywhere;flex:initial!important;background:#fff;color:#344d65}
  .account-nav nav a.active{border-color:#061f3f;background:#061f3f;color:#fff;box-shadow:0 3px 9px rgba(6,31,63,.12)}
  .account-nav nav a:focus-visible,.site-header .user-logout:focus-visible{outline:3px solid #8dbbe3;outline-offset:2px}
  .account-heading h1{font-size:26px!important;line-height:1.2}
}
@media(max-width:380px){
  .site-header{padding-inline:10px}
  .site-header .brand{font-size:16px;max-width:40%}
  .site-header .header-actions .user-logout{padding:7px 9px!important;font-size:12px!important}
  .account-page{padding-inline:10px!important}
  .account-nav{padding:11px!important}
  .account-nav nav{gap:6px!important}
  .account-nav nav a{padding:9px 8px!important;font-size:11px!important}
}