/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
    .product-filter-container {
            padding: 12px 0;
            margin-bottom: 20px;
        }

        #archive-filter-form {
            display: flex;
            gap: 15px;
            flex-wrap: nowrap;
            align-items: center;
            justify-content: flex-start;
        }

        #archive-filter-form select {
            padding: 12px 15px;
            border: 1px solid #d0d0d0;
            border-radius: 6px;
            background-color: #ffffff;
            color: #333333;
            font-size: 14px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            width: auto;
            flex-shrink: 0;
            appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23333' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 12px center;
            padding-right: 35px;
			min-width:250px;
        }

        #archive-filter-form select:hover:not(:disabled) {
            border-color: #999999;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }

        #archive-filter-form select:focus {
            outline: none;
            border-color: #666666;
            box-shadow: 0 0 0 3px rgba(100, 100, 100, 0.1);
        }

        #archive-filter-form select:disabled {
            background-color: #f0f0f0;
            color: #999999;
            cursor: not-allowed;
            opacity: 0.6;
        }

        /* Mobile Responsive */
        @media (max-width: 768px) {
            #archive-filter-form {
                flex-wrap: wrap;
            }

            #archive-filter-form select {
                padding: 10px 12px;
                font-size: 13px;
            }
        }