.featured-img {
    max-height: 300px;       /* limit height */
    object-fit: cover;       /* fill box without distortion */
    width: 100%;             /* full width */
}


.carousel-item {
    height: 400px; /* desktop visina */
    background-color: #FFFFFF; /* crna pozadina da praznine izgledaju dobro */
}

.carousel-item img {
    height: 100%;
    width: 100%;
    object-fit: contain; /* skalira cijelu sliku bez rezanja */
}

/* Tableti */
@media (max-width: 992px) {
    .carousel-item {
        height: 300px;
    }
}

/* Mobiteli */
@media (max-width: 576px) {
    .carousel-item {
        height: 220px;
    }
}

.carousel-item {
    position: relative;
}

.carousel-item::after {
    content: "";
    position: absolute;
    inset: 0; /* pokrije cijeli element */
    background: rgba(0, 0, 0, 0.4); /* crna prozirna sjena */
    z-index: 1; /* ispod captiona i kontrola */
}

.carousel-caption {
    z-index: 2; /* iznad sjene */
}

.carousel-control-prev,
.carousel-control-next {
    z-index: 3; /* iznad sjene */
}
.carousel-item {
    display: block; /* link se ponaša kao blok element */
    position: relative;
}

.carousel-item img {
    pointer-events: none; /* da klik uvijek prolazi na <a> */
}

/* Boids */
@media (max-width: 576px) {
    #boidsFrame {
        height: 700px;
    }
}