/* Platform 88.5.3.4 — Backend logo display + full nav labels (Google/WCAG navigation) */

/* Backend logo — flexible width, FE fallback when missing */
.fe885-header__brand--has-logo {
    max-width: min(11rem, 24vw);
}

.fe885-header__brand--has-logo .fe885-header__brand-icon {
    width: auto;
    max-width: 10rem;
    height: 2.25rem;
}

.fe885-header__brand--has-logo .fe885-header__logo {
    display: block;
    width: auto;
    height: 2.25rem;
    max-width: 10rem;
    max-height: 2.25rem;
    object-fit: contain;
    object-position: left center;
}

/* Primary nav — full labels, readable spacing (no ellipsis truncation) */
@media (min-width: 1280px) {
    .fe885-header__nav {
        padding: 0 0.5rem;
    }

    .fe885-nav {
        gap: 0.5rem;
    }

    .fe885-nav__item {
        flex-shrink: 0;
        min-width: 0;
    }

    .fe885-nav__label {
        max-width: none !important;
        overflow: visible;
        text-overflow: clip;
        white-space: nowrap;
    }

    .fe885-nav__link,
    .fe885-nav__trigger {
        padding-left: 0.55rem;
        padding-right: 0.55rem;
        gap: 0.45rem;
        max-width: none;
    }
}

@media (min-width: 1440px) {
    .fe885-nav {
        gap: 0.625rem;
    }

    .fe885-nav__link,
    .fe885-nav__trigger {
        padding-left: 0.65rem;
        padding-right: 0.65rem;
        gap: 0.5rem;
    }
}

@media (min-width: 1600px) {
    .fe885-nav {
        gap: 0.75rem;
    }
}

/* Override legacy compact shrink that truncated Entertainment etc. */
@media (min-width: 1280px) and (max-width: 1440px) {
    .fe885-header__brand--has-logo {
        max-width: min(9.5rem, 20vw);
    }

    .fe885-nav__link,
    .fe885-nav__trigger {
        font-size: var(--fe885-nav-fs, 0.875rem) !important;
        font-weight: var(--fe885-nav-fw, 700) !important;
        height: var(--fe885-nav-hit, 2.75rem) !important;
        min-height: var(--fe885-nav-hit, 2.75rem) !important;
    }
}