/* Genel font ayarı ve renk paleti */
:root {
    --primary: #1C4587; /* Koyu Mavi */
    --secondary: #D4AF37; /* Altın Sarısı */
    --background: #F8F9FA;
    --text-dark: #1F2937;
    /* Geliştirilmiş, modern gölgeler */
    --shadow-primary: 0 10px 15px -3px rgba(28, 69, 135, 0.1), 0 4px 6px -2px rgba(28, 69, 135, 0.05);
    --shadow-secondary: 0 10px 15px -3px rgba(212, 175, 55, 0.2), 0 4px 6px -2px rgba(212, 175, 55, 0.1);
}
body {
    font-family: 'Inter', sans-serif;
    background-color: var(--background);
    color: var(--text-dark);
}
.text-primary { color: var(--primary); }
.bg-primary { background-color: var(--primary); }
.text-secondary { color: var(--secondary); }
.border-secondary { border-color: var(--secondary); }

/* Buton stili */
.btn-primary {
    /* Daha belirgin buton stili ve gölge */
    @apply inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-xl text-white bg-primary hover:bg-blue-800 transition duration-300 ease-in-out shadow-lg hover:shadow-xl;
}

/* Chatbot için özel stiller */
#chatbot-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 50;
}

#chat-window {
    width: 320px;
    height: 400px;
    transform: scale(0.9); /* Mobil cihazlarda daha iyi görünüm */
    transform-origin: bottom right;
}

@media (min-width: 640px) {
    #chat-window {
        width: 380px;
        height: 500px;
        transform: scale(1);
    }
}

/* Teklif Modal stili */
#quote-modal {
    background-color: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px); /* Blur efekti artırıldı */
}
.modal-content {
    animation: fadeIn 0.3s ease-out;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Yeni Chatbot Butonu Stili */
#chat-btn-always-visible {
    background-color: var(--primary); 
    transition: all 0.3s ease-in-out; 
    border: 3px solid var(--secondary); /* Daha çarpıcı bir kenarlık */
}
#chat-btn-always-visible:hover {
    background-color: var(--secondary);
    color: var(--primary); /* Hover'da ikon rengi */
    /* Kayma yaratan scale kaldırıldı */
}

/* Yazıyor (Typing) İbaresi Stili */
#loading-indicator {
    /* Tailwind sınıfları @apply ile dahil edildi */
    @apply p-2 text-center bg-primary text-white text-sm font-medium rounded-b-xl;
    transition: opacity 0.3s;
}


/* WHATSAPP TEKLİF BUTONU İYİLEŞTİRMESİ */
.btn-whatsapp-quote {
    background-color: var(--secondary) !important;
    transition: all 0.2s ease-in-out !important;
    /* Dışa doğru daha belirgin ve renkli gölge */
    box-shadow: 0 15px 25px -5px rgba(212, 175, 55, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    /* Gerekli Tailwind sınıflarını @apply ile ekleyelim */
    @apply inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-xl text-white;
}
.btn-whatsapp-quote:hover {
    background-color: #C5A12D !important; /* Bir tık koyu altın */
    transform: translateY(-2px); /* Hafif yükselme efekti korundu */
    box-shadow: 0 20px 30px -5px rgba(212, 175, 55, 0.6), 0 6px 10px -3px rgba(0, 0, 0, 0.1); /* Güçlü gölge */
}

/* CHATBOT BUTON DÜZELTMESİ */
.btn-chat-quote-start {
     background-color: var(--secondary) !important;
     color: white !important;
     transition: all 0.2s ease-in-out !important;
}
.btn-chat-quote-start:hover {
     background-color: #C5A12D !important;
     /* Kayma yaratan scale kaldırıldı */
}

/*
   SLIDER STİLLERİ (GENEL)
*/
.slider-container {
    position: relative;
    overflow: hidden;
    touch-action: pan-y;
}
.slider-wrapper {
    display: flex;
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* Yumuşak bir geçiş eğrisi */
    flex-wrap: nowrap;
    width: 100%;
}

.slider-item {
    flex-shrink: 0;
    width: 100%; 
    padding: 0; 
    box-sizing: border-box;
}

/* Slider Butonlarının Konumlandırması */
.slider-button {
    /* Buton stili iyileştirildi */
    /* GÜNCELLENDİ: Ana renk SARI, hover MAVİ yapıldı */
    @apply bg-secondary text-primary p-3 rounded-full shadow-lg border border-secondary/20 transition duration-300 z-10 opacity-90 hover:opacity-100;
}
.slider-button:hover {
     /* GÜNCELLENDİ: Kayma yaratan scale kaldırıldı, renk değişimi eklendi */
     background-color: var(--primary);
     color: var(--secondary);
}

/* Slider Dotları Stili */
#about-us-dots, #services-dots, #review-dots {
    margin-top: 1.5rem; 
}
#about-us-dots button, #services-dots button, #review-dots button {
    @apply w-3 h-3 rounded-full transition-colors duration-300 mx-1 shadow-sm border border-gray-200;
}
/* GÜNCELLENDİ: Aktif dot rengi secondary (Altın) yapıldı */
#about-us-dots .bg-primary, #services-dots .bg-primary, #review-dots .bg-primary {
    @apply w-4 h-4 bg-secondary shadow-lg;
    transform: scale(1.1); /* Dot'lardaki büyüme kalabilir, düzeni bozmuyor */
}


