/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
body {
	font-family: "Inter", "Noto Sans Thai", sans-serif
}

.text-right {
	text-align: right;
}

.nowrap {
	white-space: nowrap;
}

.product_tag-new .badges {
    background-color: var( --e-global-color-primary ) !important;
}

@media (min-width: 1px) {
	.pt-0 {
		--container-default-padding-top: 0;
	}

	.pr-0 {
		--container-default-padding-right: 0;
	}

	.pl-0 {
		--container-default-padding-left: 0;
	}

	.pb-0 {
		--container-default-padding-bottom: 0; 
	}
}

/* WooCommerce */
.woocommerce ul.products {
    grid-column-gap: 20px !important;
    grid-row-gap: 20px !important;
}

.woocommerce .product-card {
	display: flex;
	width: 100%;
	height: 100%;
	padding: 0 16px;
	flex-direction: column;
	align-items: center;
	border-radius: 20px;
	border: 1px solid var( --e-global-color-c33bcce, #828282 );
	background-color: var(--e-global-color-e4adff9, #FFF );
}
.woocommerce .product-card .product-badge {
	position: absolute;
	top: 24px;
	left: 0;
	z-index: 10;
}
.woocommerce .product-card .product-badge .badge {
	color: var(--e-global-color-e4adff9, #FFF);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	padding: 4px 8px;
	border-radius: 0px 8px 8px 0px;
}
.woocommerce .product-card .product-badge .badge-best {
	background-color: var( --e-global-color-primary, #8DC63F );
}
.woocommerce .product-card .product-badge .badge-new {
	background-color: var( --e-global-color-20939c2, #DB0004 );
}
.woocommerce .product-card img {
	margin-top: 16px;
	border-radius: 16px;
}
.woocommerce .product-card .card-content {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
	padding-bottom: 16px;
}
.woocommerce .product-card .product-brand {
	color: var(--e-global-color-7fc2805, #828282 );
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 2;
}
.woocommerce .product-card .b-product-title {
	color: var( --e-global-color-d3748bd, #1D1D1D );
	font-size: 18px;
	font-weight: 700;
	padding: 0 !important;
}
.woocommerce .product-card .card-footer {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	flex-grow: 1;
}
.woocommerce .product-card .divider {
	display: block;
	width: 100%;
	border-block-start: 1px solid var( --e-global-color-c33bcce );
	margin: 16px 0;
}
.woocommerce .product-card .machine-type {
	color: var( --e-global-color-text, #4F4F4F );
	font-size: 18px;
	font-weight: 600;
}
.woocommerce .product-card ul.function {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-left: 0;
	font-size: 16px;
	color: var(--e-global-color-7fc2805, #828282 );
	margin-left: -1em;
	margin-bottom: 0;
}
.woocommerce .product-card ul.function li {
	list-style-type: disc;
    margin-left: 2em;
}
.woocommerce .product-card ul.toner-info {
	display: flex;
    flex-direction: column;
    padding-left: 0;
	font-size: 16px;
	color: var(--e-global-color-7fc2805, #828282 );
	margin-left: -1em;
	margin-bottom: 0;
}
.woocommerce .product-card ul.toner-info li {
	list-style-type: disc;
    margin-left: 2em;
}
.woocommerce .product-card .btn {
	margin-top: 16px;
	display: inline-block;
	text-align:center;
	font-size: 16px;
	font-weight: 500;
	padding: 8px 16px;
	border-radius: 16px;
	color: var(--e-global-color-e4adff9, #FFF);
	background-color: var( --e-global-color-d3748bd, #1D1D1D );
	transition: all 0.2s ease-in-out;
}
.woocommerce .product-card .btn:hover,
.woocommerce .product-card .btn:focus {
	color: var(--e-global-color-e4adff9, #FFF);
	background-color: var( --e-global-color-primary, #8DC63F );
}
@media (min-width: 767px) {
	.md-text-right {
		text-align: right;
	}
}

body,
.text-md {
	font-size: 18px;
}
.filter-box {
	padding-bottom: 0;
}
.filter-box .yith-wcan-filters {
    font-size: 16px;
}
.filter-box .yith-wcan-filters .yith-wcan-filter .filter-title {
    font-size: 18px;
    font-weight: 600;
}
.filter-box .wp-block-yith-search-block {
    width: 100%;
    margin: 0 0 20px 0;
}
.filter-box .yith-wcan-filters .yith-wcan-filter {
	padding-top: 15px;
	margin-bottom: 15px;
	border-top: 1px solid #E5E5E5;
}
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown {
    border-radius: 50em;
}
.filter-box .yith-wcan-reset-filters {
	width: 100%;
	border-radius: 50em;
	color: var( --e-global-color-text, #4F4F4F );
	border: 1px solid var( --e-global-color-text, #4F4F4F );
}
.filter-box .yith-wcan-reset-filters:hover {
	color: #FFFFFF;
	border: 1px solid var( --e-global-color-text, #4F4F4F );
	background-color: var( --e-global-color-text, #4F4F4F );
}
.filter-box .wp-block-yith-search-block .ywcas-input-field-wrapper {
	border-radius: 50em;
}
@media (max-width: 1024px) {
	body,
	.text-md {
		font-size: 16px;
	}
	.filter-container {
		
	}
}
@media (max-width: 767px) {
	body,
	.text-md {
		font-size: 14px;
	}
}