/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
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.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1767777704
Updated: 2026-01-07 09:21:44

*/

.elementor-products-grid ul.products.elementor-grid li.product {
    border: 1px solid #ECEEEEF2;
    border-radius: 16px 16px 16px 16px;
    overflow: hidden;
    background-color: #ECEEEE80;
    padding: 16px 16px 16px 16px !important;
}

/* LAYOUT */
.custom-shop-layout {
    display: flex;
    gap: 30px;
}

.custom-sidebar {
    width: 25%;
    background: #fff;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 8px;
}

.custom-products {
    width: 75%;
}

/* SIDEBAR UI */
.sidebar-title {
    font-size: 18px;
    margin-bottom: 15px;
background-color: #DC9832;
    padding: 16px 16px 16px 16px;
    border-radius: 12px 12px 0 0;
    color: #FFF;
}

.wc-cat-accordion {
    list-style: none;
    /*padding: 0;
    margin: 0;*/
    padding: 0 0 0 10px;
    margin: 15px 0 0 0;
}

.cat-item {
    border-bottom: 1px solid #f1f1f1;
    padding: 8px 0;
}

.cat-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cat-header a {
    text-decoration: none;
    color: #333;
    font-size: 14px;
}

.cat-header a:hover {
    color: #0073aa;
}

.active-cat {
    color: #0073aa;
    font-weight: bold;
}

.toggle-btn {
    cursor: pointer;
    font-weight: bold;
}

.sub-cat {
    display: none;
    padding-left: 15px;
    margin-top: 8px;
}

/* MOBILE */
@media (max-width: 768px) {
    .custom-shop-layout {
        flex-direction: column;
    }

    .custom-sidebar,
    .custom-products {
        width: 100%;
    }
}