/* Hide Navigation Arrows - Keep Only Pagination */

/* IMPORTANT: Ensure main site navigation header is never hidden by arrow removal rules */
/* Only preventing display:none - let original megamenu.css handle the layout */
header,
.main-menu,
.header-section,
.header-menu,
nav.header-section,
.main-nav,
ul.vfx-item-nav,
ul.vfx-item-nav li,
ul.vfx-item-nav li a,
.top-nav,
.top-nav li,
.mod-menu {
    /* Don't set display, just ensure visibility */
    visibility: visible !important;
    opacity: 1 !important;
}

/* HIDE ALL SVG ARROWS IN PAGINATION AREAS - MAXIMUM PRIORITY */
/* NOTE: Exclude header navigation to keep menu visible */
.pagination svg,
.pagination-direct svg,
nav[role="navigation"] svg,
.page-item svg,
.page-link svg,
[class*="pagination"] svg {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
    left: -99999px !important;
}

/* Hide All Owl Carousel Navigation Arrows - FORCE HIDE */
.owl-carousel .owl-nav,
.owl-carousel .owl-nav button,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-nav,
.owl-nav button,
.owl-prev,
.owl-next,
[class*="owl-nav"],
[class*="owl-prev"],
[class*="owl-next"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Hide Splide Navigation Arrows */
.splide__arrow,
.splide__arrow--prev,
.splide__arrow--next {
    display: none !important;
    visibility: hidden !important;
}

/* Hide Any Other Navigation Arrows */
.swiper-button-next,
.swiper-button-prev,
.carousel-control-prev,
.carousel-control-next,
.slick-prev,
.slick-next {
    display: none !important;
    visibility: hidden !important;
}

/* Keep Pagination/Dots Visible and Styled */
.owl-carousel .owl-dots {
    display: block !important;
    visibility: visible !important;
    text-align: center !important;
    margin-top: 15px !important;
}

.owl-carousel .owl-dots .owl-dot {
    width: 8px !important;
    height: 8px !important;
    margin: 0 4px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.4) !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

.owl-carousel .owl-dots .owl-dot.active,
.owl-carousel .owl-dots .owl-dot:hover {
    background: #ff0015 !important;
    transform: scale(1.3) !important;
}

/* Keep Bootstrap Pagination Visible and Styled */
.pagination {
    display: flex !important;
    visibility: visible !important;
    justify-content: center !important;
    margin: 20px 0 !important;
}

.pagination .page-link {
    background: rgba(30, 30, 30, 0.9) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: rgba(255, 255, 255, 0.8) !important;
    padding: 6px 12px !important;
    margin: 0 2px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    min-width: 35px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
}

.pagination .page-link:hover,
.pagination .page-item.active .page-link {
    background: #ff0015 !important;
    border-color: #ff0015 !important;
    color: white !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(255, 0, 21, 0.4) !important;
}

/* Keep Splide Pagination Visible */
.splide__pagination {
    display: block !important;
    visibility: visible !important;
    text-align: center !important;
    padding: 10px 0 !important;
}

.splide__pagination__page {
    width: 8px !important;
    height: 8px !important;
    margin: 0 4px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.4) !important;
    transition: all 0.3s ease !important;
}

.splide__pagination__page.is-active {
    background: #ff0015 !important;
    transform: scale(1.3) !important;
}

/* Remove any arrow-like elements */
[class*="arrow"],
[class*="prev"]:not(.page-item),
[class*="next"]:not(.page-item),
.fa-chevron-left,
.fa-chevron-right,
.fa-angle-left,
.fa-angle-right {
    display: none !important;
}

/* Keep only text-based navigation visible */
.page-item.prev,
.page-item.next,
.pagination .page-item {
    display: flex !important;
    visibility: visible !important;
}

/* Enhanced focus for keyboard navigation */
.pagination .page-link:focus,
.owl-carousel .owl-dots .owl-dot:focus,
.splide__pagination__page:focus {
    outline: 2px solid rgba(255, 0, 21, 0.7) !important;
    outline-offset: 2px !important;
}

