/* WORLD ARENA — shared public header spacing (tournament, team, player, etc.) */

.wa-page--wa-nav {
    padding-top: var(--header-h, 72px);
}

.lv-header-inner,
.pl-header-inner,
.sp-header-inner,
.tm-header-inner,
.tb-header-inner,
.th-header-inner,
.hh-header-inner,
.mr-header-inner {
    padding-left: 1rem;
    padding-right: 1rem;
    gap: 0.65rem 0.85rem;
    min-width: 0;
}

.lv-nav,
.pl-nav,
.sp-nav,
.tm-nav,
.tb-nav,
.th-nav,
.hh-nav,
.mr-nav {
    flex: 1 1 auto;
    min-width: 0;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    gap: 0.05rem;
}

.lv-nav::-webkit-scrollbar,
.pl-nav::-webkit-scrollbar,
.sp-nav::-webkit-scrollbar,
.tm-nav::-webkit-scrollbar,
.tb-nav::-webkit-scrollbar,
.th-nav::-webkit-scrollbar,
.hh-nav::-webkit-scrollbar,
.mr-nav::-webkit-scrollbar {
    display: none;
}

.lv-nav a,
.pl-nav a,
.sp-nav a,
.tm-nav a,
.tb-nav a,
.th-nav a,
.hh-nav a,
.mr-nav a {
    flex-shrink: 0;
    white-space: nowrap;
}

