/*
 Theme Name:   Divi Child
 Theme URI:    https://www.elegantthemes.com/gallery/divi/
 Description:  Divi Child Theme
 Author:       Elegant Themes
 Author URI:   https://www.elegantthemes.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  divi-child
*/

/* ==========================================================================
   Custom Styles
   ========================================================================== */

/* Add your custom CSS below this line */

/* ==========================================================================
   WooCommerce SHOP PAGE ONLY - No interference with other pages
   ========================================================================== */

/* Black Background - ONLY on Shop Archive Page */
body.post-type-archive-product #page-container,
body.post-type-archive-product #et-main-area,
body.post-type-archive-product .et_pb_section,
body.post-type-archive-product #main-content,
body.post-type-archive-product .container {
   background-color: #000000 !important;
}

/* Container Width - ONLY Shop Page */
body.post-type-archive-product .container {
   max-width: 100% !important;
   padding: 0 !important;
}

/* Products Grid - ONLY Shop Page - Force 3 Columns with Flexbox */
body.post-type-archive-product ul.products {
   display: flex !important;
   flex-wrap: wrap !important;
   justify-content: flex-start !important;
   gap: 30px !important;
   margin: 0 auto !important;
   padding: 0 40px !important;
   max-width: 1200px !important;
   list-style: none !important;
}

/* Individual Product Item - ONLY Shop Page - Force 3 Columns */
body.post-type-archive-product ul.products li.product {
   background-color: #ffffff !important;
   border-radius: 0 !important;
   padding: 0 !important;
   margin: 0 !important;
   width: calc(33.333% - 20px) !important;
   max-width: calc(33.333% - 20px) !important;
   flex: 0 0 calc(33.333% - 20px) !important;
   text-align: center !important;
   transition: transform 0.3s ease, box-shadow 0.3s ease !important;
   overflow: hidden !important;
   box-sizing: border-box !important;
   float: none !important;
}

body.post-type-archive-product ul.products li.product:hover {
   transform: translateY(-5px) !important;
   box-shadow: 0 10px 30px rgba(255, 255, 255, 0.1) !important;
}

/* Remove any first-child margin - ONLY Shop Page */
body.post-type-archive-product ul.products li.product:first-child {
   margin-left: 0 !important;
}

/* Product Image Container - ONLY Shop Page */
body.post-type-archive-product ul.products li.product a,
body.post-type-archive-product ul.products li.product .et_shop_image {
   display: block !important;
   width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
}

/* Product Image - ONLY Shop Page */
body.post-type-archive-product ul.products li.product img,
body.post-type-archive-product ul.products li.product .attachment-woocommerce_thumbnail {
   width: 100% !important;
   height: auto !important;
   display: block !important;
   margin: 0 !important;
   padding: 0 !important;
   border-radius: 0 !important;
}

/* Product Title - ONLY Shop Page */
body.post-type-archive-product ul.products li.product .woocommerce-loop-product__title,
body.post-type-archive-product ul.products li.product h2,
body.post-type-archive-product ul.products li.product h3 {
   color: #000000 !important;
   font-size: 14px !important;
   font-weight: 400 !important;
   letter-spacing: 1px !important;
   text-transform: uppercase !important;
   margin: 15px 0 10px 0 !important;
   padding: 0 15px !important;
   line-height: 1.4 !important;
}

/* Product Price - ONLY Shop Page */
body.post-type-archive-product ul.products li.product .price {
   color: #000000 !important;
   font-size: 16px !important;
   font-weight: 600 !important;
   margin: 0 0 20px 0 !important;
   padding: 0 15px 20px 15px !important;
}

body.post-type-archive-product ul.products li.product .price del {
   opacity: 0.5 !important;
   margin-right: 5px !important;
}

body.post-type-archive-product ul.products li.product .price ins {
   text-decoration: none !important;
   font-weight: 700 !important;
}

