.elementor-14 .elementor-element.elementor-element-c5e4dad{--display:flex;}.elementor-14 .elementor-element.elementor-element-c5e4dad:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-c5e4dad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-14 .elementor-element.elementor-element-440afcf{border-radius:2px 2px 2px 2px;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-440afcf *//* ==========================================================================
   WP Store Locator - Custom Style
   Primary Color: #F7D22C
   Secondary Color: #252525
   ========================================================================== */
:root {
    --wpsl-primary: #F7D22C;
    --wpsl-secondary: #252525;
    --wpsl-white: #ffffff;
    --wpsl-gray-border: #e0e0e0;
    --wpsl-gray-text: #6b6b6b;
    --wpsl-radius: 12px;
    --wpsl-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* ---------- แผนที่ - ใส่ radius + shadow ---------- */
#wpsl-gmap {
    border-radius: var(--wpsl-radius);
    overflow: hidden;
    box-shadow: var(--wpsl-shadow);
}

/* ---------- ฟอร์มค้นหา - ใส่ radius (ไม่มี shadow) ---------- */
.wpsl-search,
#wpsl-search-wrap {
    border-radius: var(--wpsl-radius);
    overflow: hidden;
}

#wpsl-search-input,
#wpsl-radius,
#wpsl-results,
.wpsl-dropdown,
.wpsl-selected-item {
    border-radius: 8px;
}

#wpsl-search-btn {
    border-radius: 8px;
}

/* ---------- กล่องข้อมูลร้านค้าด้านซ้าย (container หลัก) - ใส่ shadow ---------- */
#wpsl-stores-wrap {
    border-radius: var(--wpsl-radius);
    box-shadow: var(--wpsl-shadow);
}

/* ---------- รายการร้านค้า (ลิสต์) - แค่เป็นตัวจัดเรียง ไม่มีกรอบขาวรวม ---------- */
#wpsl-result-list,
#wpsl-stores {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

li[data-store-id] {
    margin-bottom: 20px;
}

li[data-store-id]:last-child {
    margin-bottom: 0;
}

/* ---------- Scrollbar แบบ Modern ---------- */
#wpsl-result-list,
#wpsl-stores,
#wpsl-stores-wrap {
    scrollbar-width: thin;
    scrollbar-color: var(--wpsl-primary) transparent;
}

#wpsl-result-list::-webkit-scrollbar,
#wpsl-stores::-webkit-scrollbar,
#wpsl-stores-wrap::-webkit-scrollbar {
    width: 8px;
}

#wpsl-result-list::-webkit-scrollbar-track,
#wpsl-stores::-webkit-scrollbar-track,
#wpsl-stores-wrap::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px;
}

#wpsl-result-list::-webkit-scrollbar-thumb,
#wpsl-stores::-webkit-scrollbar-thumb,
#wpsl-stores-wrap::-webkit-scrollbar-thumb {
    background-color: var(--wpsl-primary);
    border-radius: 10px;
    border: 2px solid transparent;
    background-clip: padding-box;
}

#wpsl-result-list::-webkit-scrollbar-thumb:hover,
#wpsl-stores::-webkit-scrollbar-thumb:hover,
#wpsl-stores-wrap::-webkit-scrollbar-thumb:hover {
    background-color: var(--wpsl-secondary);
}

/* ---------- แต่ละร้าน - ครอบกรอบขาวแยกทีละร้าน (ไม่มี shadow ซ้ำซ้อน) ---------- */
li[data-store-id] {
    background: var(--wpsl-white);
    border: 1px solid var(--wpsl-gray-border);
    border-radius: var(--wpsl-radius);
    padding: 18px 20px;
}

/* ---------- ข้อมูลแต่ละร้าน (อยู่ในกรอบขาวของ li ด้านบน) ---------- */
.wpsl-store-location {
    font-size: 17px;
    font-weight: 700;
    color: var(--wpsl-secondary);
    margin-bottom: 8px;
}

.wpsl-street {
    display: block;
    font-size: 14px;
    color: var(--wpsl-gray-text);
    line-height: 1.6;
}

.wpsl-country {
    display: block;
    font-size: 14px;
    color: var(--wpsl-gray-text);
    font-weight: 500;
}

/* ---------- ระยะทาง + ปุ่มนำทาง (อยู่ในกรอบขาวของ li ด้านบน) ---------- */
.wpsl-direction-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed var(--wpsl-gray-border);
}

.wpsl-direction-index,
.wpsl-direction-txt {
    color: #fff !important;
}/* End custom CSS */