article img{
    max-width: 100%;
}

.card {
    margin-bottom: 20px; /* Razmak između obavijesti */
    box-shadow: 0 4px 8px rgba(0,0,0,.05); /* Lagana sjena */
    border: 1px solid #ced4da; /* Siva bordura kartice */
    background-color: #ffffff; /* Bijela pozadina kartice */
}

.card-header {
    background-color: #6c757d; /* Tamnija siva za zaglavlje */
    color: white; /* Bijeli tekst u zaglavlju */
    font-weight: bold;
    border-bottom: 1px solid #6c757d; /* Bordura na dnu zaglavlja */
}

.card-body p {
    line-height: 1.6; /* Poboljšava čitljivost teksta */
}

.institution-title {
    font-size: 2.2em; /* Veći naslov */
    color: #495057; /* Tamno siva boja naslova */
    margin-bottom: 40px; /* Više prostora ispod naslova */
    text-align: center;
    font-weight: 700; /* Deblji font */
}

.notification-image {
    max-width: 400px; /* Slika se prilagođava širini kartice */
    height: auto; /* Zadržava omjer slike */
    margin-bottom: 15px; /* Prostor ispod slike */
    border-radius: 5px; /* Blago zaobljeni rubovi slike */
}

.btn-primary {
    background-color: #0d6efd; /* Standardna Bootstrap plava za gumbe */
    border-color: #0d6efd;
}

    .btn-primary:hover {
        background-color: #0b5ed7;
        border-color: #0a58ca;
    }



/* AŽURIRANI STIL ZA SERVISNI BLOK */
.service-block {
    background-color: #fff;
    border-radius: 0.5rem;
}

.service-item {
    text-align: center;
    padding: 1rem 0.5rem;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0; /* Dodana donja granica za mobilni prikaz */
    text-decoration: none;
    color: #212529;
    transition: background-color 0.2s ease-in-out;
    display: flex; /* Flexbox za bolje poravnanje */
    flex-direction: column;
    justify-content: center;
    min-height: 110px; /* Ujednačena visina */
}

    .service-item:hover {
        background-color: #f8f9fa;
    }

    .service-item .icon {
        font-size: 1.75rem;
        margin-bottom: 0.5rem;
        line-height: 1;
    }

    .service-item .value {
        font-weight: 700;
        font-size: 1rem;
        display: block;
    }

    .service-item .label {
        font-size: 0.8rem;
        color: #6c757d;
    }

/* Stil za financije unutar bloka */
.finance-list {
    font-size: 0.8rem;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

    .finance-list li {
        display: flex;
        justify-content: space-between;
    }

/* Responzivne izmjene */
@media (min-width: 768px) {
    .service-item {
        border-bottom: none;
    }

    .col-md-3:nth-child(4) .service-item {
        border-right: none;
    }
    /* Ukloni desnu granicu zadnjem u redu */
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: #f8f9fa;
    font-family: 'Roboto', sans-serif;
}

.page-section-title {
    font-weight: 700;
    color: #343a40;
}

/* Stil za liste linkova u pregledima */
.digest-link-list {
    list-style: none;
    padding-left: 0;
}

    .digest-link-list li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.5rem 0;
        border-bottom: 1px solid #f0f0f0;
    }

        .digest-link-list li:last-child {
            border-bottom: 0;
        }

    .digest-link-list a {
        color: #212529;
        text-decoration: none;
        font-weight: 500;
    }

        .digest-link-list a:hover {
            color: #0d6efd;
        }

/* Stil za PREGLED DANA */
#daily-digest {
    background-color: #fff;
    border: 1px solid #dee2e6;
}

/* Stil za PREGLED KATEGORIJA */
.category-digest {
    background-color: #fff;
    border-left: 5px solid;
}

.category-digest-title {
    font-weight: 700;
    font-size: 1.25rem;
}

/* Stil za KRONOLOŠKI POPIS VIJESTI */
.news-item {
    border-width: 0 0 0 4px;
    border-style: solid;
    margin-bottom: 1.5rem;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.07);
}

    .news-item .card-title {
        font-weight: 700;
        font-size: 1.2rem;
    }

        .news-item .card-title a {
            text-decoration: none;
            color: #212529;
        }

/* Modifikator za vijest SA SLIKOM */
.news-item-with-image .card-body {
    display: flex;
    padding: 0;
}

.news-item-with-image img {
    width: 150px;
    height: auto;
    object-fit: cover;
}

.news-item-with-image .news-content {
    padding: 1.25rem;
}