/* Nabegheha V2 — persistent My Account switcher for child pages. */
body.woocommerce-account:not(.nb-account-dashboard-page) .woocommerce-MyAccount-navigation.nb-account-switcher {
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin: 0 0 16px !important;
    direction: rtl;
}

body.woocommerce-account:not(.nb-account-dashboard-page) .woocommerce-MyAccount-content {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
}

.nb-account-switcher,
.nb-account-switcher * { box-sizing: border-box; }

.nb-account-switcher a { text-decoration: none !important; }

.nb-account-switcher__rail {
    position: relative;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr)) 70px;
    align-items: stretch;
    overflow: hidden;
    border-top: 1px solid #202020;
    border-bottom: 1px solid #202020;
    background: rgba(7,7,7,.76);
    backdrop-filter: blur(14px);
}

.nb-account-switcher__item,
.nb-account-switcher__logout {
    position: relative;
    min-width: 0;
    min-height: 66px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
    padding: 10px 13px;
    border-left: 1px solid #1d1d1d;
    color: #87919d !important;
    transition: background .18s ease, color .18s ease, border-color .18s ease;
}

.nb-account-switcher__item::after {
    content: '';
    position: absolute;
    right: 13px;
    bottom: -1px;
    left: 13px;
    height: 2px;
    border-radius: 999px 999px 0 0;
    background: transparent;
    transform: scaleX(.2);
    opacity: 0;
    transition: transform .18s ease, opacity .18s ease, background .18s ease;
}

.nb-account-switcher__item:hover {
    background: rgba(255,255,255,.018);
    color: #dce2e7 !important;
}

.nb-account-switcher__item.is-active {
    background: linear-gradient(180deg, rgba(12,162,28,.055), rgba(12,162,28,.015));
    color: #f0f4f1 !important;
}

.nb-account-switcher__item.is-active::after {
    background: #35c948;
    transform: scaleX(1);
    opacity: 1;
}

.nb-account-switcher__icon {
    width: 33px;
    height: 33px;
    flex: 0 0 33px;
    display: grid;
    place-items: center;
    border: 1px solid #232323;
    border-radius: 9px;
    background: #0a0a0a;
    color: #66717c;
    transition: border-color .18s ease, background .18s ease, color .18s ease;
}

.nb-account-switcher__icon svg {
    width: 15px;
    height: 15px;
    display: block;
}

.nb-account-switcher__item.is-active .nb-account-switcher__icon {
    border-color: rgba(12,162,28,.25);
    background: rgba(12,162,28,.06);
    color: #5ed16b;
}

