/* Custom Fixes for Elementor Page 6546 (Applied to ALL Product Grids) */

/* Grid Layout Adjustment */
.elementor-6546 .elementor-wc-products ul.products { 
     display: grid !important;
     grid-template-columns: repeat(6, 1fr) !important;
     grid-column-gap: 20px; 
     grid-row-gap: 20px; 
     width: 100% !important; /* Ensure full width */
     justify-content: flex-start !important; /* Fix Vacuum Ovens alignment */
     text-align: left !important;
}

/* Fix for Vertical Squashing - Add min-width */
.elementor-6546 ul.products > li.product { 
     min-width: 0; /* Allow Flex/Grid child to shrink properly */
     width: 100%;
}

/* Responsive adjustments */
@media (max-width: 1400px) {
    .elementor-6546 .elementor-wc-products ul.products { 
         grid-template-columns: repeat(5, 1fr) !important;
    }
}

@media (max-width: 1100px) {
    .elementor-6546 .elementor-wc-products ul.products { 
         grid-template-columns: repeat(4, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .elementor-6546 .elementor-wc-products ul.products { 
         grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* Card Design (Matches Image 1 Style) */
.elementor-6546 ul.products > li.product { 
     position: relative !important;
     background-color: #fff;
     border: 1px solid #eaeaea;
     border-radius: 8px;
     padding: 25px 15px;
     text-align: center;
     transition: all 0.3s ease;
     box-shadow: 0 2px 5px rgba(0,0,0,0.02);
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     height: 100%;
}

/* Hover Effect */
.elementor-6546 ul.products > li.product:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    transform: translateY(-5px);
    border-color: #fff;
}

/* Image Styling - Make them look like icons */
.elementor-6546 ul.products > li.product img {
    max-width: 100px; /* Constrain width */
    height: auto;
    margin-bottom: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Title Styling - Blue and Bold */
.elementor-6546 ul.products > li.product .woocommerce-loop-product__title {
    color: #265aff61; /* Matching the blue tone */
    font-size: 16px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 1.3;
}

/* Optional: Hide Price/Add to Cart to keep it clean like categories */
.elementor-6546 ul.products > li.product .price,
.elementor-6546 ul.products > li.product .add_to_cart_button,
.elementor-6546 ul.products > li.product .button {
    display: none !important;
}

/* Ensure link covers the card or behaves nicely */
.elementor-6546 ul.products > li.product > a {
    text-decoration: none;
    display: block;
    width: 100%;
}

/* --- New Fixes Below --- */

/* Fix Page Header/Breadcrumb Colors (White Background, Black Text) */
.page-title-v1,
.page-header,
.woocommerce-breadcrumb,
.electro-breadcrumb-wrapper,
.entry-header.header-with-cover-image {
    background-color: #ffffff !important;
    background-image: none !important; /* Remove any background image if present */
    color: #000000 !important;
}

/* Ensure Text is Black */
.page-title-v1 h1,
.page-title-v1 .entry-title,
.page-header h1,
.page-header .page-title,
.woocommerce-breadcrumb,
.woocommerce-breadcrumb a,
.woocommerce-breadcrumb span,
.electro-breadcrumb-wrapper a,
.electro-breadcrumb-wrapper span,
.entry-header h1 {
    color: #000000 !important;
}

/* Breadcrumb Delimiter */
.woocommerce-breadcrumb .delimiter {
    color: #000000 !important;
}

/* Optional: Add a subtle bottom border to separate from content if it's too white */
.page-title-v1,
.page-header {
    border-bottom: 1px solid #eaeaea;
}

/* --- Global Color Updates (Excluding Footer) --- */

/* Text Color: Black for Header and Content */
.site-header,
#content {
    color: #000000;
}

/* Force Black on common text elements inside Header and Content */
.site-header h1, .site-header h2, .site-header h3, .site-header h4, .site-header h5, .site-header h6,
.site-header p, .site-header span, .site-header li, .site-header a,
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6,
#content p, #content span, #content li, #content a,
.woocommerce-loop-product__title {
    color: #000000 !important;
}

/* Hover: Light Grey */
.site-header a:hover,
#content a:hover,
.woocommerce-loop-product__link:hover .woocommerce-loop-product__title,
.widget a:hover {
    color: #21212133 !important; /* Visible Light Grey */
}

/* Active/Focus/Current: Blue */
.site-header a:active,
.site-header a:focus,
.site-header .current-menu-item > a,
.site-header .active > a,
#content a:active,
#content a:focus,
#content .active > a,
#content .current-menu-item > a {
    color: #265aff61 !important; /* Electro Blue */
}

/* --- New Updates for Vacuum Ovens Alignment, Icon Removal, Footer BG --- */

/* Remove departments menu icon (arrow-down-search) */
.departments-menu-v2-icon.ec-arrow-down-search,
.departments-menu-v2-icon.ec.ec-arrow-down-search {
    display: none !important;
}

/* Change Footer Background */
#colophon.site-footer,
#colophon.site-footer.footer-v2 {
    background-color: #d6bf5c52 !important;
}

/* Ensure inner wrappers are transparent if needed */
.footer-v2 .footer-widgets,
.footer-v2 .footer-bottom-widgets,
.footer-v2 .copyright-bar {
    background-color: transparent !important;
}