/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 5 version
*/

@media screen and (min-width: 768px) and (max-width: 1280px) {
    
    @media screen and (max-width: 991px) {
        .map-panel .search-form .container {
            -ms-flex-line-pack: baseline !important;
                align-content: baseline !important;
        }
    }

    .nav-basvuru {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        /* Yatayda ortalamak için */
        margin-top: 5px;
    }

    /* İlan index */
    .col-lg-4 {
        max-width: 40%; /* Resmi küçült */
        -webkit-box-flex: 0;
            -ms-flex: 0 0 40%;
                flex: 0 0 40%; /* Esnemesini engelle */
        min-height: 150px; /* Küçük ekranda daha küçük yükseklik */
    }

    .col-lg-8 {
        max-width: 60%; /* İçerik genişliği */
        -webkit-box-flex: 0;
            -ms-flex: 0 0 60%;
                flex: 0 0 60%; /* Esnemesini engelle */
        padding-left: 10px;
    }

    .col-lg-8 .item-info .item-title {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        max-width: 350px;
        /* İhtiyacınıza göre bu değeri ayarlayın */
        display: inline-block;
        vertical-align: middle;
    }
    /* İlan index */

    .ilan-mesaj {
        white-space: normal;
    }

    .ilan-price {
        white-space: nowrap;
    }
    
    /* Card Shadow Media */
    .card.shadow .btn.btn-light,
    .card.shadow .btn {
        font-size: clamp(13px, 1vw, 16px); /* 768px'de 13px, 1280px'de 16px */
    }

    .media-heading a {
        font-size: clamp(9px, 1.5vw, 14px); /* 768px'de 9px, 1280px'de 14px */
    }

    .custom-media {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; /* Mobilde dikey hizalama */
        text-align: center; /* Metni ortala */
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; /* İçerikleri yatay ortala */
    }
    
    .media-left {
        padding-right: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; /* Resmi yatay ortala */
        width: 100%; /* Genişliği tam al */
    }

    .media-object {
        width: 60px !important; /* Mobilde küçült */
        height: 60px !important;
    }


    .btn-block {
        width: 100%; /* Butonları tam genişlik yap */
    }
    /* Card Shadow Media */

    /* İlan show card */
    /* Genel kart başlığı */
    #feature-list .card .card-header h4 {
        font-size: clamp(12px, 1.6vw, 16px); /* 768px'de 12px, 1280px'de 16px */
    }

    /* Tablo içindeki metinler */
    #feature-list .table.v1.ilan-table td {
        font-size: clamp(11px, 1.5vw, 16px); /* 768px'de 10px, 1280px'de 14px */
        /* text-align: center; */
    }

    /* Açılır panelin ok işareti */
    #feature-list .card .fa-caret-down {
        font-size: clamp(12px, 1.6vw, 16px); /* 768px'de 12px, 1280px'de 16px */
    }

    /* Listeyi yatay hizala ve taşmaları önle */
    .item-features {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; /* Taşmaları kontrol etmek için */
        gap: clamp(8px, 2vw, 16px); /* Öğeler arası boşluğu dinamik ayarla */
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; /* Öğeleri eşit yay */
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; /* Dikey hizalama */
        padding: 10px !important;
    }

    /* Liste içindeki metinlerin boyutunu dinamik ayarla */
    .item-features li {
        font-size: clamp(12px, 1.5vw, 14px); /* 768px'de 12px, 1280px'de 14px */
        margin: 0; /* Boşlukları sıfırla */
        white-space: nowrap; /* Alt satıra inmesini önle */
    }

    /* Sayı değerleri kalın (Örn: 3222 m², 1+1) */
    .item-features li span {
        font-size: clamp(13px, 1.8vw, 16px); /* Sayılar daha belirgin olsun */
        font-weight: bold;
    }

    .select2-modal .select2-dropdown.select2-dropdown--above,
    .select2-modal .select2-dropdown.select2-dropdown--below {
        position: fixed;
        left: 50% !important;
        /* Ekranın sol tarafından %50 uzağa yerleştir */
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-left: 7px;
    }

    @media screen and (min-width: 992px) and (max-width: 1199px) {
        .g-recaptcha {
            -webkit-transform: scale(0.9);
            -ms-transform: scale(0.9);
            transform: scale(0.9);
            /* Daha küçük boyut için */
            -webkit-transform-origin: left top;
            -ms-transform-origin: left top;
            transform-origin: left top;
        }

        .navbar-nav .user-account .dropdown-toggle,
        .navbar-nav .nav-basvuru .nav-link span {
            font-size: 0;
            /* Giriş Yap metnini gizler */
        }

        .navbar-nav .user-account .dropdown-toggle span {
            text-align: left;
            /* Sola yaslama */
        }

        .navbar-nav .nav-basvuru .nav-link .fa-plus {
            font-size: initial;
            /* Artı işaretinin boyutunu varsayılan değer yapar */
            visibility: visible;
            /* Artı işaretini görünür yapar */
            vertical-align: middle;
            /* Artı işaretini dikey olarak ortalar */
        }

        .nav-basvuru {
            margin-top: -5px !important;
        }

        .nav-link.dropdown-toggle {
            font-size: 11px;
        }

        .logo-bg.brand-logo {
            /* width: 196px !important; */
            height: 50px;
            width: unset !important;
        } 
    }

    .ellipsis {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        /* max-width: 69px; */
        max-width: 102px;
        /* İhtiyacınıza göre bu değeri ayarlayın */
        display: inline-block;
        vertical-align: middle;
    }

    .nav-user a {
        -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
                justify-content: center !important;
    }

    .row .col-md-12 {
        overflow-x: auto;
    }

    @media screen and (min-width: 768px) and (max-width: 991px) {
        .g-recaptcha {
            -webkit-transform: scale(0.8);
            -ms-transform: scale(0.8);
            transform: scale(0.8);
            /* Cihazlarda daha küçük boyut için */
            -webkit-transform-origin: left top;
            -ms-transform-origin: left top;
            transform-origin: left top;
        }
    }

    html {
        width: auto !important;
        overflow-x: hidden !important
    }

    #menu .nav-item .nav-link {
        white-space: nowrap;
    }
}

@media screen and (min-width: 768px) and (max-width: 1600px) {
    .btn-responsive {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        min-width: 120px;
    }
}