/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.9.0.1742194041
Updated: 2025-03-17 13:47:21

*/

.yith-wcan-active-filters .active-filter .active-filter-label {    
	margin-bottom: 10PX;
	margin-TOP: 20PX;
}

/* สำหรับโทรศัพท์มือถือ (max-width: 768px) */
@media (max-width: 768px) {
    .woocommerce .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar,
    .woocommerce-page .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar {
        width: 90%; /* กำหนดความกว้างเป็น 90% ของหน้าจอ */
        max-width: 525px; /* กำหนดความกว้างสูงสุดเป็น 325px */
    }
	.woocommerce button.astra-shop-filter-button, .woocommerce-page button.astra-shop-filter-button {
    font-size: 12px;
		padding: 2px 2px;
    }
	.ast-hb-account-login-wrapper .ast-hb-account-login {
        width: 100% !important; /* ทำให้กว้าง 90% ของหน้าจอ */
        max-width: 350px!important; /* จำกัดไม่ให้เกิน 300px */
		justify-content: center!important;
    }
	.elementor-widget-heading h4.elementor-heading-title {
    padding: 10px 0 10px 0;
	}
	.woocommerce ul.products, .woocommerce-page ul.products {
    column-gap: 5px;
		}
	h6, .entry-content h6, .entry-content h6 a {
    font-size: 28px;
		}
		.blog .entry-title, .blog .entry-title a, .archive .entry-title, .archive .entry-title a, .search .entry-title, .search .entry-title a {
    margin-top: 10px;
		}
	.wll-launcher-button-container {
        bottom: 40px !important;
		right: 7px !important;
    }
	.chatway--container .chatway--trigger-container .chatway--trigger-icon-container {
	bottom: 100px !important;
    transform: scale(0.8)!important; /* ลดขนาดลง 0.8 เท่า */
	}
	.chatway--container .chatway--trigger-container {
    right: 0px !important;
	}
		.ast-single-product-payments ul {
			display: flex;
			flex-wrap: wrap;
			margin: 0;
			padding: 0;
			list-style: none;
			justify-content: center; /* เปลี่ยนกลับเป็น center */
	}
	.ast-single-product-payments ul li {
			width: 20%;
			box-sizing: border-box;
			display: flex;
			justify-content: center;
	}
	.veb-variation-swatches ul.variations {
			padding-left: 10px!important;
			padding-right: 10px!important;
			padding-top: 10px!important;
			padding-bottom: 0;
	}
	.ast-single-product-payments ul li {
    margin: 0.5em 1em 0.5em 1em!important; /* ลดระยะห่างที่ไม่จำเป็น */
	}
}

/* สำหรับแท็บเล็ต (min-width: 769px) และ (max-width: 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
    .woocommerce .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar,
    .woocommerce-page .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar {
        width: 90%; /* กำหนดความกว้างเป็น 90% ของหน้าจอ */
        max-width: 1000px; /* กำหนดความกว้างสูงสุดเป็น 925px */
    }
		.site-header .menu-text {
    font-size: 14px;
		}
		.main-header-menu .menu-link, .main-header-menu>a {
    padding: 0 10px;
		}
		.ast-site-header-cart, .woocommerce .ast-site-header-cart 		{
     font-size: 14px;
		}
		.ast-builder-grid-row {
    grid-column-gap: 0px;
		}
		header .custom-logo-link img {
    max-width: 140px;
    width: 140px;
		}
			.blog .entry-title, .blog .entry-title a, .archive .entry-title, .archive .entry-title a, .search .entry-title, .search .entry-title a {
    margin-top: 25px;
		}
	.ast-separate-container.ast-two-container #secondary .widget {
    padding: 5px;
		}
}

/* สำหรับเดสก์ท็อป (min-width: 1025px) */
@media (min-width: 1025px) {
    .woocommerce .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar,
    .woocommerce-page .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar {
      	width: 90%;  
				width: 1525px; /* กำหนดความกว้างตายตัวสำหรับเดสก์ท็อป */
    }
	.veb-variation-gallery-wrapper .slick-current .iwp-gallery-image {
    width: 600px;
    height: 600px;
    object-fit: cover; /* ทำให้ภาพเต็มกรอบโดยไม่เสียอัตราส่วน */
	}
}

