/**
 * /case-study/ hizmet + sektör filtresi.
 */

.ba-filtre {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0 0 34px;
}

.ba-filtre__grup {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px 14px;
}

.ba-filtre__baslik {
    flex: none;
    min-width: 62px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #8a929e;
}

.ba-filtre__dugmeler {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ba-filtre__dugme {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 16px;
    border: 1px solid #dfe3ea;
    /* Kit'te buton yuvarlaklığı 100px — hap biçim marka dilinin parçası. */
    border-radius: 100px;
    background: #fff;
    font-family: inherit;
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.2;
    color: #2f3742;
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease, color .15s ease, opacity .15s ease;
}

.ba-filtre__dugme:hover:not(:disabled) {
    border-color: var(--e-global-color-a6885d0, #4877bd);
    color: var(--e-global-color-a6885d0, #4877bd);
}

.ba-filtre__dugme:focus-visible {
    outline: 2px solid var(--e-global-color-a6885d0, #4877bd);
    outline-offset: 2px;
}

.ba-filtre__dugme.is-aktif {
    border-color: var(--e-global-color-411a7fe, #3878c3);
    background: var(--e-global-color-411a7fe, #3878c3);
    color: #fff;
}

.ba-filtre__dugme.is-bos {
    opacity: .38;
    cursor: not-allowed;
}

.ba-filtre__sayi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 100px;
    background: #f0f3f7;
    font-size: 11.5px;
    font-weight: 600;
    color: #6b7480;
}

.ba-filtre__dugme.is-aktif .ba-filtre__sayi {
    background: rgba(255, 255, 255, .22);
    color: #fff;
}

.ba-filtre__bos {
    margin: 8px 0 0;
    font-size: 15px;
    line-height: 1.5;
    color: #6b7480;
}

@media (max-width: 767px) {
    .ba-filtre__grup {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    .ba-filtre__dugmeler {
        gap: 7px;
    }

    .ba-filtre__dugme {
        padding: 8px 14px;
        font-size: 13px;
    }
}

/**
 * Kartların gizlenmesi.
 *
 * Elementor kartlara display:flex veriyor; tarayıcının [hidden] için uyguladığı
 * display:none en düşük öncelikli (UA stylesheet) olduğu için eziliyordu.
 * Sonuç: filtre hidden özniteliğini doğru kuruyor ama kartlar ekranda kalıyordu.
 *
 * !important burada yerinde: bu bir yerleşim tercihi değil, gizlemenin her
 * koşulda çalışması gerekiyor.
 */
.elementor-posts article[hidden],
.elementor-posts-container article[hidden] {
    display: none !important;
}

/* Sonuç satırı: seçimin etkisi görünsün. */
.ba-filtre__sonuc {
    margin: 2px 0 0;
    font-size: 13.5px;
    font-weight: 600;
    letter-spacing: .01em;
    color: #6b7480;
}

/* "Hepsi" düğmesi gerçek bir seçenekten ayırt edilsin. */
.ba-filtre__dugme--hepsi:not(.is-aktif) {
    border-style: dashed;
}