/*
 Theme Name:     Hello Elementor Child
 Theme URI:      https://elementor.com/hello-theme/
 Description:    A child theme for Hello Elementor
 Author:         Siddharth Singh
 Author URI:     https://sanditsolution.com/
 Template:       hello-elementor
 Version:        1.0.0
 Text Domain:    hello-elementor-child
*/

/* Add custom styles below */

/* Flexbox container */
.custom-archive-product-layout {
  margin: 40px auto; /* Centers the container horizontally */
  display: flex; /* Use flexbox to align children */
  /* flex-wrap: nowrap !important; */ /* Prevent wrapping of items */
  /*align-items: center !important; /* Vertically center-align items */
  justify-content: center !important; /* Horizontally center-align the layout */
  gap: 20px !important; /* Add space between the sidebar and the main content */
  max-width: 1300px; /* Set max-width */
  width: 100%; /* Ensure the container takes full available width */
}
/* Sidebar styles */
.archive-product-sidebar {
  width: 30% !important; /* Sidebar occupies 25% of the width */
  background-color: #f5f5f5 !important; /* Light grey background */
  padding: 15px !important;
  box-sizing: border-box !important; /* Include padding in width */
}

/* Main content styles */
.archive-product-main-content {
  width: 70% !important; /* Main content occupies 75% of the width */
  background-color: #ffffff !important; /* White background */
  padding: 15px !important;
  box-sizing: border-box !important; /* Include padding in width */
}

/* Responsive Design */
@media (max-width: 768px) {
  .custom-archive-product-layout {
    flex-direction: column !important; /* Stack elements vertically */
    margin-top: 180px;
  }

  .archive-product-sidebar,
  .archive-product-main-content {
    width: 100% !important; /* Full width for each section */
  }
}