.elementor-76 .elementor-element.elementor-element-9d22cf8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-76 .elementor-element.elementor-element-9d22cf8:not(.elementor-motion-effects-element-type-background), .elementor-76 .elementor-element.elementor-element-9d22cf8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-76 .elementor-element.elementor-element-abdccdb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-76 .elementor-element.elementor-element-881fd17{text-align:left;}.elementor-76 .elementor-element.elementor-element-881fd17 img{width:36px;}.elementor-76 .elementor-element.elementor-element-2db8301{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#B2B2B2;--border-color:#B2B2B2;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-76 .elementor-element.elementor-element-cda76ed .elementor-nav-menu .elementor-item{font-family:"Prompt", Sans-serif;font-size:18px;font-weight:500;}.elementor-76 .elementor-element.elementor-element-cda76ed .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-76 .elementor-element.elementor-element-cda76ed .elementor-nav-menu--main .elementor-item:hover, .elementor-76 .elementor-element.elementor-element-cda76ed .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-76 .elementor-element.elementor-element-cda76ed .elementor-nav-menu--main .elementor-item.highlighted, .elementor-76 .elementor-element.elementor-element-cda76ed .elementor-nav-menu--main .elementor-item:focus{color:#174477;fill:#174477;}.elementor-76 .elementor-element.elementor-element-cda76ed .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#174477;}.elementor-76 .elementor-element.elementor-element-4b955f5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-76 .elementor-element.elementor-element-cb41969{--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:#134BF2;--toggle-button-border-color:#02010100;--toggle-icon-size:25px;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-76 .elementor-element.elementor-element-cb41969 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-76 .elementor-element.elementor-element-57a00ba img{width:40px;border-radius:50% 50% 50% 50%;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-76 .elementor-element.elementor-element-b9b4204 .elementor-icon-wrapper{text-align:center;}.elementor-76 .elementor-element.elementor-element-b9b4204.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-76 .elementor-element.elementor-element-b9b4204.elementor-view-framed .elementor-icon, .elementor-76 .elementor-element.elementor-element-b9b4204.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-76 .elementor-element.elementor-element-b9b4204.elementor-view-framed .elementor-icon, .elementor-76 .elementor-element.elementor-element-b9b4204.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-76 .elementor-element.elementor-element-1a9a59e .elementor-button{background-color:#134BF2;font-family:"Prompt", Sans-serif;font-size:16px;font-weight:500;}.elementor-76 .elementor-element.elementor-element-efa1603{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-76 .elementor-element.elementor-element-efa1603:not(.elementor-motion-effects-element-type-background), .elementor-76 .elementor-element.elementor-element-efa1603 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-76 .elementor-element.elementor-element-0cb492e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-76 .elementor-element.elementor-element-8ce4ab3 .elementor-nav-menu--dropdown a, .elementor-76 .elementor-element.elementor-element-8ce4ab3 .elementor-menu-toggle{color:#353535;fill:#353535;}.elementor-76 .elementor-element.elementor-element-8ce4ab3 .elementor-nav-menu--dropdown a:hover, .elementor-76 .elementor-element.elementor-element-8ce4ab3 .elementor-nav-menu--dropdown a:focus, .elementor-76 .elementor-element.elementor-element-8ce4ab3 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-76 .elementor-element.elementor-element-8ce4ab3 .elementor-nav-menu--dropdown a.highlighted, .elementor-76 .elementor-element.elementor-element-8ce4ab3 .elementor-menu-toggle:hover, .elementor-76 .elementor-element.elementor-element-8ce4ab3 .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-76 .elementor-element.elementor-element-8ce4ab3 .elementor-nav-menu--dropdown a:hover, .elementor-76 .elementor-element.elementor-element-8ce4ab3 .elementor-nav-menu--dropdown a:focus, .elementor-76 .elementor-element.elementor-element-8ce4ab3 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-76 .elementor-element.elementor-element-8ce4ab3 .elementor-nav-menu--dropdown a.highlighted{background-color:#174477;}.elementor-76 .elementor-element.elementor-element-8ce4ab3 .elementor-nav-menu--dropdown a.elementor-item-active{color:#FFFFFF;background-color:#174477;}.elementor-76 .elementor-element.elementor-element-8ce4ab3 .elementor-nav-menu--dropdown .elementor-item, .elementor-76 .elementor-element.elementor-element-8ce4ab3 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Prompt", Sans-serif;font-size:16px;font-weight:400;}.elementor-76 .elementor-element.elementor-element-8ce4ab3 .elementor-nav-menu--dropdown{border-radius:8px 8px 8px 8px;}.elementor-76 .elementor-element.elementor-element-8ce4ab3 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:8px;border-top-right-radius:8px;}.elementor-76 .elementor-element.elementor-element-8ce4ab3 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:8px;border-bottom-left-radius:8px;}.elementor-76 .elementor-element.elementor-element-8ce4ab3 .elementor-nav-menu--dropdown a{padding-top:10px;padding-bottom:10px;}.elementor-76 .elementor-element.elementor-element-8ce4ab3 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-76 .elementor-element.elementor-element-8ce4ab3 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:0px !important;}.elementor-76 .elementor-element.elementor-element-e3c00e0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-jet-smart-filters-search .jet-search-filter__submit{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-76 .elementor-element.elementor-element-dba039d .jet-search-filter__input-wrapper{max-width:100%;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-76 .elementor-element.elementor-element-cda76ed .elementor-nav-menu .elementor-item{font-size:16px;}}@media(min-width:768px){.elementor-76 .elementor-element.elementor-element-abdccdb{--width:20%;}.elementor-76 .elementor-element.elementor-element-2db8301{--width:65%;}.elementor-76 .elementor-element.elementor-element-4b955f5{--width:15%;}.elementor-76 .elementor-element.elementor-element-9d22cf8{--content-width:1320px;}.elementor-76 .elementor-element.elementor-element-0cb492e{--width:50%;}.elementor-76 .elementor-element.elementor-element-e3c00e0{--width:50%;}.elementor-76 .elementor-element.elementor-element-efa1603{--content-width:1320px;}}@media(max-width:767px){.elementor-76 .elementor-element.elementor-element-abdccdb{--width:30%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-76 .elementor-element.elementor-element-4b955f5{--width:70%;--justify-content:flex-end;}.elementor-76 .elementor-element.elementor-element-cb41969{--toggle-icon-padding:10px 0px 0px 0px;}.elementor-76 .elementor-element.elementor-element-b9b4204 .elementor-icon{font-size:25px;}.elementor-76 .elementor-element.elementor-element-b9b4204 .elementor-icon svg{height:25px;}}/* Start custom CSS for nav-menu, class: .elementor-element-8ce4ab3 */.elementor-76 .elementor-element.elementor-element-8ce4ab3 .sub-menu { max-height: 300px; overflow-y: auto; } /* นี่คือ CSS ที่จะเปลี่ยนสีไอคอนเมื่อเอาเมาส์ไปชี้ที่เมนู (a tag) */ /* *** สำคัญ: คุณต้องเปลี่ยน .elementor-76 .elementor-element.elementor-element-8ce4ab3 นี้ให้ตรงกับโครงสร้าง HTML ของคุณจริง ๆ *** */ /* ตัวอย่าง: หากเมนูหลักมีคลาส .elementor-item และไอคอนอยู่ภายใน .elementor-nav-menu__indicator img */ .elementor-item:hover .elementor-nav-menu__indicator img { filter: brightness(0) invert(1); /* ทำให้สีดำ/สีเข้ม เป็นสีขาว */ transition: filter 0.3s ease; /* เพิ่มความนุ่มนวลในการเปลี่ยนสี */ } /* ถ้าไอคอนของคุณอยู่ภายใน link (.elementor-item) และเป็น img โดยตรง */ /* หรือคุณต้องการให้เปลี่ยนสีเมื่อ hover ที่ img tag นั้นเอง */ /* .elementor-nav-menu__indicator img:hover { filter: brightness(0) invert(1); transition: filter 0.3s ease; } *//* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-8ce4ab3 */.elementor-76 .elementor-element.elementor-element-8ce4ab3 .sub-menu { max-height: 300px; overflow-y: auto; } /* นี่คือ CSS ที่จะเปลี่ยนสีไอคอนเมื่อเอาเมาส์ไปชี้ที่เมนู (a tag) */ /* *** สำคัญ: คุณต้องเปลี่ยน .elementor-76 .elementor-element.elementor-element-8ce4ab3 นี้ให้ตรงกับโครงสร้าง HTML ของคุณจริง ๆ *** */ /* ตัวอย่าง: หากเมนูหลักมีคลาส .elementor-item และไอคอนอยู่ภายใน .elementor-nav-menu__indicator img */ .elementor-item:hover .elementor-nav-menu__indicator img { filter: brightness(0) invert(1); /* ทำให้สีดำ/สีเข้ม เป็นสีขาว */ transition: filter 0.3s ease; /* เพิ่มความนุ่มนวลในการเปลี่ยนสี */ } /* ถ้าไอคอนของคุณอยู่ภายใน link (.elementor-item) และเป็น img โดยตรง */ /* หรือคุณต้องการให้เปลี่ยนสีเมื่อ hover ที่ img tag นั้นเอง */ /* .elementor-nav-menu__indicator img:hover { filter: brightness(0) invert(1); transition: filter 0.3s ease; } *//* End custom CSS */