/* === SHINE/ZÁBLESKNUTI EFEKT PRO BANNERY === */

/* Základní nastavení pro bannery */
.carousel_slide,
.item.active,
.carousel-inner .item {
    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;
}

/* Obrázek v banneru */
.carousel_slide img,
.item.active img,
.carousel-inner .item img {
    display: block !important;
    width: 100% !important;
}

/* Shine efekt - jemný, decentní a pomalý */
.carousel_slide::after,
.item.active::after,
.carousel-inner .item::after {
    content: '' !important;
    position: absolute !important;
    top: -50% !important;
    right: -60% !important;
    width: 40% !important;
    height: 200% !important;
    background: linear-gradient(
            90deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0) 20%,
            rgba(255, 255, 255, 0.25) 50%,
            rgba(255, 255, 255, 0) 80%,
            rgba(255, 255, 255, 0) 100%
    ) !important;
    transform: rotate(-25deg) !important;
    z-index: 999 !important;
    pointer-events: none !important;
    opacity: 0 !important;
    transition: all 1s ease !important;
}

/* Aktivace při najetí - jede z prava doleva */
.carousel_slide:hover::after,
.item.active:hover::after,
.carousel-inner .item:hover::after {
    right: 120% !important;
    opacity: 1 !important;
}

/* Responzivní */
@media (max-width: 768px) {
    .carousel_slide::after,
    .item.active::after,
    .carousel-inner .item::after {
        width: 25% !important;
    }
}

/* Vypnutí efektu na malých mobilech */
@media (max-width: 480px) {
    .carousel_slide::after,
    .item.active::after,
    .carousel-inner .item::after {
        display: none !important;
    }
}