/* Genel Arka Plan Stili */
body {
    /* YENİ: Temiz, koyu Bootstrap rengi */
    background-color: #212529 !important; 
    color: #f8f9fa; /* Yazı rengi genelde açık kalsın */
    min-height: 100vh; /* Sayfanın tamamını kaplasın */
    display: flex; /* Footer'ı alta sabitlemek için esnek kutu */
    flex-direction: column;
}

#page-wrapper {
    flex: 1; /* İçeriğin esnemesini sağla */
}

/* KANKA DÜZELTME (1 votes) ve (Added: ...) yazılarını BEYAZ yap */
.text-muted {
     color: #f8f9fa !important; /* YENİ: Beyaz (Daha görünür) */
     opacity: 0.75; /* Çok parlamaması için biraz soluklaştır */
}

/* Login Kartları için özel stil (search.php'deki koyu kartlar) */
.login-card-bg {
    background-color: #343a40; /* Koyu Gri */
    border: 1px solid rgba(13, 202, 240, 0.3); /* YENİ: Cyan kenarlık */
    transition: all 0.2s ease-in-out;
}
.login-card-bg:hover {
    background-color: #3e444a;
    border-color: rgba(13, 202, 240, 0.6); 
    transform: translateY(-2px); /* Bu, search.php'deki kartları oynatır */
}


/* YENİ YILDIZ SİTİLLERİ */
.star-rating {
    font-size: 1.5rem; /* Büyük yıldızlar */
    line-height: 1;
    margin-bottom: 5px; /* Başlık ile araya boşluk bırak */
    display: block; /* Yeni satırda başlasın */
}

.star-filled {
    color: #FFD700; /* Yıldızları sarı bıraktım, bu standarttır */
}

.star-empty {
    color: #6c757d; /* Soluk Gri */
    opacity: 0.5;
}

/* === GÜNCELLENMİŞ ARAMA KUTUSU STİLİ (KANKA İSTEĞİ: KOCAMAN) === */
#search_query {
    color: #0dcaf0 !important; /* Temanın Mavi/Cyan Rengi */
    font-family: 'Arial Black', sans-serif; /* Logoyla aynı "şekilli" font */
    font-weight: bold; /* Kalın yazı */

    /* KANKA İSTEĞİ: KOCAMAN YAZI (Resim 3496a6.png) */
    font-size: 2.5rem !important; /* Yazıyı devasa yap */
    
    /* Yazının sığması için dikey padding'i artır ve kutuyu büyüt */
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    
    /* Bootstrap'in min-height'ını ezelim */
    min-height: auto !important;
    line-height: 1.2; /* Dikey hizalama için */
}

/* Arama kutusunun placeholder (ipucu) yazısını da mavi yapalım */
#search_query::placeholder {
    color: #0dcaf0 !important; /* Temanın Mavi/Cyan Rengi */
    opacity: 0.6; /* Placeholder biraz soluk olsun */
}
/* === STİL BİTİŞİ === */


/* === YENİ: INDEX.PHP KUTULARI (bg-body-tertiary) İÇİN EFEKT === */
.bg-body-tertiary {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out !important;
}
.bg-body-tertiary:hover {
    transform: translateY(-5px); /* Hafifçe yukarı kaydır */
    box-shadow: 0 0.5rem 1rem rgba(13, 202, 240, 0.3); /* Mavi bir gölge efekti */
}
/* === STİL BİTİŞİ === */

/* === YENİ DÜZELTME: Beyaz formdaki BEYAZ yardım metni (Problem 1) === */
/* .bg-body-tertiary içindeki .text-muted'ı koyu gri yap */
.bg-body-tertiary .text-muted {
    color: #6c757d !important; /* Bootstrap'in varsayılan koyu gri "muted" rengi */
    opacity: 1; /* Tam görünür olsun */
}

/* === YENİ DÜZELTME: Siyah form içindeki SİYAH placeholder (Problem 2) === */
/* .bg-dark input/textarea içindeki placeholder'ı açık gri yap */
.bg-dark::placeholder {
    color: #adb5bd !important; /* Açık gri */
    opacity: 0.7; /* Biraz soluk */
}