/* Start custom CSS *//* 1. İLAN KARTI GENEL YAPISI */

.item-listing-wrap.item-wrap-v9 {

    background: #ffffff !important;

    border-radius: 20px !important;

    overflow: hidden;

    border: 1px solid #eee !important;

    transition: all 0.4s ease-in-out !important;

    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;

}



.item-listing-wrap.item-wrap-v9:hover {

    transform: translateY(-10px) !important;

    box-shadow: 0 20px 40px rgba(0,0,0,0.12) !important;

    border-color: #C3996B !important; /* Altın rengi vurgu */

}



/* 2. RESİM ALANI VE ETİKETLER */

.item-listing-wrap .listing-image-wrap {

    border-radius: 15px 15px 0 0 !important;

}



.label-featured {

    background-color: #C3996B !important; /* Öne çıkan ilan rengi */

    border-radius: 5px !important;

    text-transform: uppercase;

    font-weight: 700;

}



.label-status {

    background-color: rgba(0,0,0,0.6) !important;

    backdrop-filter: blur(5px);

    border-radius: 5px !important;

}



/* 3. BAŞLIK VE FİYAT TASARIMI */

.item-listing-wrap .item-title a {

    color: #222 !important;

    font-size: 18px !important;

    font-weight: 700 !important;

    text-decoration: none !important;

    transition: color 0.3s ease;

}



.item-listing-wrap .item-title a:hover {

    color: #C3996B !important;

}



.item-listing-wrap .currency-value {

    color: #C3996B !important;

    font-size: 22px !important;

    font-weight: 800 !important;

}



/* 4. ÖZELLİKLER (BED, BATH, SQM) */

.item-listing-wrap .item-amenities {

    background: #fdfaf7 !important; /* Çok hafif altın tonlu zemin */

    padding: 10px !important;

    border-radius: 10px;

    border: 1px solid rgba(195, 153, 107, 0.1);

}



.item-listing-wrap .item-amenities i {

    color: #C3996B !important;

}



.item-listing-wrap .item-amenities-text {

    font-weight: 600;

    color: #666;

}



/* 5. BUTONLAR (CALL, EMAIL, WHATSAPP) */

.item-listing-wrap .item-footer .btn-item {

    border: 1.5px solid #C3996B !important;

    color: #C3996B !important;

    border-radius: 10px !important;

    font-weight: 700 !important;

    transition: all 0.3s ease !important;

    background: transparent !important;

}



.item-listing-wrap .item-footer .btn-item:hover {

    background-color: #C3996B !important;

    color: #ffffff !important;

}



/* WhatsApp Butonuna Özel Yeşil Vurgu */

.item-listing-wrap .item-footer a[href*="whatsapp"] {

    border-color: #25D366 !important;

    color: #25D366 !important;

}



.item-listing-wrap .item-footer a[href*="whatsapp"]:hover {

    background-color: #25D366 !important;

    color: #fff !important;

}



/* 6. KONUM (PIN) İKONU */

.item-listing-wrap .item-address {

    color: #888 !important;

    font-size: 13px !important;

}



.item-listing-wrap .item-address i {

    color: #C3996B !important;

}

/* 1. TURKISH CITIZENSHIP ETİKETLİ İLANLARA ÖZEL VURGU (INGILIZCE) */

.item-listing-wrap.item-wrap-v9:has(.label-status[href*="citizenship"]) {

    border: 2px solid #C3996B !important; /* Altın çerçeve ile vurgula */

    background: #fffcf9 !important; /* Çok hafif altın tonlu zemin */

    box-shadow: 0 15px 35px rgba(195, 153, 107, 0.2) !important;

}



/* 2. ETİKETİN KENDİSİNİ PARLAT */

.item-listing-wrap.item-wrap-v9 .label-status[href*="citizenship"] {

    background-color: #C3996B !important; /* Logo rengi */

    color: #ffffff !important;

    font-weight: 800 !important;

    padding: 6px 14px !important;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    border: none !important;

}



/* 3. ÜZERİNE GELİNDİĞİNDE DAHA ÇOK PARLAT */

.item-listing-wrap.item-wrap-v9:has(.label-status[href*="citizenship"]):hover {

    transform: translateY(-12px) scale(1.02) !important;

    box-shadow: 0 25px 50px rgba(195, 153, 107, 0.3) !important;

}



