/* Genel Stil Ayarları (Öncekiyle aynı veya güncelleyebilirsiniz) */
body {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #f8f9fa;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lora', serif;
    color: #212529;
    margin-bottom: 1rem;
}

/* Header (Üst Kısım) - Yeni Eklemeler/Güncellemeler */
.navbar {
    padding-top: 1rem;
    padding-bottom: 1rem;
    box-shadow: 0 2px 4px rgba(0,0,0,.05);
}

.navbar-brand {
    font-size: 1.8rem; /* Sanatçı Adı için daha belirgin font boyutu */
    font-weight: 700;
}

.navbar-nav .nav-link {
    font-weight: 500;
    transition: color 0.3s ease;
    padding-left: 1rem; /* Menü öğeleri arasına boşluk */
    padding-right: 1rem;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: #007bff !important; /* Vurgu rengi */
}

/* Sosyal Medya İkonları */
.navbar .d-flex.flex-column {
    align-items: flex-start; /* Mobil görünümde ikonları sola yasla */
}

@media (max-width: 991.98px) { /* lg breakpoint'ten küçük ekranlar için */
    .navbar-brand {
        margin-right: 0 !important; /* Mobil görünümde artist adının sağındaki boşluğu kaldır */
    }
    .navbar .d-flex.flex-column {
        width: 100%; /* İkonların tamamını kapsamasını sağla */
        order: -1; /* Sanatçı adının hemen altına gelsin */
        margin-bottom: 1rem; /* Menüden biraz boşluk bırak */
    }
    .navbar .d-flex.flex-column .mx-2 {
        margin-left: 0 !important; /* İkonların sol boşluğunu kaldır */
        margin-right: 1rem !important; /* İkonlar arasına sağ boşluk ekle */
        margin-bottom: 0.5rem !important; /* Alt alta gelince biraz boşluk */
    }
    .navbar .d-flex.flex-column .mx-2:last-child {
        margin-bottom: 0 !important;
    }
    #google_translate_element {
        margin-left: auto !important; /* Çeviri kutusunu sağa yasla */
        margin-right: 0 !important;
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
}


/* Slider İçin Görsel Ayarları (Öncekiyle aynı) */
.carousel-item img {
    object-fit: cover; /* Resmi kutuya sığdırır */
    object-position: center; /* Resmin ortalanmasını sağlar */
}

/* Sanatçı Fotoğrafı Daire Şekli */
.artist-photo-circle {
    width: 400px; /* Dairenin genişliği */
    height: 400px; /* Dairenin yüksekliği */
    border-radius: 50%; /* Daire şekli */
    overflow: hidden; /* Taşmaları gizle */
    border: 5px solid #fff; /* Beyaz kenarlık */
    box-shadow: 0 5px 15px rgba(0,0,0,0.2); /* Hafif gölge */
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f0f0f0; /* Fotoğraf yüklenene kadar görünen arka plan */
}

.artist-photo-circle img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Resmi daireye sığdır */
}

/* Biyografi Bölümü Hizalaması */
#about-section {
    background-color: #e9ecef; /* Açık gri bir arka plan */
    padding: 80px 0; /* İç boşluk */
}

/* Footer (Öncekiyle aynı veya güncelleyebilirsiniz) */
footer {
    background-color: #212529 !important; /* Koyu gri */
    color: #adb5bd !important; /* Açık gri metin */
    padding: 1.5rem 0;
}

/* Haber Kartı Resimleri için Zoom Efekti */
.haber-kart .card-img-top { /* Veya haber kartı resminizin gerçek sınıfı */
    transition: transform 0.3s ease-in-out; /* Yumuşak geçiş için */
    transform-origin: center center; /* Ortadan büyümesini sağlar */
}

.haber-kart .card-img-top:hover {
    transform: scale(1.05); /* Üzerine gelindiğinde %5 büyüt */
    /* Daha büyük bir büyüme isterseniz scale(1.1) yapabilirsiniz */
}

/* Galeri Resimleri için Zoom Efekti (haber-detay.php için) */
.haber-galeri img { /* Haber detay sayfasındaki galeri resimlerinizin kapsayıcı sınıfını kontrol edin */
    transition: transform 0.3s ease-in-out;
    transform-origin: center center;
}

.haber-galeri img:hover {
    transform: scale(1.05); /* Üzerine gelindiğinde %5 büyüt */
}

/* Eğer admin panelinde de kartlar varsa (haberler.php sayfasında) */
.img-thumbnail-admin { /* admin/haberler.php veya admin/haber_duzenle.php sayfasındaki öne çıkan görseller için */
    transition: transform 0.3s ease-in-out;
    transform-origin: center center;
}

.img-thumbnail-admin:hover {
    transform: scale(1.05);
}

/* admin/haber_duzenle.php sayfasındaki galeri önizleme resimleri için */
.gallery-preview-item img { /* Mevcut galeri resimlerinin önizlemesi için */
    transition: transform 0.3s ease-in-out;
    transform-origin: center center;
}

.gallery-preview-item img:hover {
    transform: scale(1.05);
}