.nb-account-switcher__copy {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.nb-account-switcher__copy strong {
    overflow: hidden;
    color: inherit;
    font-size: 9px;
    font-weight: 900;
    line-height: 1.55;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nb-account-switcher__copy small {
    overflow: hidden;
    color: #56616c;
    font-size: 7px;
    line-height: 1.5;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nb-account-switcher__item.is-active .nb-account-switcher__copy small { color: #6d7b72; }

.nb-account-switcher__logout {
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    border-left: 0;
    color: #9d6666 !important;
    font-size: 7.5px;
    font-weight: 850;
}

.nb-account-switcher__logout svg {
    width: 16px;
    height: 16px;
    display: block;
}

.nb-account-switcher__logout:hover {
    background: rgba(197,60,60,.045);
    color: #dc7373 !important;
}

@media (max-width: 1080px) {
    .nb-account-switcher__rail { grid-template-columns: repeat(3, minmax(0, 1fr)) 56px; }
    .nb-account-switcher__item:nth-child(4) { border-top: 1px solid #1d1d1d; }
    .nb-account-switcher__item:nth-child(5) { border-top: 1px solid #1d1d1d; }
    .nb-account-switcher__item:nth-child(6) { border-top: 1px solid #1d1d1d; }
    .nb-account-switcher__logout { grid-column: 4; grid-row: 1 / span 2; border-right: 1px solid #1d1d1d; }
}

@media (max-width: 680px) {
    body.woocommerce-account:not(.nb-account-dashboard-page) .woocommerce-MyAccount-navigation.nb-account-switcher {
        margin-bottom: 12px !important;
    }

    .nb-account-switcher__rail {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        border: 1px solid #202020;
        border-radius: 13px;
        background: #080808;
    }

    .nb-account-switcher__item {
        min-height: 61px;
        padding: 9px 8px;
        gap: 7px;
    }

    .nb-account-switcher__item:nth-child(3),
    .nb-account-switcher__item:nth-child(6) { border-left: 0; }

    .nb-account-switcher__item:nth-child(n+4) { border-top: 1px solid #1d1d1d; }

    .nb-account-switcher__icon {
        width: 29px;
        height: 29px;
        flex-basis: 29px;
        border-radius: 8px;
    }

    .nb-account-switcher__icon svg { width: 13px; height: 13px; }
    .nb-account-switcher__copy strong { font-size: 8px; }
    .nb-account-switcher__copy small { display: none; }

    .nb-account-switcher__logout {
        grid-column: 1 / -1;
        grid-row: auto;
        min-height: 39px;
        flex-direction: row;
        border-top: 1px solid #1d1d1d;
        border-right: 0;
        color: #8f6262 !important;
    }

    .nb-account-switcher__logout svg { width: 13px; height: 13px; }
}

@media (max-width: 430px) {
    .nb-account-switcher__item { padding-inline: 7px; }
    .nb-account-switcher__copy strong { font-size: 7.5px; }
}


/* Phase 74 — account switcher containment. */
body.woocommerce-account:not(.nb-account-dashboard-page) .woocommerce-MyAccount-navigation.nb-account-switcher{
    width:calc(100% - 24px)!important;
    max-width:calc(var(--container) - 24px)!important;
    margin:0 auto 18px!important;
    padding:0!important;
    overflow:visible!important;
}
body.woocommerce-account:not(.nb-account-dashboard-page) .nb-account-switcher__rail{
    border:1px solid #202020!important;
    border-radius:12px!important;
    overflow:hidden!important;
}
@media(max-width:680px){
    body.woocommerce-account:not(.nb-account-dashboard-page) .woocommerce-MyAccount-navigation.nb-account-switcher{
        width:100%!important;
        max-width:100%!important;
        margin:0 auto 12px!important;
    }
}


/* Phase 75 — one persistent account navigation, aligned with every account panel. */
body.woocommerce-account .woocommerce-MyAccount-navigation.nb-account-switcher{
    display:block!important;
    float:none!important;
    width:100%!important;
    max-width:none!important;
    margin:0 0 18px!important;
    padding:0!important;
    direction:rtl;
    overflow:visible!important;
}
body.woocommerce-account .woocommerce-MyAccount-content{
    float:none!important;
    width:100%!important;
    margin:0!important;
}
body.woocommerce-account .nb-account-switcher__rail{
    width:100%!important;
    max-width:none!important;
    border:1px solid #202020!important;
    border-radius:12px!important;
    overflow:hidden!important;
}
@media(max-width:680px){
    body.woocommerce-account .woocommerce-MyAccount-navigation.nb-account-switcher{
        width:100%!important;
        margin-bottom:12px!important;
    }
}


/* Phase 76 — one container axis for the persistent account navigation and every account panel. */
body.woocommerce-account .content-shell__inner--narrow{
    width:min(calc(100% - 32px),var(--container))!important;
    max-width:var(--container)!important;
    margin-inline:auto!important;
}
body.woocommerce-account .woocommerce,
body.woocommerce-account .woocommerce-MyAccount-navigation.nb-account-switcher,
body.woocommerce-account .woocommerce-MyAccount-content{
    width:100%!important;
    max-width:100%!important;
    margin-inline:0!important;
    box-sizing:border-box!important;
}
body.woocommerce-account .nb-account-switcher__rail{
    width:100%!important;
    max-width:100%!important;
    margin-inline:0!important;
}
@media(max-width:680px){
    body.woocommerce-account .content-shell__inner--narrow{
        width:min(calc(100% - 24px),var(--container))!important;
    }
}


/* Phase 77 — child account endpoints use the exact same horizontal axis as their content cards. */
body.woocommerce-account:not(.nb-account-dashboard-page) nav.woocommerce-MyAccount-navigation.nb-account-switcher{
    display:block!important;
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 18px!important;
    padding:0!important;
    inset:auto!important;
    transform:none!important;
    box-sizing:border-box!important;
}
body.woocommerce-account:not(.nb-account-dashboard-page) nav.woocommerce-MyAccount-navigation.nb-account-switcher > .nb-account-switcher__rail{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
}
@media(max-width:680px){
    body.woocommerce-account:not(.nb-account-dashboard-page) nav.woocommerce-MyAccount-navigation.nb-account-switcher{
        margin-bottom:12px!important;
    }
}

/* Phase 86 — logged-out auth is intentionally full-bleed, not account-container sized. */
body.nb-auth-page .content-shell__inner--narrow{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

/* Phase 130 V104 readability — Account dashboard / nav. Typography only; layout/spacing unchanged. */
.nb-account-eyebrow{font-size:11px}
.nb-account-hero__copy p{font-size:14px;line-height:1.95}
.nb-account-settings-link{font-size:11.5px}
.nb-account-quick__copy strong{font-size:12.5px}
.nb-account-quick__copy small{font-size:10.5px}
.nb-account-panel>p{font-size:12.5px;line-height:1.95}
.nb-account-finance-stats small{font-size:10.5px}
.nb-account-transaction__main strong{font-size:11.5px}
.nb-account-transaction__main small{font-size:10.5px}
.nb-account-transaction__status{font-size:10px}
.nb-account-empty-inline p{font-size:11.5px}
.nb-account-panel__actions a{font-size:10.5px}
.nb-account-guide-links strong{font-size:12px}
.nb-account-guide-links small{font-size:10.5px}
.nb-account-helpbar strong{font-size:12px}
.nb-account-helpbar small{font-size:10.5px}
.nb-account-helpbar>a{font-size:11px}
.nb-account-switcher__copy strong{font-size:11.5px}
.nb-account-switcher__copy small{font-size:10px}
.nb-account-switcher__logout{font-size:10px}


/* Phase 130 V147 — one exact desktop rail for Account header, dashboard and footer.
 * Scoped to the approved dashboard so child account endpoints remain frozen. */
@media(min-width:901px){
    body.woocommerce-account.nb-account-dashboard-page .site-header .nb-container,
    body.woocommerce-account.nb-account-dashboard-page .content-shell__inner--narrow,
    body.woocommerce-account.nb-account-dashboard-page .site-footer .nb-container{
        width:min(calc(100% - 32px),var(--container-wide))!important;
        max-width:none!important;
        margin-inline:auto!important;
    }
}


