/* custom.css - put in assets/css/custom.css */ /* Ensure header/navbar sits above everything */ nav[aria-label="Primary"], header, .site-sticky-header, .sticky.top-0, .site-header { z-index: 9999 !important; } /* Send slider/carousel arrows behind the header */ .carousel-arrow, .slider-arrow, .owl-nav .owl-prev, .owl-nav .owl-next, .splide__arrow, .swiper-button-prev, .swiper-button-next, .slick-arrow, .button--prev, .button--next { z-index: 10 !important; position: relative !important; opacity: 1; } /* If plugin injects inline styles with fixed position, force behind header */ .carousel-arrow[style], .owl-nav .owl-prev[style], .owl-nav .owl-next[style], .splide__arrow[style], .swiper-button-prev[style], .swiper-button-next[style] { z-index: 10 !important; position: relative !important; } /* Focus ring for accessibility */ .carousel-arrow:focus, .owl-nav .owl-prev:focus, .owl-nav .owl-next:focus, .splide__arrow:focus, .swiper-button-prev:focus, .swiper-button-next:focus { outline: none; box-shadow: 0 0 0 4px rgba(230, 179, 37, 0.14); }