/* ── Tabs Container ── */
:root {
    --clr-primary: #0081c3;
    --clr-white: #ffffff;
}

.ce-tabs {
    .tabs-nav {
        list-style: none;
        margin: 0 0 0.5rem;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 0;
        text-align: left;
    }

    .tabs-nav-item {
        padding: 0 !important;
        margin: 0 !important;
        position: static !important;

        &::before {
            display: none !important;
        }
    }

    .tabs-nav-btn {
        background: none;
        border: none;
        padding: 0;
        font-size: clamp(1.6rem, 3vw, 2.6rem);
        font-weight: 900;
        text-transform: uppercase;
        line-height: 1.15;
        letter-spacing: 0.01em;
        color: var(--clr-white);
        cursor: pointer;
        text-align: left;
        display: block;
        width: 100%;
        transition: color 0.2s;

        &:hover,
        &.active {
            color: var(--clr-primary);
        }
    }

    .tabs-panel {
        display: none;
        padding: 0.5rem 0 0;
        text-align: left;
        text-transform: none;

        &.active {
            display: block;
        }

        .frame {
            margin-left: 0 !important;
            padding-left: 0 !important;
        }

        header {
            display: none;
        }
    }
}