/* assets/css/style.css */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

:root {
    --primary: #003366; /* Koyu Lacivert (Güven) */
    --secondary: #ff6600; /* Turuncu (Enerji/Isı) */
    --light: #f8f9fa;
    --dark: #212529;
}

body { font-family: 'Poppins', sans-serif; color: #444; overflow-x: hidden; }

/* Üst Bar */
.top-bar { background: var(--primary); color: white; padding: 10px 0; font-size: 0.9rem; }
.top-bar a { color: white; text-decoration: none; margin-right: 15px; }
.top-bar i { color: var(--secondary); margin-right: 5px; }

/* Navbar (Menü) */
.navbar { box-shadow: 0 2px 10px rgba(0,0,0,0.1); background: white; padding: 15px 0; }
.navbar-brand { font-weight: 700; font-size: 1.5rem; color: var(--primary) !important; }
.nav-link { color: var(--dark) !important; font-weight: 500; margin: 0 10px; transition: 0.3s; }
.nav-link:hover, .nav-link.active { color: var(--secondary) !important; }
.btn-quote { background: var(--secondary); color: white; border-radius: 50px; padding: 8px 25px; font-weight: 600; transition: 0.3s; }
.btn-quote:hover { background: var(--primary); color: white; transform: translateY(-2px); }

/* Slider (Ana Ekran) */
.hero-slider .carousel-item { height: 600px; background-size: cover; background-position: center; position: relative; }
.hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: flex; align-items: center; }
.hero-content { color: white; text-align: left; }
.hero-content h1 { font-size: 3.5rem; font-weight: 700; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); }
.hero-content p { font-size: 1.2rem; margin-bottom: 20px; }

/* Sabit WhatsApp Butonu */
.whatsapp-float {
    position: fixed; bottom: 20px; right: 20px;
    background: #25d366; color: white;
    width: 60px; height: 60px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 30px; box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    z-index: 9999; transition: 0.3s; text-decoration: none;
}
.whatsapp-float:hover { transform: scale(1.1); color: white; background: #20b85c; }

/* Footer */
footer { background: #1a1a1a; color: #aaa; padding-top: 50px; }
footer h5 { color: white; margin-bottom: 20px; font-weight: 600; }
footer a { color: #aaa; text-decoration: none; transition: 0.3s; display: block; margin-bottom: 10px; }
footer a:hover { color: var(--secondary); padding-left: 5px; }
.footer-bottom { background: #111; padding: 20px 0; margin-top: 40px; text-align: center; font-size: 0.9rem; }

/* Responsive Ayarlar */
@media (max-width: 768px) {
    .hero-slider .carousel-item { height: 400px; }
    .hero-content h1 { font-size: 2rem; }
    .top-bar { display: none; } /* Mobilde üst barı gizle, kalabalık etmesin */
}
/* --- MOBİL ÖZEL AYARLAR (En Alta Yapıştır) --- */

@media (max-width: 768px) {
    /* Slider Mobilde Çok Yer Kaplamasın */
    .hero-slider .carousel-item {
        height: 350px !important; /* Yüksekliği azalttık */
    }
    
    /* Slider Yazıları Mobilde Küçülsün */
    .hero-content h1 {
        font-size: 1.8rem !important; /* Dev puntoları kıstık */
    }
    .hero-content p {
        font-size: 0.9rem;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* Sadece 2 satır göster */
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    /* Butonlar Mobilde Yan Yana Sığsın */
    .hero-content .btn {
        padding: 8px 15px;
        font-size: 0.9rem;
        width: 48%; /* Butonları yan yana dizer */
        margin-right: 2% !important;
    }

    /* "Neden Biz" Kutuları */
    .col-6 {
        /* Mobilde özellik kutuları biraz daha sıkışık olsun */
        padding-left: 5px;
        padding-right: 5px;
    }
    
    /* Acil Arama Butonu (Sarı Olan) */
    .pulse-anim {
        width: 100%; /* Mobilde tam genişlik olsun, basması kolay olsun */
        margin-top: 15px;
    }
    
    /* WhatsApp Butonu Mobilde Biraz Daha Yukarıda */
    .whatsapp-float {
        bottom: 15px;
        right: 15px;
        width: 50px;
        height: 50px;
        font-size: 24px;
    }
}