/* My account navigation (views/account_nav.xml): the one account menu on every site.
   Phones: a 3 × 2 grid of icon tiles, every page visible at once (no sideways scrolling, no clipped names).
   Wider screens: one row. Each site keeps its own colours through --acct-*. */
.sm{--acct-main:#13294b;--acct-icon:#dc731f;--acct-soft:#fff6ef}
.sm.sm-brand-baitey{--acct-main:var(--bt-ink,#1f1d3a);--acct-icon:var(--bt-accent,#8e3fb0);--acct-soft:#f4eafa}
.sm.sm-brand-sakaney{--acct-main:#285974;--acct-icon:#285974;--acct-soft:#eef4cc}
.sm .sm-account-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-width:1180px;margin:16px auto 6px;padding:0 16px}
.sm .sm-account-tabs a{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:48px;padding:0 10px;border:1px solid #e1e7ef;border-radius:14px;background:#fff;color:#22324a!important;font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap;box-shadow:0 1px 2px #13294b0d;transition:background .15s,border-color .15s,box-shadow .15s}
.sm .sm-account-tabs a span{overflow:hidden;text-overflow:ellipsis}
.sm .sm-account-tabs a svg{flex:0 0 auto;width:19px;height:19px;fill:none;stroke:var(--acct-icon);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sm .sm-account-tabs a:hover{background:var(--acct-soft);border-color:transparent}
.sm .sm-account-tabs a.is-current{background:var(--acct-main);border-color:var(--acct-main);color:#fff!important;box-shadow:0 6px 14px color-mix(in srgb,var(--acct-main) 22%,transparent)}
.sm .sm-account-tabs a.is-current svg{stroke:#fff}
.sm .sm-account-tabs a:focus-visible{outline:2px solid var(--acct-icon);outline-offset:2px}
@media(max-width:760px){
 .sm .sm-account-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;padding:0 12px}
 .sm .sm-account-tabs a{flex-direction:column;gap:5px;min-height:62px;padding:8px 4px;font-size:12.5px}
 .sm .sm-account-tabs a svg{width:21px;height:21px}
}
@media(max-width:340px){.sm .sm-account-tabs a{font-size:11.5px;min-height:58px}}
/* سكني had two more account bars on these pages: this navigation replaces them */
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-acct) :is(.sk-account-nav,.sk-member-links){display:none!important}
/* سكني's button layers would otherwise repaint the tiles: keep white tiles and a filled current page */
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-acct) .sm-account-tabs a{background:#fff!important;border:1px solid #e1e7ef!important;color:#22324a!important;box-shadow:0 1px 2px #13294b0d!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-acct) .sm-account-tabs a.is-current{background:#285974!important;border-color:#285974!important;color:#fff!important;box-shadow:0 6px 14px #28597433!important}
.sm.sm-brand-sakaney[dir]:not(#sk-controls):not(#sk-acct) .sm-account-tabs a.is-current svg{stroke:#fff!important}