/**
 * Dark Mode Stilovi za Palilula Child Temu
 * Povezano sa Blocksy tamnim režimom i custom CSS promenljivim
 */

/* 1. KORIŠĆENJE BLOCKSY ILI SISTEMSKOG DARK MODE-A */
[data-theme="dark"],
body.dark-mode,
@media (prefers-color-scheme: dark) {

    /* --- OSNOVNE PROMENLJIVE --- */
    :root {
        --pinfo-bg-card: #1e293b;
        --pinfo-bg-card-hover: #334155;
        --pinfo-border-color: #334155;
        --pinfo-text-main: #f8fafc;
        --pinfo-text-muted: #94a3b8;
    }

    /* --- 2. EDS & BVK ISKLJUČENJA (CARD COMPONENT) --- */
    .eds-modern-card {
        background-color: #1e293b !important;
        border-color: #334155 !important;
        box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5) !important;
    }

    .eds-main-title {
        color: #f8fafc !important;
    }

    .eds-sub-title,
    .eds-empty-desc {
        color: #94a3b8 !important;
    }

    /* Kartice pojedinačnih ulica */
    .eds-item-card {
        background-color: #0f172a !important;
        border-color: #334155 !important;
    }

    .eds-street-text {
        color: #e2e8f0 !important;
    }

    .eds-time-tag {
        background-color: rgba(255, 255, 255, 0.06) !important;
        color: #38bdf8 !important;
    }

    /* Prazno stanje (Empty Banner) */
    .eds-empty-banner {
        background-color: #0f172a !important;
        border-color: #334155 !important;
    }

    .eds-empty-title {
        color: #f8fafc !important;
    }

    /* Footer sekcija unutar kartica */
    .eds-footer-flex {
        border-top-color: #334155 !important;
        color: #64748b !important;
    }

    .eds-footer-link {
        color: #38bdf8 !important;
    }

    .eds-footer-link:hover {
        color: #7dd3fc !important;
    }


    /* --- 3. HERO SEKCIJA (PINFO_HERO) --- */
    .pinfo-card-content {
        background: linear-gradient(180deg, rgba(15, 23, 42, 0) 0%, rgba(15, 23, 42, 0.95) 75%) !important;
    }

    .pinfo-title a {
        color: #ffffff !important;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8) !important;
    }

    .pinfo-time {
        color: #cbd5e1 !important;
    }

    .pinfo-category {
        background-color: #e63946 !important;
        color: #ffffff !important;
    }


    /* --- 4. NAJČITANIJE VESTI (PINFO_TOP_POSTS) --- */
    .pinfo-top-block {
        background-color: #1e293b !important;
        border-color: #334155 !important;
    }

    .pinfo-top-title {
        color: #f8fafc !important;
        border-bottom-color: #e63946 !important;
    }

    .pinfo-top-item {
        border-bottom-color: #334155 !important;
    }

    .pinfo-top-number {
        background-color: #0f172a !important;
        color: #38bdf8 !important;
        border-color: #334155 !important;
    }

    .pinfo-top-link {
        color: #e2e8f0 !important;
    }

    .pinfo-top-link:hover {
        color: #38bdf8 !important;
    }
}