/* ── Tekil ilan galeri FOUC düzeltmesi ──
 * owl-carousel JS ile boyutlanana kadar slider display:none; init sırasında görsel kısa süre
 * küçük render olup sonra büyüyor. owl yüklenene kadar alanı doğru oranda placeholder olarak
 * rezerve edip ham içeriği gizleriz; .owl-loaded gelince kurallar düşer ve normale döner. */
.wpestate_listing_full_slider_1 .classic-carousel .carousel-inner.owl-carousel:not(.owl-loaded) {
    display: block !important;
    aspect-ratio: 530 / 398;
    background: #eef0f2;
    border-radius: 6px;
    overflow: hidden;
}
.wpestate_listing_full_slider_1 .classic-carousel .carousel-inner.owl-carousel:not(.owl-loaded) > * {
    visibility: hidden;
}

/* ── Mobil galeri boşluğu düzeltmesi ──
 * main.css owl-loaded carousel-inner'a SABİT min-height:385px veriyor. Masaüstünde
 * aspect-ratio:4/3 (~398px) bunu geçtiği için sorun yok; ama MOBİLDE 4:3 görsel ~270px
 * olunca 385px min-height altta ~115px boşluk bırakıyor + görsel-üstü medya ikonları
 * (Büyük Resim/Harita) bu boşluğun dibine kayıyor. aspect-ratio yüksekliği zaten doğru
 * reserve ettiğinden sabit min-height kaldırılır → carousel-inner = görsel yüksekliği. */
.elementor-widget-container .wpestate_property_carousel .owl-carousel.owl-loaded {
    min-height: 0 !important;
}

/* Vitrin Etiketleri — ön yüz (tekil ilan sayfası) rozet şeridi.
 * Görselin ÜZERİNE biner: rozetleri içeren widget-container relative yapılır
 * (medya görseli onun kardeşi), rozetler sağ-üst köşeye absolute overlay olur. */
/* ── Benzer İlanlar başlığı (tutku similar carousel — tekil ilan) ──
 * Carousel, tekil ilan Studio şablonunda (elementor-19639) NATIVE bir
 * tutku_property_carousel widget'ı olarak duruyor (query_source=similar). Şablona ayrı
 * başlık widget'ı eklemek yerine başlığı CSS ::before ile basıyoruz. Tekil estate_property
 * sayfasında başka tutku carousel yok → widget tipiyle hedefleriz (kırılgan element-ID'siz).
 * :has(.tutku-property-card) → yalnız gerçekten benzer ilan (kart) varsa başlık görünür;
 * benzer yoksa boş carousel'in üstünde başlık çıkmaz. */
.single-estate_property .elementor-widget-tutku_property_carousel .elementor-widget-container:has(.tutku-property-card)::before {
    content: "Benzer İlanlar";
    display: block;
    font-family: "Inter", sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #0E2B52;
    margin: 0 0 16px;
    line-height: 1.2;
}

.elementor-widget-container:has(> .tutku-promo-single) { position: relative; }
.tutku-promo-single {
    position: absolute;
    top: 3px;
    right: 3px;
    left: 3px;
    z-index: 6;
    width: auto;
    max-width: calc(100% - 16px);
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;          /* primary (en yüksek öncelik) EN SOLDA, sonra secondary... (anasayfa gibi) */
    justify-content: flex-start;
    gap: 3px;
    pointer-events: none; /* boşluklar görsele tıklamayı engellemesin; rozetler aşağıda auto */
}
.tutku-promo-single .tutku-promo-single__badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    border-radius: 5px;
    border: 1px solid transparent;
    border-color: #fff; /* beyaz 1px kenarlık */
    color: #fff;
    font-size: 10px !important; /* bir tık daha küçük; tema override'ını geç */
    font-weight: 300;
    line-height: 1;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28); /* görsel üstünde okunsun */
    pointer-events: auto;
}
.tutku-promo-single .tutku-promo-single__badge i {
    font-size: 9px;
    line-height: 1;
    opacity: 0.92;
}
/* link rozet: tema link stillerini ez — hover'da da BEYAZ kalsın (kırmızıya dönmesin) */
a.tutku-promo-single__badge,
a.tutku-promo-single__badge:hover,
a.tutku-promo-single__badge:focus,
a.tutku-promo-single__badge:active,
a.tutku-promo-single__badge:visited,
a.tutku-promo-single__badge:hover *,
a.tutku-promo-single__badge:focus *,
.tutku-promo-single a.tutku-promo-single__badge:hover,
.tutku-promo-single a.tutku-promo-single__badge:hover * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-decoration: none !important;
}
a.tutku-promo-single__badge {
    cursor: pointer;
    transition: filter .12s, transform .12s;
    transform-origin: center;
}
/*
 * Hover'da BÜYÜSÜN (küçülmesin), net okunsun. Bu sayfada (Elementor) font-size cascade'i
 * inline !important'a bile direniyor (badge metni ayrı <span>'de) → font-size ile büyütme
 * güvenilmez. transform: scale compositor efektidir, hiçbir font kuralı engelleyemez ve
 * tüm rozeti (metin dahil) görünür biçimde büyütür. Eski Elementor a:hover'ın yol açtığı
 * küçülme de devre dışı kalır (font-size'a dokunmuyoruz).
 */
.tutku-promo-single a.tutku-promo-single__badge:hover {
    filter: brightness(1.08);
    transform: scale(1.22); /* 10px rozet → ~12px görünür, net */
    font-weight: 400;
    position: relative;
    z-index: 7;
}

/* ── Vitrin Etiketi arşiv sayfası ── */
.tutku-promo-archive { padding: 24px 15px 40px; }
.tutku-promo-archive__header { margin: 0 0 22px; }
.tutku-promo-archive__badge {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 4px 12px; border-radius: 5px; color: #fff;
    font-size: 12px; font-weight: 600; line-height: 1;
}
.tutku-promo-archive__badge i { font-size: 11px; }
.tutku-promo-archive__title {
    margin: 10px 0 0; font-size: 24px; font-weight: 700; color: #1d2327;
    display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap;
}
.tutku-promo-archive__count { font-size: 14px; font-weight: 500; color: #6b7280; }
.tutku-promo-archive__desc { margin: 6px 0 0; color: #50575e; }
.tutku-promo-archive__col { margin-bottom: 26px; }
.tutku-promo-archive__empty { color: #6b7280; font-style: italic; padding: 30px 0; }
.tutku-promo-archive__pagination { margin-top: 10px; }
.tutku-promo-archive__pagination .page-numbers {
    display: inline-block; min-width: 34px; text-align: center; padding: 6px 10px;
    margin: 0 3px 6px; border: 1px solid #e2e4e7; border-radius: 5px; color: #1d2327;
    text-decoration: none; font-size: 13px;
}
.tutku-promo-archive__pagination .page-numbers.current { background: #7f9e52; border-color: #7f9e52; color: #fff; }
.tutku-promo-archive__pagination a.page-numbers:hover { background: #f0f0f1; }