.is-layout-flex {
    align-items: flex-start;
}

h4, .entry-content h4, .entry-content h4 a {
	margin-bottom: 20PX;
	margin-TOP: 20PX;
}

.wp-block-search__inside-wrapper .wp-block-search__input {
    padding: 10px 10px;
}

.ast-sticky-shop-filters {
    padding: 2px 2px;
}

/*Icon payment */
.ast-single-product-payments ul li svg, .ast-single-product-payments ul li img {
	transform: scale(1.3);
}
.ast-single-product-payments ul li {
    display: flex;
    width: auto; /* ปรับให้กว้างตามเนื้อหา */
    margin: 0 0.5em 0.5em 0.5em; /* ลดระยะห่างที่ไม่จำเป็น */
}

.fs-free-shipping-notice-progress-bar>span {
    background-color: #ff9a00;
}

.woocommerce-js form .form-row .input-checkbox {
    transform: scale(1.5);
}
.woocommerce-js form .form-row label {
    font-size: 1rem;
}

.ast-separate-container .ast-comment-list li.depth-1 {
    margin-bottom: 5em;
    background-color: #FFFFFF; /* เพิ่มสีพื้นหลังสีขาว */
}

.woocommerce div.product.ast-product-tabs-layout-accordion .ast-accordion-content {
		overflow-y: auto;
}

.woocommerce.single-product .comment-form-attachment {
    display: none !important;
}

.comment-form-attachment > span:not(.required) {
    display: none !important;
}


/* ให้ Timeline อยู่บนสุดของคำสั่งซื้อ */
.order-timeline-container {
    margin-bottom: 20px; /* ปรับระยะห่างจากรายการสินค้า */
}

/* ปรับตำแหน่ง Progress Bar */
.order-progress-bar {
    margin-bottom: 20px; /* เพิ่มระยะห่างให้ดูเป็นระเบียบ */
}

/* ปรับ Timeline แนวตั้ง */
.order-timeline {
    border-left: 15px solid #ff5722;
    padding-left: 15px;
    margin-top: 40px;
	margin-bottom: 40px;
}

/* วงกลมของสถานะ */
.order-progress-bar .status-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-weight: bold;
}

/* เส้นเชื่อมระหว่างสถานะ */
.order-progress-bar .status-line {
    position: absolute;
    top: 15px;
    left: 50%;
    width: 100%;
    height: 3px;
    background-color: #ccc; /* เปลี่ยนสีตามสถานะ */
    z-index: -1;
}

/* เมื่อสถานะถูก Active */
.order-progress-bar .active .status-circle {
    background-color: #ff5722 !important; /* สีสถานะที่ Active */
}

.order-progress-bar .active .status-line {
    background-color: #ff5722 !important;
}


.woocommerce-js .woocommerce-customer-details, 
.woocommerce-js .woocommerce-order-details, 
.woocommerce-js .woocommerce-order-downloads {
    margin-top: 3em !important;
}

a.button.track-button {
border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
}

a.button.track-button:hover {
    background: #4a1f94 !important; /* สีเข้มขึ้นหน่อย */
}

.woocommerce-button.view.order-actions-button {
    margin-right: 0.5em !important;
}

.ast-hb-account-login-wrapper .ast-hb-account-login {
    width: 400px !important;
}

.woocommerce-js .products ul, .woocommerce-js ul.products {
    margin: 0 0 0 0em;
}

.veb-variation-swatches ul.variations {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 0;
}

.veb-variation-swatches ul.variations>li {
    margin: 0px 0;
}

/* ตั้งค่าเริ่มต้นสำหรับรูปภาพ */
.veb-variation-gallery-wrapper .iwp-gallery-thumbnail-image {
    cursor: pointer;
    margin: 0;
    opacity: 1 !important;
    position: relative; /* ใช้สำหรับวางไอคอนติ๊กถูก */
}

/* ใช้ outline แทน border เพื่อให้ไม่มีการขยาย element */
.veb-variation-gallery-wrapper .iwp-gallery-thumbnail-image.current-thumbnail {
    outline: 2px solid #ff6600 !important; /* กรอบสีส้ม */
    outline-offset: -2px; /* ทำให้ติดขอบของรูปภาพพอดี */
}

