/* My account tab bar (views/account_nav.xml): one row of tabs, scrolls sideways on phones */
.sm .sm-account-tabs{display:flex;gap:8px;max-width:1180px;margin:16px auto 4px;padding:6px 16px 8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.sm .sm-account-tabs::-webkit-scrollbar{display:none}
.sm .sm-account-tabs a{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 16px;border:1px solid #dfe5ee;border-radius:999px;background:#fff;color:#22324a!important;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s}
.sm .sm-account-tabs a svg{width:18px;height:18px;fill:none;stroke:#dc731f;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sm .sm-account-tabs a:hover{border-color:#f2b98a;background:#fff8f2}
.sm .sm-account-tabs a.is-current{background:#13294b;border-color:#13294b;color:#fff!important}
.sm .sm-account-tabs a.is-current svg{stroke:#fff}
.sm .sm-account-tabs a:focus-visible{outline:2px solid #dc731f;outline-offset:2px}
@media(max-width:760px){.sm .sm-account-tabs{margin-top:10px;padding-inline:12px}.sm .sm-account-tabs a{min-height:40px;padding:0 13px;font-size:13px}}
/* the specialised sites keep their own colours */
.sm.sm-brand-baitey .sm-account-tabs a.is-current{background:var(--bt-ink,#1d1d1f);border-color:var(--bt-ink,#1d1d1f)}
.sm.sm-brand-baitey .sm-account-tabs a svg{stroke:var(--bt-accent,#9a6b3f)}
.sm.sm-brand-sakaney .sm-account-tabs a.is-current{background:var(--sk-indigo,#5b4dff);border-color:var(--sk-indigo,#5b4dff)}
.sm.sm-brand-sakaney .sm-account-tabs a svg{stroke:var(--sk-indigo,#5b4dff)}
.sm[class*=sm-brand-] .sm-account-tabs a.is-current svg{stroke:#fff}