/* Mobile Fix for Banner Link Click Issue */

/* Ensure banner link has proper z-index to be above controls when needed */
.slider-start__banner-link {
    z-index: 101;
    /* Allow clicks to pass through to controls when not a valid link target */
    pointer-events: auto;
}

/* On touch devices, show controls immediately without requiring hover */
@media (hover: none) and (pointer: coarse) {
    .slider-start__arrows,
    .slider-start__buttons-switches {
        visibility: visible !important;
        opacity: 1 !important;
        transition: opacity .5s, visibility .5s !important;
    }

    /* Reduce the delay for showing controls on mobile */
    .slider-start__arrows {
        transition: opacity .5s, visibility .5s, color .5s !important;
    }

    .slider-start__buttons-switches {
        transition: opacity .5s, visibility .5s !important;
    }
}

/* Alternative: If controls should be visible on mobile */
@media (max-width: 768px) {
    .slider-start__arrows,
    .slider-start__buttons-switches {
        visibility: visible !important;
        opacity: 1 !important;
    }
}
