/* static/css/style.css - Sadece ek stiller için koruma altına alındı */

/* Django mesajlarının Bootstrap alert stiliyle uyumlu olması için basit bir stil */
ul.messages {
    list-style: none;
    padding: 0;
}
.messages li.success {
    background-color: #d4edda;
    color: #155724;
    padding: 10px;
    border: 1px solid #c3e6cb;
    border-radius: 4px;
    margin-bottom: 15px;
}
.card-link {
    text-decoration: none; /* Bağlantı alt çizgilerini kaldırır */
    display: block; /* Tamamının tıklanabilir olmasını sağlar */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Yumuşak geçiş */
    border-radius: 0.5rem; /* Bootstrap'in rounded-3 karşılığı */
}

/* Hover efekti: Hafif yukarı kalkma (Y ekseninde -5px) ve gölge büyütme */
.card-link:hover {
    transform: translateY(-5px); 
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; /* Daha belirgin gölge */
}

/* Kartın içindeki görseller için tutarlı boyutlandırma */
.card-link .card-img-top {
    height: 200px;
    object-fit: cover;
}

/* Başlık Stili: Daha dikkat çekici ve ayrılmış başlık */
.content-heading {
    /* Bootstrap'in .text-center .mb-4 .border-bottom .pb-2 sınıflarına ek olarak */
    font-size: 2.5rem; 
    font-weight: 700;
    color: #007bff; /* Mavi tonu */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 1.5rem !important;
    padding-bottom: 0.5rem !important;
}


/* --- 2. Jumbotron (Ana Banner) İyileştirmesi --- */

.jumbotron-custom {
    /* Resmin tam ekran yüksekliği alması (isteğe bağlı) */
    /* min-height: 70vh; */ 
    display: flex;
    align-items: center; /* İçeriği dikeyde ortalar */
}

/* Masaüstü görünümü için (768px ve üzeri) */
@media (min-width: 768px) {
    .jumbotron-custom .container-fluid {
        /* Metin kutusunun maksimum genişliğini küçültme */
        max-width: 50%; 
        /* Konumlandırma için sola hizalama */
        margin-left: 0; 
        /* Görselin sağ tarafını daha fazla açık bırakır */
    }
}


/* --- 3. Navbar Logo Boyutu --- */

.navbar-brand img {
    height: 40px; /* Mevcut 30px yerine daha büyük bir boyut */
    transition: transform 0.3s;
}

.navbar-brand:hover img {
    transform: scale(1.05); /* Logo üzerine gelindiğinde hafif büyüme */
}

html {
    scroll-behavior: smooth;
}

/* Hizmet Menüsü Hover Efekti */
.service-menu a {
    transition: all 0.2s ease-in-out;
    border-radius: 5px;
    margin: 3px; /* Küçük boşluklar ekler */
}

.service-menu a:hover {
    background-color: #ffc107 !important; /* Warning rengi hover rengi */
    color: #212529 !important; /* Siyah yazı */
    transform: translateY(-2px); /* Hafif yukarı kayma */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Service Detail Bölümlerinin Minimum Yüksekliğini Belirleme */
.featurette {
    min-height: 350px; 
}