/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */
/* Default hidden sidebar on mobile */
.left_side_bar_filters {
  transition: transform 0.3s ease;
}

/* Hamburger Button (mobile only, not sticky) */
.mobile-filter-toggle {
  display: none;
  background: #333;
  color: #fff;
  border: none;
  font-size: 20px;
  padding: 10px 16px;
  border-radius: 4px;
  margin: 10px;
}

/* Close Button inside Sidebar */
.left_side_bar_filters .close-sidebar {
  display: none;
  font-size: 24px;
  background: none;
  border: none;
  color: #000;
  padding: 10px;
  cursor: pointer;
  float: right;
}

.safari-filters-section select{
	font-family: 'Helvetica Neue';
}

.return_thumbnail_carousel .eae-thumb-container.swiper {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    max-width: 500px;
    bottom: 80px;
}
.return_thumbnail_carousel .eae-slide-content .eae-slide-button{
    display: none !important;
}
.return_thumbnail_carousel .eae-thumb-container.swiper .swiper-slide {
    border: 2px solid #fff;
}
.thumb_slider_content {
    position: absolute;
    left: calc((100% - 1300px) / 2);
    top: 50%;
    transform: translateY(-50%);
    width: auto !important;
    z-index: 6;
    max-width: 500px;
}
.return_carousel_outer{
    position: relative !important;
}

@media (max-width: 1300px) {
    .thumb_slider_content {
        left: 20px;
    }
}

/* Mobile-specific styles */
@media (max-width: 768px) {
  .mobile-filter-toggle {
    display: inline-block;
  }
.left_side_bar_filters.active {
    overflow-y: scroll !important;
    height: 360px;
}
  .left_side_bar_filters {
    position: fixed;
    top: 0;
    left: 0;
    width: 80%;
    max-width: 300px;
    height: 100%;
    background: #fff;
    overflow-y: auto;
    transform: translateX(-100%);
    z-index: 1000;
    padding: 20px;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
  }

  .left_side_bar_filters.active {
    transform: translateX(0);
  }

  .left_side_bar_filters .close-sidebar {
    display: block;
  }
  .thumb_slider_content {
    width: calc(100% - 40px) !important;
}
}

@media (max-width: 576px){
    .return_thumbnail_carousel .eae-thumb-container.swiper {
        max-width: calc(100% - 40px) !important;
    }
}