.lv-header-actions,
.pl-header-actions,
.sp-header-actions,
.tm-header-actions,
.tb-header-actions,
.th-header-actions,
.hh-header-actions,
.mr-header-actions {
    flex-shrink: 0;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.lv-brand,
.pl-brand,
.sp-brand,
.tm-brand,
.tb-brand,
.th-brand,
.hh-brand,
.mr-brand {
    flex-shrink: 0;
    min-width: 0;
}

/* Landing nav with global search */
.wa-nav {
    gap: 0.85rem;
    min-width: 0;
}

.wa-nav-drawer {
    gap: 0.65rem;
    min-width: 0;
}

.wa-nav-tools {
    gap: 0.35rem;
}

.wa-nav-tools .wa-global-search {
    max-width: none;
}

/* Medium desktop — reduce crowding before mobile menu */
@media (max-width: 1279px) {
    .lv-brand-tag,
    .pl-brand-tag,
    .sp-brand-tag,
    .tm-brand-tag,
    .tb-brand-tag,
    .th-brand-tag,
    .hh-brand-tag,
    .mr-brand-tag {
        display: none;
    }

    .lv-nav a,
    .pl-nav a,
    .sp-nav a,
    .tm-nav a,
    .tb-nav a,
    .th-nav a,
    .hh-nav a,
    .mr-nav a {
        padding-left: 0.55rem;
        padding-right: 0.55rem;
        font-size: 0.72rem;
    }

    .lv-header-actions .lv-btn--live,
    .pl-header-actions .pl-btn--live,
    .sp-header-actions .sp-btn--live,
    .tm-header-actions .tm-btn--live,
    .tb-header-actions .tb-btn--live,
    .th-header-actions .th-btn--live,
    .hh-header-actions .hh-btn--live,
    .mr-header-actions .mr-btn--live {
        display: none;
    }

    .wa-user-menu-trigger {
        padding: 0.32rem 0.55rem;
        gap: 0.25rem;
    }

    .wa-user-name {
        max-width: 72px;
        font-size: 0.72rem;
    }

    .wa-role-badge {
        display: none;
    }

    .wa-user-menu-chevron {
        display: none;
    }

    .wa-nav-links a {
        padding: 0.35rem 0.45rem;
        font-size: 0.75rem;
    }

    .wa-brand-sub {
        display: none;
    }

    .wa-nav-tools .wa-global-search-inline {
        display: none;
    }

    .wa-nav-tools .wa-global-search-mobile-trigger {
        display: inline-flex;
    }
}

@media (min-width: 1101px) and (max-width: 1279px) {
    .wa-nav-links li:nth-child(n+6) {
        display: none;
    }
}

@media (min-width: 1280px) {
    .wa-global-search-inline {
        display: block;
        width: 210px;
        max-width: 210px;
        flex-shrink: 0;
    }

    .wa-global-search-input {
        font-size: 0.76rem;
        min-height: 36px;
        padding-left: 2.1rem;
    }
}

/* Mobile menu panel — avoid overlapping absolute nav + actions */
@media (max-width: 768px) {
    .lv-header-inner,
    .pl-header-inner,
    .sp-header-inner,
    .tm-header-inner,
    .tb-header-inner,
    .th-header-inner,
    .hh-header-inner,
    .mr-header-inner {
        flex-wrap: wrap;
        align-items: center;
    }

    .lv-header-inner .lv-brand,
    .pl-header-inner .pl-brand,
    .sp-header-inner .sp-brand,
    .tm-header-inner .tm-brand,
    .tb-header-inner .tb-brand,
    .th-header-inner .th-brand,
    .hh-header-inner .hh-brand,
    .mr-header-inner .mr-brand {
        flex: 1;
        min-width: 0;
    }

    .lv-header-inner.is-open .lv-nav,
    .lv-header-inner.is-open .lv-header-actions,
    .pl-header-inner.is-open .pl-nav,
    .pl-header-inner.is-open .pl-header-actions,
    .sp-header-inner.is-open .sp-nav,
    .sp-header-inner.is-open .sp-header-actions,
    .tm-header-inner.is-open .tm-nav,
    .tm-header-inner.is-open .tm-header-actions,
    .tb-header-inner.is-open .tb-nav,
    .tb-header-inner.is-open .tb-header-actions,
    .th-header-inner.is-open .th-nav,
    .th-header-inner.is-open .th-header-actions,
    .hh-header-inner.is-open .hh-nav,
    .hh-header-inner.is-open .hh-header-actions,
    .mr-header-inner.is-open .mr-nav,
    .mr-header-inner.is-open .mr-header-actions {
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100%;
        flex: 0 0 100%;
        box-sizing: border-box;
    }

    .lv-header-inner.is-open .lv-nav,
    .pl-header-inner.is-open .pl-nav,
    .sp-header-inner.is-open .sp-nav,
    .tm-header-inner.is-open .tm-nav,
    .tb-header-inner.is-open .tb-nav,
    .th-header-inner.is-open .th-nav,
    .hh-header-inner.is-open .hh-nav,
    .mr-header-inner.is-open .mr-nav {
        order: 10;
        align-items: stretch;
        gap: 0.1rem;
        padding-top: 0.75rem;
        padding-bottom: 0.5rem;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    .lv-header-inner.is-open .lv-nav a,
    .pl-header-inner.is-open .pl-nav a,
    .sp-header-inner.is-open .sp-nav a,
    .tm-header-inner.is-open .tm-nav a,
    .tb-header-inner.is-open .tb-nav a,
    .th-header-inner.is-open .th-nav a,
    .hh-header-inner.is-open .hh-nav a,
    .mr-header-inner.is-open .mr-nav a {
        display: block;
        padding: 0.8rem 0.65rem;
        font-size: 0.95rem;
    }

    .lv-header-inner.is-open .lv-header-actions,
    .pl-header-inner.is-open .pl-header-actions,
    .sp-header-inner.is-open .sp-header-actions,
    .tm-header-inner.is-open .tm-header-actions,
    .tb-header-inner.is-open .tb-header-actions,
    .th-header-inner.is-open .th-header-actions,
    .hh-header-inner.is-open .hh-header-actions,
    .mr-header-inner.is-open .mr-header-actions {
        order: 11;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        gap: 0.5rem 0.65rem;
        padding-bottom: 0.85rem;
        border-top: 1px solid rgba(255, 255, 255, 0.06);
    }
}

body.th-menu-open {
    overflow: hidden;
}

body.th-menu-open .th-main {
    pointer-events: none;
}