/* Tabovi – bez strelica na desktopu */
.integrator-matches-tabs {
    display: flex;
    width: 100%;
}

.integrator-matches-tabs__tab {
    flex: 1;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: var(--spacing-md) var(--spacing-sm);
    border: none;
    background: transparent;
    font-size: var(--font-secondary);
    font-weight: 600;
    color: var(--text-light);
    cursor: pointer;
    transition: color 0.2s, border-color 0.2s;
    white-space: nowrap;
}

.matches-tab__top {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.matches-tab__bottom {
    font-weight: 600;
}

.integrator-matches-tabs__tab--active .matches-tab__top {
    color: var(--text-main);
}

.integrator-matches-tabs__tab--active .matches-tab__bottom {
    color: #1a1a1a;
}

.integrator-matches-tabs__tab--active {
    border-bottom-color: #1a73e8;
}

.integrator-matches-day {
    display: none;
}

.integrator-matches-day--active {
    display: block;
}

.integrator-matches-tabs__tab:hover {
    color: var(--text-muted);
}

.integrator-matches-tabs__tab--active {
    color: #1a1a1a;
}

/* Strelice – sakrivene na desktopu, vidljive na mobilnom */
.integrator-matches-tabs__arrow {
    display: none;
}

/* Prazan dan */
.integrator-matches-empty {
    text-align: center;
    color: #999;
    padding: 20px;
    font-size: 14px;
}

/* ========================================================================
MOBILNI – skriveni scrollbar, prstom skrolovanje
======================================================================== */

@media (max-width: 768px) {
    .integrator-matches-tabs {
        overflow-x: auto;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
        display: flex;
        flex-wrap: nowrap;
    }

    .integrator-matches-tabs::-webkit-scrollbar {
        display: none;
    }

    .integrator-matches-tabs__tab {
        flex: 0 0 33.33%;
    }

    .integrator-matches-tabs__arrow {
        display: none;
    }
}