/* ==========================================================================
   Kitap Önerileri Eklentisi - Bootstrap Üzeri Tamamlayıcı Stiller
   ========================================================================== */

/*
   Not: Bu dosya, temanızda Bootstrap 5'in yüklü olduğunu varsayar.
   Sekme (tab), ızgara (grid/row/col) ve kart (card) gibi ana bileşenler
   Bootstrap tarafından stillendirilir. Bu dosya sadece eklentiye özel
   ince ayarları ve küçük eklemeleri içerir.
*/

/* Kart Resmi İçin Oran Ayarı */
.kitap-onerileri-wrapper .card-img-top {
    aspect-ratio: 2 / 3; /* Kitap kapağı oranını koru */
    object-fit: cover;   /* Resmi kutuya sığdır */
    width: 100%;
}

/* Değerlendirme Çubuklarının İçindeki Yazı Rengi */
.kitap-onerileri-wrapper .progress-bar {
    color: #ffffff; /* Yazının her zaman beyaz ve okunaklı olmasını sağla */
    font-weight: bold;
}

/* Oylama Butonları ve Sayacı */
.kitap-onerileri-wrapper .vote-button i {
    pointer-events: none; /* İkonun butona tıklamayı engellemesini önle */
}
.kitap-onerileri-wrapper .vote-button .vote-count {
    font-size: 0.8em;
    margin-left: 4px;
}


/* Küçük Ekranlar için Sekme (Tab) İyileştirmesi */
@media (max-width: 767px) {
    .kitap-onerileri-wrapper .nav-tabs .nav-link {
        padding: 0.5rem 0.75rem; /* Mobilde sekmeleri biraz küçült */
    }
    .kitap-onerileri-wrapper .card-deck .col-sm-6 {
        flex: 0 0 100%; /* Çok dar ekranlarda kartlar alt alta gelsin */
        max-width: 100%;
    }
}