/* Add to Cart Button - ONLY Shop Page */
body.post-type-archive-product ul.products li.product .button,
body.post-type-archive-product ul.products li.product .add_to_cart_button {
   background-color: #000000 !important;
   color: #ffffff !important;
   border: none !important;
   padding: 12px 30px !important;
   font-size: 12px !important;
   letter-spacing: 1px !important;
   text-transform: uppercase !important;
   font-weight: 600 !important;
   border-radius: 0 !important;
   transition: all 0.3s ease !important;
   margin: 0 15px 20px 15px !important;
   display: inline-block !important;
}

body.post-type-archive-product ul.products li.product .button:hover,
body.post-type-archive-product ul.products li.product .add_to_cart_button:hover {
   background-color: #333333 !important;
   transform: translateY(-2px) !important;
}

/* Sale Badge - ONLY Shop Page */
body.post-type-archive-product span.onsale {
   background-color: #000000 !important;
   color: #ffffff !important;
   font-size: 11px !important;
   font-weight: 600 !important;
   letter-spacing: 1px !important;
   padding: 8px 12px !important;
   border-radius: 0 !important;
   top: 10px !important;
   right: 10px !important;
   left: auto !important;
}

/* Page Title - ONLY Shop Page */
body.post-type-archive-product .page-title,
body.post-type-archive-product .woocommerce-products-header h1 {
   color: #ffffff !important;
   text-align: center !important;
   margin-bottom: 40px !important;
   font-size: 36px !important;
   letter-spacing: 2px !important;
   text-transform: uppercase !important;
}

/* Pagination - ONLY Shop Page */
body.post-type-archive-product nav.woocommerce-pagination {
   text-align: center !important;
   margin-top: 40px !important;
}

body.post-type-archive-product nav.woocommerce-pagination ul {
   border: none !important;
}

body.post-type-archive-product nav.woocommerce-pagination ul li {
   border: 1px solid #333333 !important;
   margin: 0 5px !important;
}

body.post-type-archive-product nav.woocommerce-pagination ul li a,
body.post-type-archive-product nav.woocommerce-pagination ul li span {
   color: #ffffff !important;
   background-color: transparent !important;
   padding: 10px 15px !important;
}

body.post-type-archive-product nav.woocommerce-pagination ul li a:hover,
body.post-type-archive-product nav.woocommerce-pagination ul li span.current {
   background-color: #ffffff !important;
   color: #000000 !important;
}

/* ==========================================================================
   Shop Hero Banner - ONLY Shop Page
   ========================================================================== */

body.post-type-archive-product .shop-hero-banner {
   width: 100% !important;
   margin: 0 0 40px 0 !important;
   padding: 0 !important;
   overflow: hidden !important;
   background-color: #000000 !important;
}

body.post-type-archive-product .shop-hero-banner img {
   width: 100% !important;
   height: auto !important;
   display: block !important;
   margin: 0 !important;
   padding: 0 !important;
   max-height: 400px !important;
   object-fit: cover !important;
   object-position: center !important;
}

/* ==========================================================================
   Responsive Design - ONLY Shop Page
   ========================================================================== */

@media (max-width: 980px) {
   body.post-type-archive-product ul.products {
      gap: 20px !important;
      padding: 0 20px !important;
   }

   body.post-type-archive-product ul.products li.product {
      width: calc(50% - 10px) !important;
      max-width: calc(50% - 10px) !important;
      flex: 0 0 calc(50% - 10px) !important;
   }

   body.post-type-archive-product .shop-hero-banner img {
      max-height: 300px !important;
   }
}

@media (max-width: 767px) {
   body.post-type-archive-product ul.products {
      gap: 20px !important;
      padding: 0 15px !important;
   }

   body.post-type-archive-product ul.products li.product {
      width: 100% !important;
      max-width: 100% !important;
      flex: 0 0 100% !important;
   }

   body.post-type-archive-product .shop-hero-banner {
      margin: 0 0 30px 0 !important;
   }

   body.post-type-archive-product .shop-hero-banner img {
      max-height: 200px !important;
   }
}

/** ocultar lupa**/
.woocommerce div.product div.images .woocommerce-product-gallery__trigger{
	display: none
}
body.post-type-archive-product .shop-hero-banner img{
	margin-top: 160px!important;
}
.et_right_sidebar #sidebar{
	display: none;
}