/* เพิ่มไอคอน "✔" ที่มุมบนขวาของรูปที่ถูกเลือก */
.veb-variation-gallery-wrapper .iwp-gallery-thumbnail-image.current-thumbnail::after {
    content: "✔"; /* ไอคอนติ๊กถูก */
    font-size: 16px; /* ขนาดไอคอน */
    font-weight: bold;
    color: white; /* สีของเครื่องหมาย */
    background: #ff6600; /* พื้นหลังสีส้ม */
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%; /* ทำให้เป็นวงกลม */
    position: absolute;
    top: 5px; /* ปรับตำแหน่งมุมบน */
    right: 5px; /* ปรับตำแหน่งมุมขวา */
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */
}

.veb-variation-swatches ul.variations {
    row-gap: 8px; /* เพิ่มระยะห่างระหว่างบรรทัด */
}

.woocommerce-js .variations select, .woocommerce-js .woocommerce-ordering select {
	padding: .5em .8em;
    padding-right: 2em;
    background-position: 95% 50%;
}

.main-header-menu .menu-link, 
.main-header-menu > a {
    text-decoration: none;
    padding: 0 1em;
    display: block; /* ให้กินพื้นที่ทั้งบล็อก */
    height: 100%; /* ขยายเต็มพื้นที่เมนู */
    width: 100%; /* เพิ่มเติมถ้าต้องการให้ขยายกว้างสุด */
    transition: all 0.2s linear;
}

.veb-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item {
    border-radius: 50%; /* ทำให้ขอบของตัวเลือกเป็นวงกลม */
    overflow: hidden; /* ป้องกันไม่ให้เนื้อหาภายในล้น */
    aspect-ratio: 1 / 1; /* ทำให้สัดส่วนกว้าง x สูงเป็นสี่เหลี่ยมจัตุรัส */
}

.veb-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item .variable-item-span-color {
    border-radius: 50%;
    display: block;
    height: 100%;
    width: 100%;
}

.wlr-myaccount-page .wlr-user-details .wlr-points-name {
    font-size: 24px!important;
}

woocommerce-js form .form-row.woocommerce-validated .select2-container, .woocommerce-js form .form-row.woocommerce-validated input.input-text, .woocommerce-js form .form-row.woocommerce-validated select {
    line-height: 1!important;
	padding: 1.45em 0.8em 0.35em!important;
}
body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row label:not(.checkbox):not(.radio):not(.woocommerce-form__label-for-checkbox) {
    font-size: .8em;
}
#billing_country_field {
    display: flex;
    flex-direction: column;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 2px; /* กำหนด padding */
	margin-left: 7px;
    margin-right: 7px;
    background: #f9f9f9;
    box-sizing: border-box; /* นับ border และ padding รวมกับขนาดที่กำหนด */
}

#billing_country_field label {
    margin-bottom: 4px;
    font-weight: bold;
}

.woocommerce-button.view.order-actions-button {
    display: none;
}

#wll-site-launcher .w-12 {
    width: 90px;
}
.menu-item-has-children > a {
    cursor: pointer; /* ทำให้ดูเหมือนปุ่ม */
}

.woocommerce-js td.product-name .wc-item-meta p, .woocommerce-js td.product-name .wc-item-meta:last-child, .woocommerce-js td.product-name dl.variation p, .woocommerce-js td.product-name dl.variation:last-child {
    margin: 0 0 0em 0em;!important;
}

/* ปรับแต่งหน้า Endpoint "รีวิวของฉัน" (my-reviews) */
.woocommerce-MyAccount-content .woocommerce-MyAccount-title {
    color: #333; /* สีหัวเรื่อง */
    margin-bottom: 20px; /* ระยะห่างด้านล่าง */
}

.woocommerce-MyAccount-content .review-item {
    border: 1px solid #eee; /* เส้นขอบ */
    padding: 20px; /* ระยะห่างภายใน */
    margin-bottom: 20px; /* ระยะห่างด้านล่าง */
}

.woocommerce-MyAccount-content .review-item strong {
    color: #007bff; /* สีชื่อสินค้า */
}

.woocommerce-MyAccount-content .review-item img {
    max-width: 100px; /* ขนาดรูปภาพสูงสุด */
    height: auto; /* ให้ความสูงปรับตามอัตราส่วน */
    margin-bottom: 10px; /* ระยะห่างด้านล่างรูปภาพ */
}