/* Mobil Cihazlar */
@media (max-width: 767px) {
    /* Hakkımızda slider'ına mobil padding verelim */
    #about-us-slider .slider-item {
        padding: 0 0.5rem;
    }
    
    /* Hizmetler ve Yorumlar slider'ı için mobil padding (kartın içindeki boşlukları korur) */
    #services-slider .slider-item,
    #review-slider .slider-item {
         padding: 0 0.5rem;
    }
    
    .slider-button {
         @apply p-2;
    }
}

/* Masaüstü (md ve üzeri) Özelleştirmesi */
@media (min-width: 768px) {
    
    /* Tüm slider container'larının genişliğini ayarlayalım */
    /* GÜNCELLENDİ: about-us-container artık tam genişlik (max-w-7xl) kullanıyor */
    #about-us-container { max-width: 100%; } 
    #review-container { max-width: 80rem; } 
    #services-container { max-width: 80rem; }
    
    .slider-wrapper-reviews .slider-item,
    .slider-wrapper-services .slider-item {
         /* Masaüstünde 3'lü görünüm için kartlar arası boşluk (gap) */
         margin-right: 1.5rem; /* 24px */
         padding: 0;
    }
    
    #about-us-slider .slider-item {
        padding: 0; 
    }
}

/*
   1. KURUMSAL KİMLİK KARTLARI STİLİ (SLIDER 1) - DÜZELTME
*/
.about-card {
    /* Genel kart stili */
    /* Padding artırıldı (p-10), rounded-3xl ile daha yumuşak köşeler */
    @apply bg-white p-12 rounded-3xl h-full flex flex-col justify-start; 
    border-radius: 1.5rem; 
    /* DİKKAT: Transform kaldırıldı */
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); 
    
    /* GÜNCELLENDİ: border-t-8 kaldırıldı, box-shadow değiştirildi */
    box-shadow: 0 10px 20px -5px rgba(0,0,0,0.07);
    
    /* GÜNCELLENDİ: Eşit yükseklik için min-height eklendi */
    min-height: 520px;
}
.about-card h3 {
    /* KULLANICI İSTEĞİ 2: Başlık altındaki boşluk artırıldı (2.5rem'den 3.5rem'e) */
    margin-bottom: 3.5rem; /* 2.5rem idi */
    font-size: 1.75rem; /* Başlık boyutu büyütüldü */
    font-weight: 700;
    /* GÜNCELLENDİ: Alt başlıkları ortalamak için eklendi */
    text-align: center;
}
.about-card p {
    margin-bottom: 1.25rem; /* Paragraflar arası boşluk */
    /* GÜNCELLENDİ: Biz Kimiz yazısı büyütüldü ve satır aralığı artırıldı */
    font-size: 1.1rem; /* 1.1rem (17.6px) */
    line-height: 1.8; /* Daha ferah satır aralığı */
}
.about-card ul {
    /* GÜNCELLENDİ: Özel madde işaretleri için varsayılan liste stili kaldırıldı */
    list-style-type: none;
    padding-left: 0.5rem; 
}
.about-card ul li {
    margin-bottom: 0.75rem; /* Madde araları açıldı */
    line-height: 1.6; /* Daha ferah madde satır aralığı */
    /* GÜNCELLENDİ: Özel madde işareti eklendi */
    position: relative;
    padding-left: 2rem; /* Madde işareti için boşluk */
    font-size: 1.05rem; /* Liste elemanları hafif büyütüldü */
}
.about-card ul li::before {
    content: '✓'; /* Onay işareti */
    position: absolute;
    left: 0;
    top: 2px;
    font-weight: 900;
    color: var(--secondary); /* Altın rengi */
    font-size: 1.2rem;
    line-height: 1;
}

