﻿/* ==== Etkinlikler - Filtre Bar ==== */
.events-filter {
    background: #F9F6F2; /* Fildişi */
    border-radius: .9rem;
    padding: .75rem .9rem;
    box-shadow: 0 8px 22px rgba(0,0,0,.08);
}

    .events-filter .ef-row {
        display: grid;
        grid-template-columns: 1fr 180px 180px minmax(220px, 1fr);
        gap: .8rem;
    }

    .events-filter .ef-group {
        display: flex;
        flex-direction: column;
        gap: .35rem;
    }

    .events-filter .ef-label {
        font-family: Merriweather, serif;
        font-size: .85rem;
        color: #2E2E2E; /* Koyu Gri */
        opacity: .9;
    }

    /* Chips (Zaman filtresi) */
    .events-filter .ef-chips {
        display: flex;
        gap: .4rem;
        flex-wrap: wrap;
    }

    .events-filter .ef-chip {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: .35rem .6rem;
        border-radius: 999px;
        background: #fff;
        border: 1px solid rgba(0,0,0,.08);
        color: #2E2E2E;
        text-decoration: none;
        font-weight: 600;
        font-size: .85rem;
        box-shadow: 0 6px 16px rgba(0,0,0,.06);
    }

        .events-filter .ef-chip:hover {
            border-color: rgba(0,0,0,.2);
        }

        .events-filter .ef-chip.active {
            background: #6A1B1A; /* Bordo */
            color: #fff;
            border-color: #6A1B1A;
            box-shadow: 0 8px 22px rgba(106,27,26,.25);
        }

    /* Form kontrolleri */
    .events-filter .ef-control {
        border-radius: .75rem;
    }

    .events-filter .input-group .input-group-text {
        border-top-left-radius: .75rem;
        border-bottom-left-radius: .75rem;
    }

/* Responsive */
@media (max-width: 992px) {
    .events-filter .ef-row {
        grid-template-columns: 1fr 1fr;
    }

    .events-filter .ef-search {
        grid-column: 1 / -1;
    }
}

@media (max-width: 576px) {
    .events-filter .ef-row {
        grid-template-columns: 1fr;
    }
}
