/*
 Theme Name:   BDS36 Child Theme
 Theme URI:    https://bds36.com
 Description:  Giao diện tùy chỉnh độc quyền cho hệ thống Bất Động Sản BDS36
 Author:       Nguyễn Đạt
 Author URI:   https://bds36.com
 Template:     wpresidence
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/


/* ===================================================
   BẮT ĐẦU: MASTER CSS GIAO DIỆN TÌM KIẾM NÂNG CAO
=================================================== */

/* --- 1. HIỆU ỨNG CHO Ô TỪ KHÓA (Nổi 3D khi click) --- */
.search_wr_elementor input#types {
    transition: all 0.3s ease !important;
    outline: none !important;
    background-color: #fff !important; 
}
.search_wr_elementor input#types:focus {
    transform: translateY(-3px) !important; 
    box-shadow: 0px 15px 30px rgba(0, 86, 179, 0.15), 0px 5px 10px rgba(0, 86, 179, 0.1) !important;
    background-color: #fff !important; 
}

/* --- 2. HIỆU ỨNG MENU XỔ XUỐNG (Viền xanh, nền trắng, nổi bóng 3D) --- */
.search_wr_elementor .dropdown-menu {
    border: 1px solid #0056b3 !important; 
    border-radius: 3px !important;
    background-color: #ffffff !important; 
    box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.25), 0px 5px 15px rgba(0, 0, 0, 0.1) !important;
    z-index: 9999 !important; 
}

/* --- 3. NÚT MẸ BÊN NGOÀI (Chữ nảy sang TRẮNG khi click vào nền xanh) --- */
.search_wr_elementor button.dropdown-toggle:focus,
.search_wr_elementor button.dropdown-toggle:active,
.search_wr_elementor button.dropdown-toggle[aria-expanded="true"],
.search_wr_elementor .wpestate-multiselect-custom-style:focus,
.search_wr_elementor .wpestate-multiselect-custom-style:active,
.search_wr_elementor .wpestate-multiselect-custom-style[aria-expanded="true"] {
    color: #ffffff !important;
}
/* Đổi màu mũi tên của nút mẹ sang trắng */
.search_wr_elementor button.dropdown-toggle:focus::after,
.search_wr_elementor button.dropdown-toggle[aria-expanded="true"]::after,
.search_wr_elementor .wpestate-multiselect-custom-style:focus::after,
.search_wr_elementor .wpestate-multiselect-custom-style[aria-expanded="true"]::after {
    color: #ffffff !important;
    border-top-color: #ffffff !important;
}

/* --- 4. CÁCH LY NÚT CON BÊN TRONG (Ép chữ giữ nguyên màu ĐEN/XÁM) --- */
.search_wr_elementor .dropdown-menu button.dropdown-toggle,
.search_wr_elementor .dropdown-menu button.dropdown-toggle:focus,
.search_wr_elementor .dropdown-menu button.dropdown-toggle:active,
.search_wr_elementor .dropdown-menu button.dropdown-toggle[aria-expanded="true"],
.search_wr_elementor .dropdown-menu .wpestate-multiselect-custom-style,
.search_wr_elementor .dropdown-menu .wpestate-multiselect-custom-style:focus,
.search_wr_elementor .dropdown-menu .wpestate-multiselect-custom-style:active,
.search_wr_elementor .dropdown-menu .wpestate-multiselect-custom-style[aria-expanded="true"] {
    color: #333333 !important;
}
/* Mũi tên của nút con cũng phải là màu đen */
.search_wr_elementor .dropdown-menu button.dropdown-toggle::after,
.search_wr_elementor .dropdown-menu button.dropdown-toggle:focus::after,
.search_wr_elementor .dropdown-menu button.dropdown-toggle[aria-expanded="true"]::after,
.search_wr_elementor .dropdown-menu .wpestate-multiselect-custom-style::after,
.search_wr_elementor .dropdown-menu .wpestate-multiselect-custom-style:focus::after,
.search_wr_elementor .dropdown-menu .wpestate-multiselect-custom-style[aria-expanded="true"]::after {
    color: #333333 !important;
    border-top-color: #333333 !important;
}

/* ===================================================
   KẾT THÚC: MASTER CSS GIAO DIỆN TÌM KIẾM
=================================================== */