/* ============================================================= */
/* 1. DİNAMİK AÇILIR BUTONLAR (SPEED DIAL) VE STİL */
/* ============================================================= */

/* Ana Sınıf: Butonları Sabitleme */
.fixed-contact-buttons-wrapper {
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    z-index: 10000 !important;
    display: flex;
    flex-direction: column-reverse; /* Ana butonun en altta kalması için */
    align-items: flex-end;
}

/* Genel Buton Stili */
.dial-button {
    width: 55px !important;
    height: 55px !important;
    border-radius: 50% !important;
    margin-top: 10px !important; 
    
    display: flex;
    align-items: center;
    justify-content: center;
    
    color: #fff !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.4) !important;
    text-decoration: none;
    border: none !important;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* ------------------------------------------------------------- */
/* 2. ANA TOGGLE BUTONU VE PULSE ANİMASYONU (ÇALIŞMASI GARANTİLİ) */
/* ------------------------------------------------------------- */
#main-contact-toggle {
    background-color: var(--primary-color) !important; /* Kırmızı renk */
    animation: pulsate 1.5s ease-out infinite !important; /* Animasyonu zorla uygula */
}
@keyframes pulsate {
    0% {box-shadow: 0 0 0 0 rgba(224, 80, 40, 0.7);}
    70% {box-shadow: 0 0 0 15px rgba(224, 80, 40, 0);} /* Çizgiyi daha belirgin yaptık */
    100% {box-shadow: 0 0 0 0 rgba(224, 80, 40, 0);}
}

/* ------------------------------------------------------------- */
/* 3. AÇILIR GRUP VE RENKLERİN ZORLANMASI */
/* ------------------------------------------------------------- */

/* İKON VE RENK AYARLARI */
.dial-button i {
    font-size: 24px !important; 
    color: #fff !important; 
    font-family: icomoon !important; 
}

/* Renk Kuralları (Beyaz kalmasını engellemek için arka planı zorluyoruz) */
.dial-button.whatsapp-btn { background-color: #25d366 !important; }
.dial-button.telegram-btn { background-color: #0088cc !important; }
.dial-button.call-btn { background-color: var(--primary-color) !important; }
.dial-button.close-btn { background-color: #555 !important; } /* Kapatma butonu için koyu gri */


/* AÇILIR GRUP (GİZLİ KISIM) */
.dial-group {
    max-height: 0; 
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
    display: flex;
    flex-direction: column-reverse;
}

/* Aktif olduğunda butonu aç */
.fixed-contact-buttons-wrapper.is-open .dial-group {
    max-height: 400px; 
    opacity: 1;
}

/* 1. Ara katmanları gizleyerek sadeleştirme (Eğer Blade'de yapmadıysak, bu CSS ile yapar) */
.flat-title-page .breadcrumb li:not(:first-child):not(:last-child) {
    display: none !important; 
}

/* 2. Tüm Metinleri Sola Hizalama */
.flat-title-page .container,
.flat-title-page .breadcrumb {
    text-align: left !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* 3. Boyut Küçültme */
.flat-title-page .breadcrumb a,
.flat-title-page .breadcrumb li,
.flat-title-page .breadcrumb span {
    font-size: 14px !important; /* Breadcrumb metnini küçült */
}

/* 4. Bölüm Yüksekliğini Küçültme */
.flat-title-page.style-2 {
    padding-top: 25px !important; /* Yüksekliği düşür */
    padding-bottom: 25px !important; 
    height: auto !important;
}

/* Bu kural, 'Local Expertise' başlığını hedef alır */
.single-property-element .title {
    color: #cd380f !important; /* Kırmızı renk kodu */
    font-size: 24px !important; /* Başlıkların büyük görünümünü korumak için */
}

/* Bu kural, aynı stili kullanan diğer tüm başlıkları da (Luxury Amenities vb.) kırmızı yapacaktır. */
.h7.title {
    color: #cd380f !important;
}

/* Bu kural, sitedeki tüm önemli başlık etiketlerinin (h4, h6) rengini değiştirerek 
   fiyatların tamamını hedefler. */
.box-price h4,          /* Detay sayfası fiyatı */
.d-flex.align-items-center h6, /* Ana sayfa fiyatı (tespit ettiğiniz yapı) */
h6.price,               /* Eğer h6'ya direkt price sınıfı eklendiyse */
.item-price,            /* Genel ilan kartı fiyatları */
.property-price,        /* Herhangi bir fiyat etiketi */
.price h4, 
.price h6 {
    color: #cd380f !important; /* İstenen kırmızı-turuncu renk kodu */
    font-weight: 700 !important;
}

/* ============================================================= */
/* 1. MASAÜSTÜ YÜKSEKLİĞİ (700px Sabit) */
/* ============================================================= */
body .flat-slider.home-1, 
body .flat-slider.home-1 .slick-list,
body .flat-slider.home-1 .slide-item {
    height: 700px !important; 
    min-height: 700px !important;
    max-height: 700px !important;
    overflow: hidden;
    margin-top: 0 !important;
}

/* Slider içeriğinin genel boşluğunu ayarlama (700px'e göre) */
body .flat-slider.home-1 .slider-content {
    padding-top: 100px !important; 
    padding-bottom: 100px !important;
    display: block !important;
}

/* ============================================================= */
/* 2. MOBİL DÜZELTME: YÜKSEKLİK ZORLAMASINI KALDIRMA (820px'e İzin Ver) */
/* ============================================================= */
@media screen and (max-width: 991px) {
    
    /* Mobil yüksekliği zorlamayı kaldırıyoruz - Tema 820px'i kullanacak */
    body .flat-slider.home-1, 
    body .flat-slider.home-1 .slick-list,
    body .flat-slider.home-1 .slide-item {
        height: auto !important; /* Otomatik yüksekliğe geri dön */
        min-height: 820px !important; /* Tema orijinalini koru */
        max-height: unset !important;
        margin-top: 0 !important;
    }
    
    /* Mobil İçerik Ortalaması ve Aşağı Çekme (Daha önce 800px'e göre ayarlanan padding) */
    body .flat-slider.home-1 .slider-content {
        /* İçeriği aşağı indirmek için 150px padding'i kullanıyoruz */
        padding-top: 150px !important; 
        padding-bottom: 50px !important; 
    }
    
    /* GİZLENEN BUTONLARI GÖSTERMEYE ZORLAMA */
    .flat-filter-form .form-style button[type="submit"], 
    .flat-filter-form .box-filter {
        display: block !important; 
        visibility: visible !important;
    }
}

.property-item .archive-bottom .d-flex.gap-8.align-items-center {
    display: none !important;
}