/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* For single blog page */
li.wc-block-grid__product {
    margin-left: 0px !important;
}
.woocommerce-Tabs-panel--description td, .woocommerce-Tabs-panel--description th{
	padding: 0.8em;
	padding-left: 0px;
}

/* For single product page */

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/*Nav Bar Site Header*/
.nav > li > a {
    font-weight: 700;
    font-family: "Noto Sans Thai" !important;
    font-size: 14px;
}
ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase {
    justify-content: center;
}

/*Product Cat Home CSS*/
.wrapper-product .col-inner{
	display: flex;
    flex-direction: column;
    align-items: start;
    height: 100%;
}
.wrapper-product .col-inner a{
	margin-top: auto;
}
.product-compare-table{
	margin-top: 20px;
}
.product-compare-table thead{
	background-color: #159bd7;
    border-color: #ffffff;
	color: #ffffff;
}
.product-compare-table thead th{
	text-align: center;
}
.product-compare-table th, .product-compare-table td{
	font-size: 0.6em;
	padding: 5px 10px;
}
.product-compare-table table td:first-child,
.product-compare-table table th:first-child {
  white-space: nowrap;
}
/* Make tables scrollable on mobile */
@media only screen and (max-width: 768px) {
    .product-compare-table table {
        table-layout: fixed; /* Fix the table layout */
        width: max-content; /* Make sure it spans the container */
        overflow-x: auto; /* Enable horizontal scroll */
        -webkit-overflow-scrolling: touch; /* Smooth scrolling for iOS */
        min-width: 800px; /* Ensure table doesn't shrink too much */
    }
	.product-compare-table{
		overflow-x: auto;
	}
}