/* Mobile optimizations */
@media (max-width: 768px) {
    .pagination .page-link {
        padding: 4px 8px !important;
        font-size: 12px !important;
        min-width: 30px !important;
    }
    
    .owl-carousel .owl-dots .owl-dot,
    .splide__pagination__page {
        width: 6px !important;
        height: 6px !important;
    }
}

/* Force hide any remaining arrow elements */
.owl-carousel .owl-stage-outer {
    position: relative !important;
}

.owl-carousel .owl-stage-outer:before,
.owl-carousel .owl-stage-outer:after {
    display: none !important;
}

/* Additional force hide rules - AGGRESSIVE */
/* NOTE: Only target carousel/slider navigation arrows specifically */
.owl-carousel [class*="arrow"],
.splide [class*="arrow"],
.swiper [class*="arrow"],
.carousel [class*="arrow"],
.fa-chevron-left,
.fa-chevron-right,
.fa-angle-left,
.fa-angle-right,
.fa-arrow-left,
.fa-arrow-right,
.glyphicon-chevron-left,
.glyphicon-chevron-right,
i[class*="arrow"]:not(.fa-play):not(.fa-pause),
i[class*="chevron"],
i[class*="angle"],
span.arrow:not(.main-menu span):not(.header-menu span),
button[class*="arrow"],
a[class*="arrow"]:not(header a):not(.main-menu a):not(.header-menu a) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Specific carousel library overrides */
.owl-theme .owl-nav,
.owl-carousel.owl-theme .owl-nav,
.slick-arrow,
.swiper-button-prev,
.swiper-button-next,
.carousel-control,
.carousel-control-prev,
.carousel-control-next {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* CSS selector to catch dynamically added arrows */
body .owl-carousel .owl-nav {
    display: none !important;
}

body [class*="owl-"] [class*="nav"] {
    display: none !important;
}

/* ULTIMATE NUCLEAR OPTION - HIDE ALL ARROW SVGS EVERYWHERE */
svg[class*="arrow"],
svg[class*="chevron"],
svg[class*="angle"],
svg[data-icon*="arrow"],
svg[data-icon*="chevron"],
path[d*="chevron"],
path[d*="arrow"],
.pagination svg,
.pagination path,
.pagination-direct svg,
.pagination-direct path,
nav[role="navigation"] svg,
nav[role="navigation"] path,
[aria-label*="Previous"] svg,
[aria-label*="Next"] svg,
[aria-label*="Previous"] path,
[aria-label*="Next"] path,
a[rel="prev"] svg,
a[rel="next"] svg,
a[rel="prev"] path,
a[rel="next"] path {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
    left: -99999px !important;
    pointer-events: none !important;
}

/* Hide any element that might be an SVG container near pagination */
.pagination > *:not(ul):not(li):not(a):not(span):not(div.results-direct):not(nav),
.pagination-direct > *:not(ul):not(li):not(a):not(span):not(div.results-direct):not(nav) {
    display: none !important;
}

/* Force text-only pagination display */
.page-item * {
    font-family: Arial, sans-serif !important;
    text-rendering: optimizeLegibility !important;
}

/* Remove any pseudo-elements that might show arrows */
.pagination::before,
.pagination::after,
.pagination-direct::before,
.pagination-direct::after,
.page-item::before,
.page-item::after,
.page-link::before,
.page-link::after,
nav[role="navigation"]::before,
nav[role="navigation"]::after {
    content: none !important;
    display: none !important;
}

/* Splide default loading ring — often stays visible / floats over carousels (e.g. Trending) on WebView */
.splide__spinner,
.splide .splide__spinner,
.splide__slider > .splide__spinner {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    animation: none !important;
    width: 0 !important;
    height: 0 !important;
    border: none !important;
}

/* Owl Carousel loading pseudo overlay (if theme adds one) */
.owl-carousel.owl-loading::before,
.owl-carousel.owl-loading::after {
    display: none !important;
    content: none !important;
}

/* Keep pagination dots under the carousel strip (fixes red dots floating over next section on mobile) */
.owl-carousel .owl-dots {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    z-index: 2 !important;
    clear: both !important;
}
.owl-carousel .owl-dots .owl-dot {
    position: relative !important;
    float: none !important;
    display: inline-block !important;
    vertical-align: middle !important;
}