/* responsive.css - ZA NASLOVNU */

@media (max-width: 991px) {
    
    /* 1. NASLOVNA: Crna pozadine preko svega */
    
    body:not(.sub_page), 
    body:not(.sub_page) .hero_area, 
    body:not(.sub_page) .slider_section {
        background-color: #000000 !important;
        background-image: none !important; 
        min-height: 100vh;
        display: flex;
        flex-direction: column;
    }

    /* 2. SLIKA: Rešenje koje radi, uz male fiksne popravke */
    body:not(.sub_page) .slider_section .img-box img {
        position: relative !important; /* Promenjeno sa fixed da ne bi letela preko futera */
        top: 0 !important;
        width: 100vw !important;
        height: auto !important;
        display: block !important;
    }

    /* 3. FUTER: Da bude na dnu i crn */
    body:not(.sub_page) .footer_section {
        background-color: #FFFFFF !important;
        margin-top: auto !important; /* futer na dnu ekrana */
        padding: 20px 0 !important;
        display: block !important;
        width: 100% !important;
    }

    /* 4. OSTALE STRANICE */
    .sub_page section, 
    .sub_page .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}