/**
 * İlan durumu filigranı (Satıldı / Kiralandı / Opsiyonlandı / İlan İptal Edildi).
 * Görselin üzerine sol-alttan sağ-üste çapraz, beyaz %50 opak kompozisyon:
 *   [Tutku logosu] 'dan   (üst satır — logo + Inter küçük ek)
 *        KIRALANDI        (alt satır — 3D bevel görünümlü durum)
 * Aynı sınıf üç yüzeyde kullanılır: carousel kartı, tekil ilan slider'ı, grid kartları (JS).
 */

/* Carousel kartı görseli → filigranın konumlanabilmesi için relative */
.tutku-property-card__image { position: relative; }

.tutku-status-watermark {
    position: absolute;
    inset: 0;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    pointer-events: none;        /* tıklamalar alttaki görsele/linke geçsin */
    container-type: inline-size; /* cqi → boyutlar kap genişliğiyle ölçeklensin */
}

/* Çapraz + %50 opaklık tüm kompozisyona uygulanır (logo + yazılar) */
.tutku-status-watermark__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2cqi;
    transform: rotate(-45deg);   /* sol-alt → sağ-üst çapraz */
    transform-origin: center;
    opacity: 0.5;                /* beyaz %50 opaklık */
    white-space: nowrap;
    user-select: none;
    line-height: 1;
}

/* Üst satır: logo + 'dan */
.tutku-status-watermark__brand {
    display: flex;
    align-items: center;
    gap: 1.6cqi;
}
/*
 * Yüksek özgüllük (0,4,1): WPResidence slider'ının
 * "...wpestate_property_carousel img { height:100%!important }" (0,3,2) kuralı
 * filigranı görsel kabının içine koyunca logoyu eziyordu; kendi sınıf zincirimizle
 * onu geçiyoruz (slider'a özel seçici kullanmadan → grid kartlarda da geçerli).
 */
.tutku-status-watermark .tutku-status-watermark__inner .tutku-status-watermark__brand img.tutku-status-watermark__logo {
    height: clamp(16px, 7.2cqi, 65px) !important;
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    object-fit: contain !important;
    display: block;
    /* logo zaten beyaz PNG; opaklık inner'dan gelir */
}
.tutku-status-watermark__suffix {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 600;
    color: #fff;
    font-size: clamp(10px, 4.2cqi, 39px);
    line-height: 1;
}

/* Alt satır: durum — +%30 boyut + 3D bevel kabartma */
.tutku-status-watermark__text {
    display: inline-block;
    font-family: 'Arial Black', 'Inter', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    color: #fff;
    line-height: 1;
    letter-spacing: 0.04em;
    font-size: clamp(10px, 10.4cqi, 98px);
    text-shadow:
        -1px -1px 0 rgba(255, 255, 255, 0.65), /* sol-üst ışık */
        1px 1px 0 rgba(0, 0, 0, 0.5),          /* sağ-alt gölge */
        2px 2px 2px rgba(0, 0, 0, 0.45),
        3px 3px 5px rgba(0, 0, 0, 0.35);       /* derinlik */
}

/* Parent görsel kapları (JS bunlara filigran ekler) */
.featured_img,
.listing_unit_image_wrapper,
.property_listing_thumb,
.wpestate_property_media_section_wrapper { position: relative; }

/*
 * İlan durumu artık filigranla gösterildiği için WPResidence'in tekil-sayfa slider
 * durum şeridini (sağ-üst "Kiralandı" rozeti) gizle. JS metni textContent'ten
 * okumaya devam ettiğinden display:none güvenli (DOM'da kalır).
 * Not: liste/kart durum etiketleri ayrı bir Theme Options ayarıyla yönetilir.
 */
.wpestate_property_media_section_wrapper .status-wrapper,
.wpestate_property_media_section_wrapper .slider-property-status { display: none !important; }