/* style.css */

/* Genel Stil Ayarları */
body {
    font-family: 'Inter', sans-serif;
    color: #343a40; /* Koyu Gri */
    line-height: 1.7;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700; /* Kalın başlıklar */
}

.section-title {
    color: #0d6efd; /* Bootstrap Primary Blue */
}

/* 1. En Üst Kısım (Başlık ve Kimlik) */
.main-header {
    background: linear-gradient(135deg, #007bff 0%, #dc3545 100%); /* Mavi-Kızıl Geçiş */
    /* Yedek arka plan rengi */
    background-color: #007bff; 
}

.main-header h1 {
    font-size: 2.8rem; /* Büyük Ana Başlık */
}

@media (max-width: 768px) {
    .main-header h1 {
        font-size: 2.2rem;
    }
    .main-header h2 {
        font-size: 1.1rem;
    }
}

/* 3. Ürün ve Çözümler Alanı */
.product-card {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    border: none; /* Bootstrap kart sınırını kaldır */
    cursor: pointer; /* Tıklanabilir olduğunu belirt */
}

.product-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.product-icon i {
    transition: color 0.3s ease;
}

.product-card:hover .product-icon i {
    color: #dc3545 !important; /* Hover'da ikon rengi kırmızı */
}

/* Modal Stilleri */
.modal-header {
    background-color: #f8f9fa; /* Açık gri modal başlığı */
    border-bottom: 1px solid #dee2e6;
}

.modal-title {
    color: #0d6efd; /* Ana başlık rengi */
}

.modal-content {
    border: none;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

.modal-footer {
    background-color: #f8f9fa; /* Açık gri modal altbilgisi */
    border-top: 1px solid #dee2e6;
}


/* 4. Neden Nilvera? (Avantajlar) */
.advantage-item {
    background-color: #f8f9fa; /* Açık Gri Arka Plan */
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    border-left: 5px solid #dc3545; /* Kırmızı Vurgu Çizgisi */
}

.advantage-item:hover {
    background-color: #e9ecef;
    box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
}

.advantage-item i {
    color: #dc3545; /* Kırmızı İkonlar */
}

/* 5. Afyonkarahisar Bayiniz Olarak Hizmetlerimiz */
.service-card {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    border: 1px solid #e0e0e0;
}
.service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.1)!important;
}
.service-card i {
    color: #007bff; /* Mavi ikonlar */
}


/* 6. Alt Kısım (İletişim ve Çağrı) */
.main-footer {
    background: linear-gradient(135deg, #343a40 0%, #212529 100%); /* Koyu Gri Geçiş */
    /* Yedek arka plan rengi */
    background-color: #343a40; 
}

.main-footer h5 {
    color: #f8f9fa; /* Açık renk başlıklar */
}

.main-footer a, .main-footer p {
    color: #adb5bd; /* Açık gri metin ve linkler */
}

.main-footer a:hover {
    color: #ffffff; /* Hover'da beyaz linkler */
    text-decoration: underline;
}

.main-footer .fab { /* Sosyal medya ikonları */
    transition: transform 0.2s ease-in-out;
}

.main-footer .fab:hover {
    transform: scale(1.2);
}

.btn-danger {
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:hover {
    background-color: #c82333;
    border-color: #bd2130;
}

/* Genel Yuvarlak Köşeler */
.rounded-3 { /* Bootstrap 5'te zaten var ama emin olmak için */
    border-radius: .3rem !important; 
}
.rounded-pill { /* Bootstrap 5'te zaten var */
    border-radius: 50rem !important;
}
img.rounded {
    border-radius: .25rem !important;
}

/* Genel Gölge Efektleri */
.shadow-sm { /* Bootstrap 5'te zaten var */
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}