/* Stilizacija glavnog kontejnera slidera */
#customSlider {
    max-width: 100%;
    overflow: hidden;
    border-radius: 10px;
    width: 100%;
    aspect-ratio: 21 / 6; /* Desktop aspect ratio */
    position: relative;
}

/* Strelice za navigaciju */
#customSlider .carousel-control-prev,
#customSlider .carousel-control-next {
    display: block !important;
    width: 5%;
}

/* Ikone strelica */
#customSlider .carousel-control-prev-icon,
#customSlider .carousel-control-next-icon {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    padding: 10px;
}

/* Slika unutar slajda */
#customSlider .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    user-select: none;
    pointer-events: none;
    -webkit-user-drag: none; /* Sprečava prevlačenje na WebKit browserima */
}

/* Stil za aktivni slajd */
#customSlider .carousel-item {
    transition: transform 0.8s ease-in-out; /* Poboljšana animacija */
}

/* Responsive aspect ratio za mobilne uređaje */
@media (max-width: 768px) {
    #customSlider {
        aspect-ratio: 2 / 2.1; /* Aspect ratio za mobilne uređaje */
    }

    /* Manje strelice na mobilnim uređajima */
    #customSlider .carousel-control-prev,
    #customSlider .carousel-control-next {
        width: 10%;
    }
}