/* ========================================================================= */
    /* FİLTRELEME SİDEBAR TEMEL STİLLERİ */
    /* ========================================================================= */

    .box_style_1 {
        padding: 20px;
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 4px 8px rgba(0,0,0,0.05);
    }

    .filters_element {
        padding-top: 15px;
        padding-bottom: 0;
    }

    .filter_type {
        margin-bottom: 25px;
        padding-bottom: 15px;
        border-bottom: 1px solid #ededed;
    }

    .filter_type:last-of-type {
        border-bottom: none; 
        margin-bottom: 15px;
    }

    .filter_type h6 {
        font-size: 1rem;
        font-weight: 600;
        margin-bottom: 10px;
        color: #343a40;
    }

    .filter-list {
        list-style: none;
        padding: 0;
    }

    .filter-list li {
        margin-bottom: 5px;
    }

    /* Şehir/İlçe ve Form Stilleri */
    .form-group {
        margin-bottom: 15px;
    }

    .form-control {
        width: 100%;
        padding: 10px 15px;
        border: 1px solid #ddd;
        border-radius: 3px;
    }

    .hidden-district {
        display: none;
    }

    /* Uzmanlık Alanı Arama & Scroll */
    .search-filter-box {
        margin-bottom: 10px;
        padding-bottom: 5px;
    }

    .filter-list-scroll {
        max-height: 200px; 
        overflow-y: auto; 
        padding-right: 10px; 
        scrollbar-width: thin; 
        scrollbar-color: darkcyan #f0f0f0; 
    }

    .filter-list-scroll::-webkit-scrollbar {
        width: 6px;
    }

    .filter-list-scroll::-webkit-scrollbar-thumb {
        background-color: darkcyan;
        border-radius: 10px;
    }

    .filter-list-scroll::-webkit-scrollbar-track {
        background: #f0f0f0;
    }

    /* ========================================================================= */
    /* MOBİL FİLTRE BAŞLIK/TOGGLE BUTON STİLLERİ (Artık HER ZAMAN Görünür) */
    /* ========================================================================= */

    .filter-heading-toggle {
        display: block; /* Her zaman görünür olsun */
        width: 100%;
        text-align: center;
        padding: 12px 0;
        font-size: 1rem;
        font-weight: 600;
        text-decoration: none;
        color: #fff; 
        background-color: #325590; 
        border-radius: 5px;
        margin-bottom: 15px;
        cursor: pointer;
    }
    .filter-heading-toggle:hover {
        color: #fff;
    }
    .filter-heading-toggle:focus {
        color: #fff;
    }

    .filter-heading-toggle i {
        margin-right: 8px;
        font-size: 1.1em;
    }

    /* ========================================================================= */
    /* RESPONSIVE VE TOGGLE LOGİĞİ */
    /* ========================================================================= */

    /* Masaüstü Görünümde (992px ve üzeri) */
    @media (min-width: 992px) {
        /* Filters elementini her zaman AÇIK göster (CSS override) */
        .filters_element.collapse,
        .filters_element.collapse.show {
            display: block !important; 
            max-height: none !important; 
            opacity: 1 !important;
            overflow: visible !important;
            visibility: visible !important; 
        }
    }


    /* Mobil Görünümde (991px ve altı) */
    @media (max-width: 991px) {
        /* Sidebar düzeni (Tam genişlik ve sonuçların üstüne çıkma) */
        #sidebar {
            width: 100%;
            margin-bottom: 30px;
            order: 1; 
        }

        /* Listeleme sonucunu tam genişlik yap */
        .col-lg-9 {
            width: 100%;
            order: 2;
        }
        
        .filter-list-scroll {
            max-height: 180px; 
        }
        
        /* Varsayılan kapalı durumu (.collapse sınıfı) */
        .filters_element.collapse {
            /* JS tarafından kontrol edilen animasyon/geçiş kuralları */
            transition: max-height 0.35s ease-out, opacity 0.35s ease-out;
            max-height: 0; 
            overflow: hidden; 
            opacity: 0;
            display: block; /* Geçiş için bu gerekli */
        }
        
        /* JS ile eklenecek "show" sınıfı: Açık durumu */
        .filters_element.collapse.show {
            max-height: 2000px; 
            opacity: 1;
            overflow: visible;
            transition: max-height 0.35s ease-in, opacity 0.35s ease-in;
        }
    }
    /* ========================================================================= */
    /* SELECT2 TEMA UYUMU (Fizyoterapistim.com Stiline Uyarlama) */
    /* ========================================================================= */

    /* Ana Seçim Kutusu: Border, Radius ve Height */
    .select2-container--default .select2-selection--single {
        /* Temadaki form-control stilini uygula */
        border: 1px solid #ddd !important; 
        border-radius: 3px;
        background-color: #fff;
        height: auto !important; /* Yüksekliği padding belirlesin */
        padding: 0;
    }

    /* Seçili Metin Alanı: Padding ve Metin Yüksekliği */
    .select2-container--default .select2-selection__rendered {
        /* Temadaki form-control padding'ini uygula: 10px yukarı/aşağı, 15px sol */
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        padding-left: 15px !important; 
        color: #333; /* Metin rengi */
        line-height: 20px; /* Metin yüksekliğini input ile eşitle */
    }

    /* Dropdown İkonu (Ok) Konumu */
    .select2-container--default .select2-selection__arrow {
        height: 100% !important; /* Arrow'un dikeyde ortalanması için */
        top: 0;
        right: 0;
        width: 30px;
        position: absolute; /* Select2'nin varsayılan pozisyonunu override et */
    }

    /* Dropdown Menüsü (Açılan Liste) Stili */
    .select2-dropdown {
        border: 1px solid #ddd;
        border-radius: 3px;
        box-shadow: 0 4px 8px rgba(0,0,0,0.05); /* Temanızdaki box_style_1 gölgesine benzer */
    }

    /* Dropdown İçindeki Arama Kutusu Stili */
    .select2-search--dropdown .select2-search__field {
        /* Uzmanlık alanı arama inputu ile eşitle */
        border: 1px solid #ddd;
        padding: 10px 15px;
        border-radius: 3px;
    }

    /* Seçili Öğeyi Kaldırma Butonu (X işareti) */
    .select2-container--default .select2-selection__clear {
        margin-right: 15px; /* Ok ile çakışmasını engelle */
        cursor: pointer;
        font-size: 1.2rem;
        color: #555;
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #555;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: unset;
    }

    /* Fiiter eoptions*/


       .breadcrumb_1 {
        background-color: #3f4079;
        line-height: 1;
        color: #fff;
    }
    .breadcrumb_1 ul {
        margin: 0;
        font-size: 13px;
        font-size: 0.8125rem;
    }
    .breadcrumb_1 ul li {
        display: inline-block;
        padding-right: 8px;
        margin-right: 3px;
        position: relative;
    }
    .breadcrumb_1 ul li a {
    color: #fff;
    }
    .breadcrumb_1 ul li a:hover {
    color: #74d1c6;
    }
    .breadcrumb_1 ul li:after {
        content: "\e9ee";
        font-family: "fontello";
        position: absolute;
        right: 0;
        top: 0;
        color: #555;
    }
    .breadcrumb_1 ul li:last-child {
    opacity: 0.7;
    }
    .breadcrumb_1 ul li:last-child:after {
    content: '';
    margin-right: 0;
    }
    .search_bar_list input[type='submit'] {
        background-color: #325590;
    }

    /* physiotherapist show*/

    .fzt-slider span {
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            margin-bottom: 2rem;
            width: 100%; 
            z-index: 3;
        }

        .blaze-pagination {
 
            gap: 6px;
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 2;
            display: flex;
            justify-content: center;
            padding: 0;
            margin-right: 15%;
            margin-bottom: 0.6rem;
            margin-left: 15%;
        }

        .blaze-pagination button {
        font-size: 0;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        outline: none;
        border: none;
        background: #999;
        cursor: pointer;
        padding: 4px;
        transition: transform 200ms ease, background-color 300ms ease;
        }

        .blaze-pagination button.active {
        background: #3F4079;
        transform: scale(1.1);
        }

        .blaze-slider.start .blaze-prev,
        .blaze-slider.end .blaze-next {
        opacity: 0.5;
        cursor: not-allowed;
        }


        /* Video page */