/* ============================================
   FIX VISIBILITY ISSUES
   Ensure toggle icon, project images, and slides are visible
   ============================================ */

/* ============================================
   MOBILE MENU TOGGLE
   Toggle visibility handled by slider.css
   This file only ensures basic visibility
   ============================================ */

/* ============================================
   PROJECT IMAGES
   Image visibility handled by fix-projects-images.css
   ============================================ */

/* ============================================
   SWIPER SLIDES - Ensure they're visible
   ============================================ */
.swiper-slide {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.swiper-slide.swiper-slide-active {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.swiper-wrapper {
    display: flex !important;
    visibility: visible !important;
}

.swiper-container {
    visibility: visible !important;
    opacity: 1 !important;
}

/* ============================================
   OWL CAROUSEL ITEMS - Ensure they're visible
   ============================================ */
.owl-item {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.owl-stage {
    display: flex !important;
    visibility: visible !important;
}

.owl-stage-outer {
    visibility: visible !important;
    opacity: 1 !important;
}

/* ============================================
   PROJECTS & CLIENTS CAROUSEL
   Layout separation handled by enforce-layout-separation.css
   This file only ensures basic visibility
   ============================================ */