/* 4. BU İLANLARDAKİ FİYATI ÖNE ÇIKAR */

.item-listing-wrap.item-wrap-v9:has(.label-status[href*="citizenship"]) .currency-value {

    font-size: 24px !important;

    text-shadow: 0px 0px 1px rgba(195, 153, 107, 0.5);

}
/* --- MOBİL CİHAZLAR İÇİN RESİM VE KART DÜZENLEMESİ --- */
@media (max-width: 767px) {
    
    /* 1. Resim Yüksekliğini Sabitle ve Düzelt */
    .item-listing-wrap .listing-image-wrap,
    .item-listing-wrap .listing-image-wrap .slick-list,
    .item-listing-wrap .listing-image-wrap .slick-track,
    .item-listing-wrap .listing-image-wrap img {
        height: 230px !important; /* Mobilde ideal yükseklik */
        min-height: 230px !important;
    }

    /* 2. Resimlerin Uzamasını/Basıklaşmasını Engelle */
    .item-listing-wrap .listing-image-wrap img {
        object-fit: cover !important; /* Resmi kutuya kırparak doldurur, deforme etmez */
        width: 100% !important;
        object-position: center center !important; /* Resmin ortasını gösterir */
    }

    /* 3. Kartlar Arasındaki Boşluğu Ayarla */
    .item-listing-wrap.item-wrap-v9 {
        margin-bottom: 25px !important;
        box-shadow: 0 5px 15px rgba(0,0,0,0.08) !important; /* Mobilde gölgeyi biraz azalttık, performans için */
    }

    /* 4. Mobilde Yazı Boyutlarını Biraz Dengele */
    .item-listing-wrap .item-title a {
        font-size: 16px !important; /* Başlık çok yer kaplamasın */
    }
    
    .item-listing-wrap .currency-value {
        font-size: 20px !important;
    }
}
/* =========================================
   DÜZELTİLMİŞ: Türk Vatandaşlığı Etiketi ve Çerçeve
   ========================================= */

/* 1. İlan Kartı Kırmızı Çerçevesi (Tam Uyumlu) */
.item-listing-wrap:has(.label-color-31) .item-wrap {
    border: 1px solid #d32f2f !important; /* Çerçeve kalınlığı ve rengi */
    border-radius: 8px !important;        /* Köşeleri kartla aynı oranda yuvarla */
    overflow: hidden !important;          /* Çerçevenin dışına taşan kısımları (resim köşeleri) kırp */
    box-sizing: border-box !important;    /* Çerçeveyi kart boyutuna dahil et */
    box-shadow: 0 0 10px rgba(211, 47, 47, 0.3) !important; /* Hafif parlama */
}

/* 2. Etiketin Konumu (Tam Köşe) */
.hz-label.label-color-31 {
    /* Konumlandırma: Tam sağ üst köşeye yapıştır */
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 20 !important;
    margin: 0 !important;

    /* Görünüm */
    background-color: #d32f2f !important; /* Kırmızı zemin */
    color: #ffffff !important;            /* Beyaz yazı */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 11px !important;           /* Yazıyı tek satıra sığdırmak için hafif küçülttük */
    padding: 6px 10px 6px 32px !important; /* İkon için soldan boşluk */
    
    /* Şekil: Sol alt köşeyi yuvarla, diğerleri düz kalsın (Köşeye tam oturması için) */
    border-radius: 0 0 0 8px !important; 
    
    /* İkon ve hizalama */
    display: flex !important;
    align-items: center !important;
    box-shadow: -2px 2px 5px rgba(0,0,0,0.2) !important;
}

/* Pasaport İkonu */
.hz-label.label-color-31::before {
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="white"><path d="M448 360V24c0-13.3-10.7-24-24-24H96C43 0 0 43 0 96v320c0 53 43 96 96 96h328c13.3 0 24-10.7 24-24v-16c0-7.5-3.5-14.3-8.9-18.7-4.2-15.4-4.2-59.3 0-74.7 5.4-4.3 8.9-11.1 8.9-18.6zM128 134c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20z"/></svg>');
    width: 14px;
    height: 14px;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
}

/* (İsteğe Bağlı) "For Sale" etiketi altta kalıp kötü görünüyorsa gizle */
/* .item-listing-wrap:has(.label-color-31) .label-status { display: none !important; } *//* End custom CSS */