/* ============================================================
   Intensity Hoops — Event Booking: Program Tabs Module
   ============================================================ */


.eb-program-tabs .eb-tab-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.eb-program-tabs .eb-tab-btn {
    background: var(--surface-2, #262626);
    border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.08));
    color: var(--text-muted, #a0a0a0);
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.eb-program-tabs .eb-tab-btn:hover {
    background: var(--surface-3, #333333);
    border-color: var(--border, rgba(18, 114, 186, 0.25));
    color: var(--text, #ffffff);
}

.eb-program-tabs .eb-tab-btn.active {
    background: var(--brand-primary, #1272ba);
    border-color: var(--brand-primary, #1272ba);
    color: var(--white, #ffffff);
}

.eb-program-tabs .tab-content {
    background: var(--surface, #1c1c1c);
    border: 1px solid var(--border, rgba(18, 114, 186, 0.25));
    border-radius: 12px;
}

.text-brand {
    color: var(--brand-primary-light, #2e8fd4);
    font-weight: 600;
}