.woocommerce-MyAccount-content .review-item p {
    margin-bottom: 10px; /* ระยะห่างด้านล่างข้อความ */
}

.woocommerce-MyAccount-content .review-form label {
    display: block; /* แสดงเป็นบล็อก */
    margin-bottom: 5px; /* ระยะห่างด้านล่างป้ายกำกับ */
}

.woocommerce-MyAccount-content .review-form textarea {
    width: 100%; /* ความกว้างเต็มพื้นที่ */
    padding: 10px; /* ระยะห่างภายใน */
    margin-bottom: 15px; /* ระยะห่างด้านล่าง */
    border: 1px solid #ddd; /* เส้นขอบ */
    border-radius: 5px; /* มุมโค้ง */
}

.woocommerce-MyAccount-content .review-form input[type="file"] {
    margin-bottom: 10px; /* ระยะห่างด้านล่าง */
}

.woocommerce-MyAccount-content .review-files-preview img {
    max-width: 100px; /* ขนาดรูปภาพสูงสุด */
    height: auto; /* ให้ความสูงปรับตามอัตราส่วน */
    margin-right: 10px; /* ระยะห่างด้านขวา */
    margin-bottom: 10px; /* ระยะห่างด้านล่าง */
}

.woocommerce-MyAccount-content .review-files-preview video {
    max-width: 320px; /* ขนาดวิดีโอสูงสุด */
    height: auto; /* ให้ความสูงปรับตามอัตราส่วน */
    margin-right: 10px; /* ระยะห่างด้านขวา */
    margin-bottom: 10px; /* ระยะห่างด้านล่าง */
}

/* กำหนดสีพื้นหลังของแต่ละสถานะ */
.ast-orders-table__row--status-completed {
    background-color: #e9f9e9; /* สีพื้นหลังสำหรับสถานะ "จัดส่งสำเร็จ" */
}

.ast-orders-table__row--status-pending {
    background-color: #fffceb; /* สีพื้นหลังสำหรับสถานะ "รอดำเนินการ" */
}

.ast-orders-table__row--status-cancelled {
    background-color: #fff4f4; /* สีพื้นหลังสำหรับสถานะ "ยกเลิก" */
}

