/* --- 1. OSNOVNA PODEŠAVANJA --- */
* { 
    margin: 0; 
    padding: 0; 
    box-sizing: border-box; 
}

body, html { 
    height: 100%; 
    background-color: #0a192f; 
    overflow-x: hidden;
    font-family: 'Montserrat', sans-serif; 
    -webkit-font-smoothing: antialiased;
}

/* --- 2. HERO SEKCIJA --- */
/* --- 2. HERO SEKCIJA --- */
.hero-section { 
    position: relative; 
    height: 70vh; 
    min-height: 550px;
    width: 100%; 
    /* Promenjeno sa 0.4 na 0.2 za svetliji efekat */
    background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.1)), 
                url('img/WhatsApp Image 2026-03-13 at 5.43.07 PM.jpeg') no-repeat center center / cover;
    z-index: 1;
    border-bottom-left-radius: 30px; 
    border-bottom-right-radius: 30px;
    overflow: hidden; 

    /* Dodatni filter za osvetljenje (opciono, ako želiš još svetlije) */
    filter: brightness(1.1); 
}

/* --- 3. MONOLITH (Glavna kartica) --- */
.master-body-card {
    background: radial-gradient(circle at center, #112240 0%, #0a192f 100%);
    margin-top: -120px; 
    border-radius: 30px 30px 0 0;
    position: relative; 
    z-index: 10; 
    padding-bottom: 100px;
    border-top: 1px solid rgba(100, 255, 218, 0.1);
    box-shadow: 0 -30px 60px rgba(0, 0, 0, 0.7);
}

/* --- 4. VESTI (Most koji viri) --- */
.news-bridge-wrap {
    margin-top: -160px; 
    position: relative;
    z-index: 100; 
    margin-bottom: 60px;
}

/* LOGO U POZADINI MONOLITHA */
.master-body-card::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 450px; 
    height: 450px;
    background-image: url('img/logo132.png'); 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.04;
    filter: grayscale(100%) brightness(150%);
    z-index: 0; 
    pointer-events: none;
}

/* --- 5. SADRŽAJ I LABELE --- */
.main-content-wrapper {
    max-width: 1100px; 
    margin: 0 auto;
    padding: 0 20px;
}

.label-float {
    color: #fff;
    font-size: 1.1rem;
    margin-bottom: 30px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-shadow: 0 0 20px rgba(100, 255, 218, 0.4);
}

.center-label {
    text-align: center;
    margin-bottom: 50px;
    color: #64ffda;
}

footer {
    padding: 80px 20px 40px;
    text-align: center;
    color: #555e7d;
    font-size: 0.8rem;
    position: relative;
    z-index: 5;
}



/* --- 7. RESPONZIVNOST --- */
@media (max-width: 900px) {
    .master-body-card { margin-top: -80px; border-radius: 20px 20px 0 0; }
    .news-bridge-wrap { margin-top: -120px; }
    html body .navbar { padding: 15px 20px !important; }
}