/*
Theme Name: Minimog Child
Theme URI: http://minimog.thememove.com/
Author: ThemeMove
Author URI: http://thememove.com/
Version: 1.0.0
Template: minimog
Text Domain:  minimog-child
Tags: editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

/* .col-woo-single-summary{
 background-color: white;
} */

.ct .swiper-container {
    max-width: 100%; /* Container fits the screen width */
    overflow: hidden; /* Prevents overflow issues */
}

.ct .swiper-slide {
    width: 100% !important; /* Let Swiper calculate the width dynamically */
    text-align: center; /* Center align content if needed */
}

/* Ensure zoomed image doesn't stretch */
.ct .product-main-image {
    max-width: 100%;
    height: auto; /* Keep aspect ratio */
    object-fit: contain; /* Prevent distortion */
}

/* Additional responsive fix */
@media (max-width: 768px) {
    .ct .swiper-slide {
        width: 100% !important; /* Full width for small screens */
    }
}

/* Ensure the Swiper container is properly styled */
.swiper-container {
    width: 100%; /* Full width of the parent container */
    overflow: hidden; /* Prevents items from overflowing */
    position: relative;
  }
  
  /* Flexbox layout for the Swiper wrapper */
  .swiper-wrapper {
    display: flex;
    transition: transform 0.3s ease-in-out; /* Smooth scrolling effect */
  }
  
  /* Style for individual slides */
  .swiper-slide {
    flex: 0 0 auto; /* Prevents slides from shrinking or growing */
    width: calc(100% / 4); /* Adjust based on the number of visible slides */
    box-sizing: border-box;
    margin-right: 20px; /* Space between slides */
  }
  
  /* Adjust for smaller screens (responsive design) */
  @media (max-width: 1024px) {
    .swiper-slide {
      width: calc(100% / 2); /* Two items per view on tablets */
    }
  }
  
  @media (max-width: 768px) {
    .swiper-slide {
      width: 100%; /* Single item view on mobile */
      margin-right: 0;
    }
  }
  
  /* Navigation buttons styling (optional) */
  .swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
  }
  
  .swiper-button-prev {
    left: 10px;
  }
  
  .swiper-button-next {
    right: 10px;
  }
  div.wpforms-container-full .wpforms-form .wpforms-submit-container{
    margin-top: 0 !important;
  }  

  #wpforms-form-7842 {
    display: flex;
        flex-direction: row-reverse;
        align-items: center;
        gap: 10px;
  }

  .filter {
    background-color: #8080800f;
  }