.ast-orders-table__row--status-on-hold {
    background-color: #f8f8f8; /* สีพื้นหลังสำหรับสถานะ "รอแจ้งชำระเงิน" */
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce thead:first-child tr:first-child td, .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce thead:first-child tr:first-child th {
    padding-top: 10px;
}
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce tbody>tr:nth-child(2n)>td, .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce tbody>tr:nth-child(2n)>th, .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce tbody>tr:nth-child(odd)>td, .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce tbody>tr:nth-child(odd)>th {
    color: #000000;
    padding-bottom: var(--order-summary-rows-gap-bottom,12px);
    padding-top: var(--order-summary-rows-gap-top,12px);
}
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce strong {
    font-size: 20px;
	margin-bottom: 20px;
}
.wlr-current-level-container .wlr-level-image img {
    width: 100px; /* ขยายขนาดรูป */
    height: 100px; /* ขยายขนาดรูป */
    object-fit: cover; /* ปรับให้ภาพเต็มกรอบ */
}
/* ซ่อนในหน้าจอขนาดโทรศัพท์ */
@media only screen and (max-width: 768px) {
    .wlr-next-level-container.wlr-level-title-section {
        display: none; /* ซ่อนเมื่อขนาดหน้าจอน้อยกว่าหรือเท่ากับ 768px */
    }
	/* ใช้ Flexbox เพื่อจัดรูปภาพและข้อความ */
.wlr-current-level-container {
    display: flex;
    flex-direction: column; /* แสดงเป็น 2 บรรทัด */
    align-items: center; /* จัดให้อยู่กลางในแนวนอน */
    width: 100%; /* ขยายเต็มความกว้าง */
    padding: 20px;
    box-sizing: border-box; /* ให้ padding ไม่เกินขนาด */
}

/* รูปภาพขยายให้มีขนาดเต็ม */
.wlr-current-level-container .wlr-level-image {
    display: flex;
    justify-content: center; /* จัดให้อยู่กลางในแนวนอน */
    align-items: center; /* จัดให้อยู่กลางในแนวตั้ง */
}

.wlr-current-level-container .wlr-level-image img {
    width: 80%; /* รูปขยายเต็มความกว้าง */
    height: auto; /* ให้ความสูงคงอัตราส่วน */
    object-fit: cover;
    margin-bottom: 20px; /* เพิ่มช่องว่างใต้รูป */
}

/* ข้อความชื่อระดับและระดับปัจจุบันอยู่ในแถวเดียวกัน */
.wlr-current-level-container .wlr-level-title-section {
    display: flex;
    flex-direction: row; /* จัดข้อความให้แสดงในแถวเดียวกัน */
    justify-content: center; /* จัดข้อความให้อยู่กลางในแนวนอน */
    align-items: center; /* จัดให้ข้อความอยู่กลางในแนวตั้ง */
    font-size: 20px;
    color: #333;
    width: 100%; /* กำหนดความกว้างให้เต็ม */
}

.wlr-current-level-container .wlr-level-title-section p {
    margin: 0 10px; /* เพิ่มช่องว่างระหว่างข้อความ */
}
	.wlr-myaccount-page .wlr-user-reward-titles {
    flex-direction: row;
    align-items: flex-start;
}
.wlr-myaccount-page .wlr-user-details .wlr-points-name {
    font-size: 16px!important;
}
	.custom-clone .wlr-level-title-section {
    margin-top: 12px;
}
	.ast-orders-table__row {
    font-size: 14px!important;
}
	.shopee-share-inline-button span {
        display: none; /* ซ่อนข้อความ "แชร์" */
    }
	.woocommerce-js div.product form.cart .button.single_add_to_cart_button {
	width: 70%;
}
	.woocommerce-js div.product form.cart div.quantity {
    float: left;
    margin: 0 0 0 0em;
	width: 100%;
    margin-bottom: 10px;
}
	.ast-sticky-add-to-cart-action-wrap .quantity {
    padding-right: 0px;
}
	.woocommerce div.ast-sticky-add-to-cart-action-wrap .button.single_add_to_cart_button {
    padding: 11px 8px;
    width: 100%;
}
.ast-sticky-add-to-cart-action-wrap .wlr-product-message {
    display: none!important;
}
	.ast-sticky-add-to-cart.bottom.is-active .ast-container,
.ast-sticky-add-to-cart.bottom.is-active .ast-container-fluid {
    padding-left: 5px;
    padding-right: 5px;
}
	.single .entry-header .post-thumb img {
    margin-bottom: 5px;
}
	    .ast-header-account-wrap {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }
	    .ast-header-account-wrap .ast-header-account-type-avatar .avatar {
        width: 50px;
    }
	    .ast-header-account-wrap .ast-header-account-type-icon .ahfb-svg-iconset svg {
        height: 50px;
        width: 50px;
    }
}/* มือถือ */

	.single-product .wlr-product-message {
    padding: 10px 10px 10px 0px!important;
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-MyAccount-content-wrapper {
    font-size: 16px;
}
.elementor-field-group.elementor-field-type-submit .elementor-button {
    background-color: #ffa900;
    color: black;
}
/* ตอน hover */
.elementor-field-group.elementor-field-type-submit .elementor-button:hover {
    background-color: #ffa900;
    color: white;
}
.woocommerce .star-rating, .woocommerce .comment-form-rating .stars a, .woocommerce .star-rating::before {
    color: #ffa900;
}
.shopee-share-popup .a2a_default_style:not(.a2a_flex_style) {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.shopee-share-popup .a2a_default_style:not(.a2a_flex_style) a {
    float: none;
}

.single .entry-header .post-thumb img {
    margin-top: 0;
    margin-bottom: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.ast-separate-container.ast-two-container #secondary .widget:last-child {
    padding: 2em;
}

#reviews div.iv-comment-image img, div.iv-comment-image img {
    width: 125px;
    height: 125px;
    max-width: 125px;
    max-height: 125px;
}
.cr-comment-video video.cr-video-a {
    width: 125px;
    height: 125px;
}
.woocommerce-review__meta {
  order: 1; /* กำหนดให้ส่วนข้อมูลรีวิวแสดงก่อน */
}

.cr-comment-images, .cr-comment-videos {
  order: 2; /* กำหนดให้ส่วนรูปภาพและวิดีโอแสดงทีหลัง */
  flex-basis: 100%; /* หรือ width: 100%; */
}

.woocommerce div.product.ast-product-tabs-layout-accordion .ast-accordion-content {
    display: block !important;
    max-height: 1000px; /* กำหนดความสูงสูงสุด */
    overflow-y: auto; /* เพิ่มแถบเลื่อนเมื่อเนื้อหาเกิน */
    transition: all .5s;
    border: 1px solid var(--ast-border-color);
    border-bottom: 0;
    border-top: 0;
    margin-bottom: 0;
}

.woocommerce-js #reviews #comments ol.commentlist li .comment-text .description {
    font-style: normal;
    order: 3;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.woocommerce-js #reviews #comments ol.commentlist li .comment-text .description .media-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

@media (min-width: 768px) {
    .woocommerce-MyAccount-navigation {
        display: none;
    }

    .woocommerce-account .woocommerce {
        display: flex;
        justify-content: center;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        width: 95%;
        margin: 20px auto 30px;
        float: none !important;
    }
}
@media (max-width: 767px) {
    .ast-header-break-point .ast-shop-toolbar-container {
        transform: translateY(0); /* แก้ไขการเลื่อนลง */
        z-index: 99999;
        position: fixed !important; /* เปลี่ยน position เป็น fixed */
        bottom: 60px !important; /* กำหนดระยะห่างจากขอบล่าง */
        margin-bottom: 0 !important; /* ลบ margin-bottom ที่อาจทำให้เกิดผลลัพธ์ไม่ตรงตามต้องการ */
    }
    div.ast-sticky-add-to-cart {
        transform: translateY(0); /* แก้ไขการเลื่อนลง */
        z-index: 99999;
        position: fixed !important; /* เปลี่ยน position เป็น fixed */
        bottom: 60px !important; /* กำหนดระยะห่างจากขอบล่าง */
        margin-bottom: 0 !important; /* ลบ margin-bottom ที่อาจทำให้เกิดผลลัพธ์ไม่ตรงตามต้องการ */
    }
	.ast-sticky-add-to-cart .ast-sticky-add-to-cart-content {
    display: flex;
    min-height: 40px;
    padding: 0px 0;
}	
.ast-header-account-wrap {
    cursor: pointer;
}

.ast-header-account-wrap .account-btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
    color: inherit;
    gap: 10px;
    padding: 8px 12px;
    width: 100%;
    height: 100%;
}

.ast-header-account-wrap .account-btn img.avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.ast-header-account-wrap .account-btn .account-icon-svg {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ast-header-account-wrap .account-btn .account-icon-svg svg {
    width: 100%;
    height: 100%;
    fill: #000; /* สีของไอคอน */
}

.ast-header-account-wrap .account-btn .dashicons {
    font-size: 50px;
    line-height: 50px;
    text-align: center;
}
.content-align-flex-start .ast-builder-layout-element {
    position: relative; /* ทำให้เป็น container สำหรับ absolute element ด้านใน */
    display: block; /* หากต้องการให้ block เต็มบรรทัด */
}

.content-align-flex-start .ast-builder-layout-element > a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-decoration: none; /* ลบเส้นใต้ลิงก์ถ้าไม่ต้องการ */
    color: inherit; /* สืบทอดสีจาก parent ถ้าต้องการ */
}
.chatway--container .chatway--trigger-container {
    display: none;
}
#wll-site-launcher .ease-in {
    display: none;
}
	.a2a_button_copy_link {
  display: none !important;
}
/* ซ่อนไอคอนทั้งหมด */
.woocommerce-MyAccount-navigation-link span.ahfb-svg-iconset svg,
.woocommerce-MyAccount-downloads-file svg {
  display: none;
}

/* เปิดเฉพาะ dashboard */
.woocommerce-MyAccount-navigation-link--dashboard .ahfb-svg-iconset svg {
  display: inline-block !important;
  width: 16px;
  height: 16px;
}

}
#wlr_dob {
  padding-left: 120px; /* ปรับขนาด Padding ด้านขวาตามความเหมาะสม */
  padding-top: 10px;
  padding-bottom: 10px;
}
/* ===== Desktop Sidebar Navigation ===== */

