:root {
    --lacivert: #0b1c3f;
    --lacivert-koyu: #07132b;
    --altin: #d4af37;
    --altin-koyu: #b8962c;
    --acik-gri: #f8f9fa;
    --metin: #4a4a4a;
    --beyaz: #ffffff;
}

* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; }
body { background-color: var(--acik-gri); color: var(--metin); overflow-x: hidden; } /* overflow-x taşmaları engeller */
h1, h2, h3, h4 { color: var(--lacivert); font-weight: 700; }
a { text-decoration: none; }

/* ÜST BİLGİ ÇUBUĞU */
.ust-bilgi-cubugu { display: flex; justify-content: space-between; background-color: var(--lacivert-koyu); color: #ccc; padding: 10px 50px; font-size: 0.85rem; position: relative; z-index: 1000; }
.sol-bilgi span, .sag-bilgi span, .sag-bilgi a { margin-right: 20px; color: #ccc; transition: 0.3s; }

/* ŞEFFAF ANA MENÜ */
.ana-menu { display: flex; justify-content: space-between; align-items: center; padding: 25px 50px; background: transparent; position: absolute; width: 100%; z-index: 999; }
.logo { font-size: 1.8rem; font-weight: 700; color: var(--altin); }
.logo span { color: var(--beyaz); font-weight: 300; font-size: 1.2rem; }

/* SİHİRLİ MENÜ HOVER EFEKTİ (Diğerleri solar, seçilen parlar) */
.menu-linkleri { display: flex; transition: all 0.3s ease; }
.menu-linkleri:hover a { opacity: 0.4; } /* Fare menüye girince hepsi solar */
.menu-linkleri a { color: var(--beyaz); margin: 0 15px; font-weight: 600; font-size: 0.95rem; transition: 0.3s; }
.menu-linkleri a:hover { opacity: 1 !important; color: var(--altin); } /* Sadece üstüne gelinen netleşir */

.menu-telefon { text-align: right; color: var(--beyaz); }
.menu-telefon span { display: block; font-size: 0.8rem; color: #ddd; }
.menu-telefon strong { color: var(--altin); font-size: 1.1rem; }
.mobil-menu-butonu { display: none; color: var(--beyaz); font-size: 1.8rem; cursor: pointer; }

/* KARŞILAMA ALANI (PARALAKS SABİT ARKAPLAN) */
.karsilama-alani { 
    background-image: linear-gradient(rgba(11, 28, 63, 0.6), rgba(11, 28, 63, 0.6)), url('https://images.unsplash.com/photo-1600596542815-ffad4c1539a9?w=1920'); 
    background-attachment: fixed; /* Büyü burada: Fotoğraf sabit durur */
    background-position: center; 
    background-size: cover; 
    height: 100vh; 
    display: flex; 
    align-items: center; 
    padding: 0 50px; 
}

/* YAZI ANİMASYONLARI */
.karsilama-icerik h1, .karsilama-icerik p, .karsilama-butonlar {
    opacity: 0;
    transform: translateY(40px);
    animation: asagidanGel 1s ease-out forwards;
}
.karsilama-icerik h1 { animation-delay: 0.2s; font-size: 5rem; color: var(--beyaz); border-bottom: 4px solid var(--altin); display: inline-block; padding-bottom: 10px; margin-bottom: 20px;}
.karsilama-icerik p { animation-delay: 0.4s; font-size: 1.2rem; color: #eee; max-width: 700px; margin-bottom: 40px; }
.karsilama-butonlar { animation-delay: 0.6s; display: flex; gap: 30px; align-items: center; }

@keyframes asagidanGel {
    to { opacity: 1; transform: translateY(0); }
}

.buton-altin { background: var(--altin); color: var(--lacivert); padding: 15px 35px; font-weight: 700; border-radius: 4px; transition: 0.3s; }
.karsilama-iletisim { color: var(--beyaz); }
.karsilama-iletisim strong { color: var(--altin); font-size: 1.2rem; }
.buton-oynat { border: 2px solid var(--beyaz); color: var(--beyaz); width: 55px; height: 55px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 1.2rem; }

/* HAKKIMIZDA & YÜZEN FORM */
.hakkimizda-ve-form { display: flex; justify-content: space-between; padding: 100px 50px; background: var(--acik-gri); }
.hakkimizda-metin { width: 50%; padding-right: 50px; }
.yuzen-form { width: 40%; background: var(--beyaz); padding: 40px; border-radius: 10px; box-shadow: 0 20px 40px rgba(0,0,0,0.1); margin-top: -150px; position: relative; z-index: 10; border-top: 5px solid var(--lacivert); }
.girdi-alani { position: relative; margin-bottom: 15px; }
.girdi-alani input, .girdi-alani select { width: 100%; padding: 15px; background: var(--acik-gri); border: 1px solid #ddd; border-radius: 5px; }
.buton-tam-altin { width: 100%; background: var(--altin); color: var(--lacivert); padding: 15px; font-weight: bold; border: none; border-radius: 5px; cursor: pointer; }

/* ÇALIŞMA STATÜSÜ (BEYAZ YAZI - LACİVERT ARKAPLAN HOVER) */
.calisma-statusu { text-align: center; padding: 80px 50px; background: var(--beyaz); }
.kart-izgarasi { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-top: 40px; }
.istatistik-karti { background: var(--acik-gri); padding: 40px 20px; border-radius: 10px; transition: all 0.4s ease; cursor: pointer; }
.istatistik-karti i { font-size: 3rem; color: var(--lacivert); margin-bottom: 20px; transition: 0.4s; }
.istatistik-karti h4 { font-size: 1rem; color: var(--lacivert); transition: 0.4s; }

/* İŞTE O SİHİRLİ EFEKT */
.istatistik-karti:hover { background-color: var(--lacivert); transform: translateY(-10px); }
.istatistik-karti:hover h4, .istatistik-karti:hover i { color: var(--beyaz); }

/* SABİT PARALAKS ŞERİT */
.sabit-serit { 
    background-image: linear-gradient(rgba(11, 28, 63, 0.85), rgba(11, 28, 63, 0.85)), url('https://images.unsplash.com/photo-1512917774080-9991f1c4c750?w=1920'); 
    background-attachment: fixed; /* Fotoğraf Sabit */
    background-position: center; 
    background-size: cover; 
    text-align: center; 
    padding: 120px 20px; 
}
.sabit-serit h2 { color: var(--beyaz); font-size: 2.5rem; font-weight: 300; }
.sabit-serit span { color: var(--altin); font-weight: 700; }

/* MÜŞTERİ YORUMLARI (TAM EKRAN YAPI) */
.musteri-yorumlari { display: flex; min-height: 80vh; background: var(--lacivert); color: var(--beyaz); }
.yorum-metin-alani { width: 50%; padding: 100px; display: flex; flex-direction: column; justify-content: center; }
.yorum-metin-alani h2 { color: var(--altin); font-size: 3.5rem; margin-bottom: 30px; }
.yorum-metin-alani p { font-size: 1.5rem; line-height: 1.8; margin-bottom: 40px; }
.yorum-gorsel-alani { width: 50%; background: url('https://images.unsplash.com/photo-1560250097-0b93528c311a?w=800') center/cover; }

/* ==============================================
   ALT BİLGİ (FOOTER) ALANI
   ============================================== */
.site-alt-bilgi {
    background-color: var(--lacivert-koyu);
    color: #d1d5db;
    padding: 80px 50px 0 50px; 
}

.alt-bilgi-icerik {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap;
    padding-bottom: 50px;
}

.alt-bilgi-sutun { flex: 1; min-width: 200px; }
.logo-sutunu { flex: 1.5; } /* Logonun olduğu kısım metin uzun olduğu için biraz daha geniş */

.logo-sutunu .logo { margin-bottom: 20px; }
.logo-sutunu p { font-size: 0.9rem; line-height: 1.8; margin-bottom: 25px; }

/* Sosyal Medya İkonları */
.sosyal-medya { display: flex; gap: 20px; }
.sosyal-medya a { color: var(--beyaz); font-size: 1.3rem; transition: 0.3s; }
.sosyal-medya a:hover { color: var(--altin); transform: translateY(-3px); }

.alt-bilgi-sutun h4 { color: var(--beyaz); font-size: 1.1rem; margin-bottom: 25px; font-weight: 600; }

/* 2. Sütun: Hızlı İletişim İkonlu Yapı */
.iletisim-satiri { display: flex; align-items: center; gap: 15px; margin-bottom: 25px; }
.iletisim-satiri i { color: var(--altin); font-size: 1.5rem; width: 25px; text-align: center; }
.iletisim-satiri div { display: flex; flex-direction: column; }
.iletisim-satiri span { font-size: 0.8rem; color: #9ca3af; margin-bottom: 3px; }
.iletisim-satiri strong { font-size: 0.95rem; color: var(--beyaz); font-weight: 500; }

/* 3. ve 4. Sütun: Linkler */
.link-sutunu ul { list-style: none; }
.link-sutunu ul li { margin-bottom: 12px; }
.link-sutunu ul li a { color: #d1d5db; font-size: 0.9rem; transition: 0.3s; display: inline-block; }
.link-sutunu ul li a:hover { color: var(--altin); transform: translateX(5px); } /* Üzerine gelince sağa kayar */

/* En Alt Telif Çizgisi */
.alt-bilgi-telif { border-top: 1px solid rgba(255, 255, 255, 0.1); display: flex; justify-content: space-between; padding: 25px 0; font-size: 0.85rem; color: #9ca3af; align-items: center; }
.alt-bilgi-telif strong { color: var(--altin); }

/* YUKARI ÇIK BUTONU (Görseldeki Gibi Yuvarlak ve Beyaz) */
.yukari-cik-butonu {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-color: var(--beyaz);
    color: var(--lacivert-koyu);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    font-size: 1.2rem;
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}
.yukari-cik-butonu:hover { background-color: var(--altin); color: var(--lacivert-koyu); transform: translateY(-5px); }

/* FOOTER MOBİL UYUM */
@media (max-width: 768px) {
    .site-alt-bilgi { padding: 50px 20px 0 20px; }
    .alt-bilgi-icerik { flex-direction: column; gap: 40px; }
    .alt-bilgi-telif { flex-direction: column; text-align: center; gap: 15px; }
    .yukari-cik-butonu { width: 45px; height: 45px; bottom: 20px; right: 20px; }
}


/* ==============================================
   KUSURSUZ MOBİL UYUM (TAŞMALAR ENGELLENDİ)
   ============================================== */
@media (max-width: 768px) {
    /* Genel Ortalama */
    .ust-bilgi-cubugu, .menu-telefon, .karsilama-iletisim { display: none; }
    body, section { text-align: center !important; }
    
    /* Şeffaf Menüden Lacivert Arkaplana Geçiş (Yazı okunması için) */
    .ana-menu { padding: 15px 20px; background: var(--lacivert); position: fixed; }
    
    /* Yarım Ekran Hamburger Menü Sırrı */
    .mobil-menu-butonu { display: block; }
    .menu-linkleri { 
        position: absolute; 
        top: 100%; 
        left: 0; 
        width: 100%; 
        background: var(--beyaz); 
        flex-direction: column; 
        padding: 0; /* JS ile açılacak */
        max-height: 0; 
        overflow: hidden; 
        box-shadow: 0 10px 20px rgba(0,0,0,0.1); 
    }
    .menu-linkleri.aktif { max-height: 300px; padding: 20px 0; } /* Ekranı kaplamaz, sadece açılır */
    .menu-linkleri a { color: var(--lacivert); margin: 10px 0; padding: 10px; display: block; border-bottom: 1px solid #eee; }
    .menu-linkleri a:hover { background: var(--acik-gri); }
    .menu-linkleri:hover a { opacity: 1; } /* Mobilde solma efektini kapattık */
    
    /* Bölüm Düzenlemeleri (Izgaraları Alt Alta Dizdik) */
    .karsilama-icerik h1 { font-size: 3rem; }
    .karsilama-butonlar { flex-direction: column; gap: 15px; }
    
    .hakkimizda-ve-form { flex-direction: column; padding: 50px 20px; }
    .hakkimizda-metin, .yuzen-form { width: 100%; padding: 0; }
    .yuzen-form { margin-top: 50px; } /* Yüzme efektini iptal edip alta aldık */
    
    .kart-izgarasi { grid-template-columns: 1fr; }
    
    .musteri-yorumlari { flex-direction: column; }
    .yorum-metin-alani, .yorum-gorsel-alani { width: 100%; padding: 40px 20px; }
    .yorum-gorsel-alani { min-height: 400px; }
}