/* Adremy Cards v13.10.4: compact collapsible account/admin navigation on mobile. */
.account-site-header{position:relative}
.account-nav-toggle{display:none}

@media(max-width:760px){
  body>header.account-site-header{
    width:100%;
    max-width:none;
    min-height:64px;
    height:auto;
    margin:0;
    padding:10px 14px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    border-bottom:1px solid var(--line);
  }
  .account-site-header .account-brand{
    min-width:0;
    width:max-content;
    max-width:170px;
  }
  .account-site-header .account-brand img{
    width:auto;
    max-width:160px;
    height:42px;
    object-fit:contain;
  }
  .account-nav-toggle{
    min-width:90px;
    min-height:42px;
    padding:8px 11px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border:1px solid var(--line);
    border-radius:9px;
    background:var(--panel);
    color:var(--text);
    font:inherit;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
  }
  .account-nav-toggle-icon{
    width:18px;
    display:grid;
    gap:4px;
  }
  .account-nav-toggle-icon i{
    display:block;
    width:18px;
    height:2px;
    border-radius:999px;
    background:currentColor;
    transition:transform .18s ease,opacity .18s ease;
  }
  .account-nav-toggle[aria-expanded="true"] .account-nav-toggle-icon i:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .account-nav-toggle[aria-expanded="true"] .account-nav-toggle-icon i:nth-child(2){opacity:0}
  .account-nav-toggle[aria-expanded="true"] .account-nav-toggle-icon i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

  body>header.account-site-header .account-primary-nav{
    grid-column:1/-1;
    width:100%;
    margin:0;
    padding:10px 0 2px;
    display:none;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
    gap:8px;
    border-top:1px solid var(--line);
  }
  body>header.account-site-header.is-nav-open .account-primary-nav{display:grid}
  .account-primary-nav>a,
  .account-primary-nav>.nav-form,
  .account-primary-nav>button{
    width:100%;
    min-width:0;
    margin:0;
  }
  body>header.account-site-header .account-primary-nav>a,
  body>header.account-site-header .account-primary-nav>button,
  body>header.account-site-header .account-primary-nav .link-button{
    width:100%;
    min-height:44px;
    padding:9px 8px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    box-sizing:border-box;
    border:1px solid var(--line);
    border-radius:9px;
    background:var(--panel);
    color:var(--text);
    font-size:13px;
    line-height:1.2;
    text-align:center;
    white-space:normal;
  }
  .account-primary-nav .support-nav-link{position:relative}
  .account-primary-nav .nav-unread-badge{position:static;display:grid}
  .account-primary-nav .nav-unread-badge[hidden]{display:none}
  body.account-nav-open{overflow:hidden}
}

@media(max-width:390px){
  body>header.account-site-header{padding-left:11px;padding-right:11px}
  .account-site-header .account-brand img{max-width:142px;height:39px}
  .account-nav-toggle{min-width:82px;padding-left:9px;padding-right:9px}
  body>header.account-site-header .account-primary-nav>a,
  body>header.account-site-header .account-primary-nav>button,
  body>header.account-site-header .account-primary-nav .link-button{font-size:12px}
}