/* --- Stilovi za Moje Novosti Plugin v4.0 --- */

/* * Svi stilovi (boje, padding, borderi, grid, fontovi)
 * sada se kontroliraju putem "Opcije Prikaza" u adminu
 * i generiraju se dinamički u `moje-novosti.php`.
 */

/* Osnovna struktura */
.mn-novost-item {
    /* Ovaj element sada prima pozadinu, border i border-radius
       iz dinamičkog CSS-a. */
}

/* Slika novosti */
.mn-novost-slika img {
    width: 100%;
    height: auto;
    display: block; /* Uklanja donji razmak slike */
}

/* Datum - Gumb */
.mn-novost-datum .elementor-button {
    width: 100%;
    box-sizing: border-box;
    display: block;
    padding: 8px 25px !important; /* Fiksni padding za datum */
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    border-radius: 0 !important; /* Datum nema zaobljene rubove */
    cursor: default;
}

/* Wrapper za sadržaj (Naslov, Tekst, Gumb) */
.mn-novost-sadrzaj {
    /* Ovaj element prima 'padding' iz dinamičkog CSS-a */
}

/* Naslov novosti */
.mn-novost-naslov .elementor-heading-title {
    font-weight: 600;
    margin-top: 0; /* Naslov je prvi element u wrapperu */
    margin-bottom: 15px; /* Razmak ispod naslova */
}

/* Tekst/Odlomak novosti */
.mn-novost-tekst .elementor-widget-container p {
    line-height: 1.5;
    margin: 0 0 20px 0; /* Razmak ispod teksta */
}

/* "Vidi više" gumb */
.mn-novost-link .elementor-button {
    border-radius: 4px;
    padding: 10px 15px;
    font-weight: 500;
    transition: opacity 0.3s ease;
}

.mn-novost-link .elementor-button:hover {
    opacity: 0.85;
}

.mn-novost-link .elementor-button-icon svg {
    width: 1em;
    height: 1em;
}

/* FIKSIRANJE VISINE KARTICE I GUMBA */
.mn-novosti-grid .mn-novost-item {
    display: flex; /* Koristi flex za unutarnju organizaciju */
    flex-direction: column; /* Slaže elemente okomito */
}

.mn-novosti-grid .mn-novost-sadrzaj {
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* Omogućuje da se Sadržaj rastegne */
}

/* OVO GURNE GUMB NA DNO SADRŽAJA */
.mn-novosti-grid .mn-novost-link {
    margin-top: auto; /* Ključno: Gura gumb na dno (samoregulirajući margin) */
}