/* Dashboard */
.woocommerce-MyAccount-navigation-link--dashboard a.menu-link::before {
    content: "\f015"; /* fa-tachometer-alt */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 8px;
}

/* Orders */
.woocommerce-MyAccount-navigation-link--orders a::before {
    content: "\f291"; /* fa-box */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 8px;
}

/* Addresses */
.woocommerce-MyAccount-navigation-link--edit-address a::before {
    content: "\f3c5"; /* fa-home */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 8px;
}

/* Account details */
.woocommerce-MyAccount-navigation-link--edit-account a::before {
    content: "\f007"; /* fa-user */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 8px;
}

/* Loyalty Reward */
.woocommerce-MyAccount-navigation-link--loyalty_reward a::before {
    content: "\f091"; /* fa-star */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 8px;
}

/* My Reviews */
.woocommerce-MyAccount-navigation-link--my-reviews a::before {
    content: "\f005"; /* fa-star-half-alt */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 8px;
}

/* Logout */
.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    content: "\f2f5"; /* fa-sign-out-alt */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 8px;
}


/* ===== Mobile Account Dropdown Navigation ===== */

.account-dropdown-item.restricted-link[href$="/my-account/"]::before {
    content: "\f015"; /* fa-tachometer-alt */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 8px;
}

.account-dropdown-item[href$="/my-account/orders/"]::before {
    content: "\f291"; /* fa-box */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 8px;
}

