/* Make vertical tabs switch to horizontal on mobile */
@media (max-width: 767px) {
    /* Container: switch from side-by-side (flex-row) to stacked (flex-col) */
    .fi-sc-tabs.fi-vertical {
        flex-direction: column !important;
    }

    /* Nav: switch from vertical column to horizontal row */
    .fi-sc-tabs.fi-vertical > .fi-tabs.fi-vertical {
        flex-direction: row !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        gap: 0.25rem !important;
    }

    /* Remove vertical border, add bottom border */
    .fi-sc-tabs.fi-vertical > .fi-tabs.fi-vertical.fi-contained {
        border-inline-end: none !important;
        border-bottom: 1px solid var(--color-gray-200) !important;
    }

    /* Tab items: horizontal alignment */
    .fi-sc-tabs.fi-vertical > .fi-tabs.fi-vertical .fi-tabs-item {
        white-space: nowrap;
        justify-content: center !important;
    }

    /* Active tab panel: remove left margin, add top margin */
    .fi-sc-tabs.fi-vertical > .fi-sc-tabs-tab.fi-active {
        margin-inline-start: 0 !important;
        margin-top: 1.5rem !important;
    }
}