/* “Partners” Elementor widget: tabs above the logo grid (logo-grid.css). */

.jits-partners {
    --jits-partners-accent: var(--button-primary-bg, #163cdb);
    --jits-partners-active-text: #ffffff;
}

/* Dark background: white tabs, the active one filled. */
.jits-partners--dark {
    --jits-partners-accent: #ffffff;
    --jits-partners-active-text: var(--footer-bg, #0e1b56);
}

.jits-partners__tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem 2.75rem;
    margin-bottom: 4rem;
}

.jits-partners__tab {
    min-width: min(100%, 17rem);
    min-height: 2.75rem;
    padding: 0.625rem 2rem;
    border: 1px solid var(--jits-partners-accent);
    border-radius: 4px;
    background: transparent;
    color: var(--jits-partners-accent);
    font: inherit;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color 200ms ease, color 200ms ease;

    &:hover {
        background: color-mix(in srgb, var(--jits-partners-accent) 12%, transparent);
    }

    &[aria-selected="true"] {
        background: var(--jits-partners-accent);
        color: var(--jits-partners-active-text);
    }

    &:focus-visible {
        outline: 2px solid var(--jits-partners-accent);
        outline-offset: 3px;
    }
}

/* Entrance: logos hidden until revealed by the script (front only). */
.jits-partners.has-entrance .jits-partners__item:not(.is-revealed) {
    opacity: 0;
    transform: scale(0.8);
}

.jits-partners__empty {
    text-align: center;
}

@media (max-width: 767px) {
    .jits-partners__tabs {
        gap: 0.75rem;
        margin-bottom: 2.5rem;
    }

    .jits-partners__tab {
        flex: 1 1 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .jits-partners.has-entrance .jits-partners__item:not(.is-revealed) {
        opacity: 1;
        transform: none;
    }
}