/* path: wp-content/themes/bedrebyttede/assets/css/components/tabs.css */

.bb-tabs {
    display: flex;
    overflow: auto;
    background: var(--surface);
    border-radius: 0 0 var(--radius-3) var(--radius-3);
    margin-bottom: var(--space-6);
    border-bottom: var(--space-1) solid var(--surface-letterbox-grad);
    /* Hide scrollbar for cleaner look if requested, but global profile doesn't seem to */
}

.bb-tabs button,
.bb-tabs .bb-tab {
    appearance: none;
    background: transparent !important;
    border: 0;
    padding: var(--space-2, 8px) var(--space-5, 20px);
    font-weight: 600;
    color: var(--text-3, #6a7a72);
    border-bottom: 2px solid var(--surface-2);
    border-radius: 0 !important;
    cursor: pointer;
    position: relative;
    margin: var(--space-1);
    white-space: nowrap;
    transition: all 0.2s ease;
}

.bb-tabs button.is-active,
.bb-tabs .bb-tab.is-active {
    color: var(--text, #fff) !important;
    font-weight: 600 !important;
    border-bottom: var(--space-1) solid var(--brand);
    border-radius: 0 !important;
}

/* Badge support inside tabs */
.bb-tabs .bb-badge {
    position: absolute;
    top: var(--space-0);
    right: var(--space-0);
}