:root {
    --primary-color: #ff9500;
    --bg-body-1: #1b1f2a;
    --bg-body-2: #0d1016;
    --header-bg: #181e2b;
    --nav-bg: #181e2b;
    --nav-hover-bg: #000000;
    --player-bg-1: #f4f6fa;
    --player-bg-2: #e8edf4;
    --player-accent: #ff9500;
    --play-btn-bg-1: #1f365a;
    --play-btn-bg-2: #0a1933;
    --play-btn-color: #ffffff;
    --chapter-active-bg: #f59e0b;
    --chapter-active-color: #000000;
    --chapter-inactive-bg: #000000;
    --chapter-inactive-color: #e5e7eb;
    --chapter-title-color: #f59e0b;
    --timer-color: #000000;
    --logo-border-width: 2px;
    --logo-border-color: #f59e0b;
    --logo-size: 120px;
    --title-font: 'Outfit', sans-serif;
    --title-size: 26px;
    --title-color: #ffffff;
    --tagline-font: 'Inter', sans-serif;
    --tagline-size: 13px;
    --tagline-color: #94a3b8;
    --comment-bg-color: #1c222e;

    /* Brzi linkovi */
    --cat-nav-container-bg: rgba(13, 16, 22, 0.85);
    --cat-nav-bg: rgba(255, 255, 255, 0.05);
    --cat-nav-hover-bg: #f59e0b;
    --cat-nav-active-bg: #f59e0b;
    --cat-nav-text: #94a3b8;
    --cat-nav-radius: 30px;
    --cat-nav-size: 14px;
    --cat-nav-padding: 8px 18px;
}

/* ===========================
   DESKTOP GRID LAYOUT
   =========================== */
.grid-books {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.book-card {
    min-height: 300px;
}

/* Brzi linkovi - Stilovi */
.category-nav {
    background: var(--cat-nav-container-bg) !important;
}
.category-link {
    background: var(--cat-nav-bg) !important;
    color: var(--cat-nav-text) !important;
    border-radius: var(--cat-nav-radius) !important;
    padding: var(--cat-nav-padding) !important;
    font-size: var(--cat-nav-size) !important;
}
.category-link:hover {
    background: var(--cat-nav-hover-bg) !important;
    border-color: var(--cat-nav-hover-bg) !important;
    color: #000 !important; /* Fix za tamne boje hovera */
}
.category-link.active {
    background: var(--cat-nav-active-bg) !important;
    border-color: var(--cat-nav-active-bg) !important;
    color: #000 !important;
}

/* Moja slusanja sekcija */
#listeningsContainer .grid-books {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
#listeningsContainer .book-card {
    min-height: 350px;
}

/* Preporuke (Home) */
#rec-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
#rec-grid .book-card {
    min-height: 200px;
}

/* Slicne knjige */
#similar-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
#similar-grid .book-card {
    min-height: 200px;
}

/* Zanr sekcije */
#categorySections .grid-books {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
#categorySections .book-card {
    min-height: 200px;
}

/* ===========================
   MOBILNI TELEFON (max 768px)
   =========================== */
@media (max-width: 768px) {
    .grid-books,
    #rec-grid,
    #similar-grid,
    #categorySections .grid-books,
    #listeningsContainer .grid-books {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    /* Posebno pravilo za Moja slušanja ako želimo drugačiji broj kolona */
    #listeningsContainer .grid-books {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
