/*
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.3.0.1741144149
Updated: 2025-03-05 03:09:09

*/

#wpsl-result-list #wpsl-stores, #wpsl-result-list #wpsl-direction-details {
    height: auto !important;
}

#wpsl-wrap {
    display: flex;
    flex-direction: row-reverse;
}

#wpsl-result-list {
    background: #F7F3F0;
    margin: 0 !important;
    width: 480px;
    min-width: 480px;
    padding: 40px 50px;
}

#wpsl-search-wrap input,
#wpsl-search-wrap .wpsl-input {
    float: none;
    display: block;
    width: 100%;
}

#wpsl-search-wrap #wpsl-search-input {
    background: transparent;
    border: 1px solid #000;
    border-radius: 0;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 50px;
    display: block !important;
    font-size: 14px;
    font-family: "Helvetica Neue", Sans-serif;
    font-weight: 400;
    margin-bottom: 9px;
}

#wpsl-search-wrap .note {
    font-size: 14px;
	color: #000;
}

#wpsl-search-wrap .wpsl-input {
    position: relative;
}

.wpsl-store-location span {
    display: inline;
}

.wpsl-direction-wrap {
    display: none;
}

#wpsl-wrap #wpsl-result-list ul li[data-store-id] {
    border: 1px solid #000;
    margin-bottom: 20px;
    padding: 25px 20px 18px;
    cursor: pointer;
}

#wpsl-result-list li p {
    margin: 0 !important;
}

#wpsl-result-list {
    height: 805px;
    overflow-y: auto;
}

/* Áp dụng chung cho trình duyệt Webkit (Chrome, Safari...) */
#wpsl-result-list::-webkit-scrollbar {
  width: 10px; /* Chiều rộng scrollbar dọc */
  height: 10px; /* Chiều cao scrollbar ngang */
  background-color: transparent; /* Trong suốt hoàn toàn */
}

/* Track (phần nền scrollbar) */
#wpsl-result-list::-webkit-scrollbar-track {
  background-color: transparent; /* Trong suốt hoàn toàn */
}

/* Thanh cuộn (thumb) tương tự như iOS */
#wpsl-result-list::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2); /* Màu thumb nhẹ nhàng như iOS */
  border-radius: 10px; /* Bo tròn như iOS */
}

/* Hover vào scrollbar thumb sẽ rõ hơn */
#wpsl-result-list::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.35);
}

#wpsl-gmap .wpsl-info-actions {
    display: none !important;
}

.wpsl-store-location strong {
    display: block;
}

#wpsl-search-btn {
    background: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2260_193)"><path d="M17.875 8.9375C17.875 10.9098 17.2348 12.7316 16.1562 14.2098L21.5961 19.6539C22.1332 20.191 22.1332 21.0633 21.5961 21.6004C21.059 22.1375 20.1867 22.1375 19.6496 21.6004L14.2098 16.1562C12.7316 17.2391 10.9098 17.875 8.9375 17.875C4.00039 17.875 0 13.8746 0 8.9375C0 4.00039 4.00039 0 8.9375 0C13.8746 0 17.875 4.00039 17.875 8.9375ZM8.9375 15.125C9.75005 15.125 10.5547 14.965 11.3054 14.654C12.0561 14.3431 12.7382 13.8873 13.3127 13.3127C13.8873 12.7382 14.3431 12.0561 14.654 11.3054C14.965 10.5547 15.125 9.75005 15.125 8.9375C15.125 8.12495 14.965 7.32035 14.654 6.56965C14.3431 5.81894 13.8873 5.13684 13.3127 4.56228C12.7382 3.98771 12.0561 3.53195 11.3054 3.221C10.5547 2.91004 9.75005 2.75 8.9375 2.75C8.12495 2.75 7.32035 2.91004 6.56965 3.221C5.81894 3.53195 5.13684 3.98771 4.56228 4.56228C3.98771 5.13684 3.53195 5.81894 3.221 6.56965C2.91004 7.32035 2.75 8.12495 2.75 8.9375C2.75 9.75005 2.91004 10.5547 3.221 11.3054C3.53195 12.0561 3.98771 12.7382 4.56228 13.3127C5.13684 13.8873 5.81894 14.3431 6.56965 14.654C7.32035 14.965 8.12495 15.125 8.9375 15.125Z" fill="black"/></g><defs><clipPath id="clip0_2260_193"><rect width="22" height="22" fill="white"/></clipPath></defs></svg>');
    width: 22px !important;
    height: 22px !important;
    display: block;
    position: absolute;
    border: 0 !important;
    cursor: pointer;
    box-shadow: inherit;
	top: 15px;
    left: 17px;
    text-indent: -9999px;
}

.wpsl-search {
    background: transparent;
    padding: 0;
}

#wpsl-gmap {
    width: 100%;
}

#wpsl-search-wrap h3 {
    font-family: 'Century Schoolbook';
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 110%;
    text-transform: uppercase;
    color: #000000;
}

#wpsl-gmap img[src*="red@2x.png"] {
    display: none !important;
    opacity: 0 !important;
}

.elementor-select-wrapper .select-caret-down-wrapper {
	background: url('data:image/svg+xml,<svg width="14" height="6" viewBox="0 0 14 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 6L0.0717964 0H13.9282L7 6Z" fill="%237D7D7D"/></svg>');
	width: 14px;
    height: 6px;
}


.elementor-select-wrapper .select-caret-down-wrapper svg {
	display: none;
}

@media (max-width: 980px) {
	#wpsl-wrap {
		display: flex;
		flex-direction: column-reverse;
	}
	#wpsl-result-list {
		width: 100%;
		height: auto;
		max-height: 1000px;
	}
}



@media (max-width: 600px) {
	#wpsl-gmap.wpsl-gmap-canvas {
		height: 510px !important;
	}
	#wpsl-result-list {
		padding: 30px 20px;
		min-width: inherit;
	}
	#wpsl-search-wrap h3 {
		font-size: 26px;
	}
}