.account-dropdown-item[href$="/my-account/edit-address/"]::before {
    content: "\f3c5"; /* fa-home */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 8px;
}

.account-dropdown-item[href$="/my-account/edit-account/"]::before {
    content: "\f007"; /* fa-user */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 8px;
}

.account-dropdown-item[href$="/my-account/loyalty_reward/"]::before {
    content: "\f091"; /* fa-star */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 8px;
}

.account-dropdown-item[href$="/my-account/my-reviews/"]::before {
    content: "\f005"; /* fa-star-half-alt */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 8px;
}

.account-dropdown-item[href$="/my-account/customer-logout/"]::before {
    content: "\f2f5"; /* fa-sign-out-alt */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 8px;
}
.woocommerce-account .woocommerce {
        display: block;
    }

/* ===== Hide Mobile Footer Bar & Dropdown in Desktop ===== */

@media (min-width: 768px) {
    .sticky-footer-bar,
    .mobile-account-dropdown {
        display: none !important;
    }
}
 /* มือถือ */
@media (max-width: 768px) {
    .astra-cart-drawer.active {
        z-index: 100000; /* ให้สูงกว่าทุกอย่าง */
    }
	.woocommerce-js table.shop_table .product-thumbnail img,
.woocommerce-page table.shop_table .product-thumbnail img {
    width: auto;
    max-width: 250px;
	}
	#wll-site-launcher .w-1\/3 {
    width: 50%;
    max-width: 100px;
	display: block!important;
	}
}
.woocommerce-js.single-product a.added_to_cart {
    display: none;
}

#wll-site-launcher .w-1\/3 {
    width: 50%;
    max-width: 100px;
}

/* ค่าเริ่มต้นสำหรับมือถือ */
.ast-single-product-payments ul li svg,
.ast-single-product-payments ul li img {
    height: 90%;
    width: auto;
    display: block;
    margin: 5px auto 0; /* จัดกึ่งกลางแนวกลาง และเว้นด้านบน 20px เป็นค่าพื้นฐาน */
}

/* สำหรับแท็บเล็ต (หน้าจอกว้างตั้งแต่ 768px ขึ้นไปถึง 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .ast-single-product-payments ul li svg,
    .ast-single-product-payments ul li img {
        height: 90%;
        margin-top: 20px;
    }
}

/* สำหรับเดสก์ท็อป (หน้าจอกว้างเกิน 1024px) */
@media (min-width: 1025px) {
    .ast-single-product-payments ul li svg,
    .ast-single-product-payments ul li img {
        height: 70%;
        margin-top: 30px;
    }
}


@media (min-width: 768px) and (max-width: 1024px) {
    .main-header-menu .menu-link, .main-header-menu > a {
    padding: 0 0.4em;
}
}