/* 
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 */

/* Container and Typography */
.custom-filter-container {
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 30px;
    max-width: 350px;
    background: #fff;
}
.filter-main-title { font-size: 28px; font-weight: 800; margin: 0; }
.title-separator { height: 4px; background: #e0e0e0; position: relative; margin: 10px 0 30px 0; }
.title-separator::before { content: ""; position: absolute; width: 35%; height: 100%; background: #005a63; }

/* Price Slider Styling */
#range-slider { height: 6px; border: none; background: #ccc; margin-bottom: 20px; }
.noUi-connect { background: #005a63; } /* Teal bar */
.noUi-handle { 
    border: 2px solid #005a63 !important; 
    border-radius: 50% !important; 
    background: #fff !important; 
    cursor: pointer !important;
    box-shadow: none !important;
}
.noUi-handle::before, .noUi-handle::after { display: none; } /* Remove default lines */
.noUi-horizontal .noUi-handle { width: 22px; height: 22px; right: -11px; top: -9px; }

.price-labels { display: flex; justify-content: space-between; font-size: 14px; margin-bottom: 25px; }

/* Checkboxes */
.checkbox-container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 16px; }
.checkbox-container input { position: absolute; opacity: 0; }
.checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; border: 2px solid #005a63; border-radius: 2px; }
.checkbox-container input:checked ~ .checkmark { background-color: #005a63; }
.checkbox-container input:checked ~ .checkmark:after { content: "✓"; position: absolute; color: white; font-size: 14px; left: 3px; top: -1px; }

/* Orange Button */
.filter-submit-btn {
    background-color: #d84b06;
    color: #fff;
    border: none;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.filter-submit-btn .arrow { margin-left: 10px; }