.about-card:hover {
    /* KULLANICI İSTEĞİ 2 DÜZELTME: transform: translateY(-4px) kaldırıldı. */
    /* Sadece gölge değişimi bırakılarak kayma/titreme engellendi. */
    box-shadow: 0 15px 30px -5px rgba(28, 69, 135, 0.15), 0 6px 15px -3px rgba(28, 69, 135, 0.05); 
    /* transform: translateY(-4px); -> KALDIRILDI */
}


/*
   2. HİZMET KARTLARI STİLİ (SLIDER 2) - DÜZELTME
   Kullanıcının isteği: İkonlar kalkınca bozulan kutu boyutlarını düzelt ve estetiği iyileştir.
*/
.service-card {
    /* Estetik ve hizalama için düzenlendi */
    /* flex-grow metin sarmalayıcı div'e taşındı. */
    @apply flex flex-col justify-start bg-white rounded-3xl px-8 pb-10 pt-12 h-full shadow-lg;
    position: relative;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    
    /* Estetik dış anahat (outline) efekti için başlangıç */
    border: 1px solid #E5E7EB; 
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.02);
    
    /* YENİ: İkonlar kalktığı için eşit kart yüksekliği sağlamak adına sabit minimum yükseklik ekleniyor.
       Bu, metin miktarı az olan kartların diğerleri kadar uzun görünmesini sağlar. */
    min-height: 250px; 
    
    /* Metinler sola hizalı kalır */
}

.service-card:hover {
    /* GÜNCELLENDİ: Kayma yaratan transform kaldırıldı */
    /* Altın rengi dış anahat (outline) efekti ve yükselen gölge */
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.1), 0 0 0 3px var(--secondary); 
    border-color: var(--secondary); 
}

/* İKON KALDIRILDIĞI İÇİN İLGİLİ CSS DE KALDIRILMIŞTI. YERİNE: */


.service-card h3 {
     /* GÜNCELLENDİ: margin-top sıfırlandı */
     margin-top: 0; 
     font-weight: 700; /* Extra bold */
     font-size: 1.5rem; /* Başlık boyutu artırıldı */
     line-height: 1.3; /* Satır aralığı iyileştirildi */
}
.service-card p {
    margin-top: 0.75rem; /* Açıklama ile başlık arasına boşluk */
    line-height: 1.7; /* Açıklama metni satır aralığı */
}


/*
   3. YORUM KARTLARI STİLİ (SLIDER 3)
*/
.review-card {
    /* Kart stili iyileştirildi */
    @apply bg-white p-6 rounded-2xl shadow-xl border-t-8 border-secondary h-full flex flex-col justify-between transition duration-300 hover:shadow-2xl;
    /* GÜNCELLENDİ: Kayma yaratan scale kaldırıldı */
}

/*
   DİL KARTLARI İYİLEŞTİRMESİ
*/
#diller .grid > div {
    /* Dil kartlarına animasyon ve daha estetik border */
    @apply bg-white p-6 rounded-2xl shadow-xl border-l-8 border-secondary/70 text-center transition duration-300 cursor-pointer hover:shadow-2xl hover:border-secondary;
    /* GÜNCELLENDİ: Kayma yaratan scale kaldırıldı */
}