/*
Theme Name:  MEX phase E-commerce
Theme URI: https://generatepress.com
Template: generatepress
Author: Watchapol Phatraralaotrakun
Author URI: https://www.facebook.com/watchapol.ping
Description: - 
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 3.4.0.1713533188
Updated: 2024-04-19 20:26:28

*/


body.woocommerce-order-received #content .elementor >  .elementor-element-66ff2407  {
	display: none;
}




/* product */
.swiper-zoom-container{ background-color: #fff; }
.elementor-add-to-cart.elementor-product-simple .single_add_to_cart_button.button{ position: relative; display: flex; align-items: center; justify-content: center; gap: 5px; border: 1px solid #000; }
.elementor-add-to-cart.elementor-product-simple .single_add_to_cart_button.button::before{ content: ''; position: relative; background-image: url(assets/images/cart.png); width: 24px; height: 24px; display: block; }
.elementor-add-to-cart.elementor-product-simple .single_add_to_cart_button.button:hover::before{ filter: invert(100%) sepia(0%) saturate(20%) hue-rotate(297deg) brightness(104%) contrast(106%); }






/* checkout 1 2 3 */
.cart-progress > div:nth-child(2){ flex-direction: column !important; }
.elementor-10 .elementor-element.elementor-element-7e23be8 .e-woocommerce-login-section{ border-radius: 20px; }

@media screen and (min-width: 1025px){

	.elementor-9 .elementor-element.elementor-element-b7b5232 .elementor-divider-separator,
	.elementor-10 .elementor-element.elementor-element-4a08869a .elementor-divider-separator{ width: 49% 
		!important; }

	.elementor-widget-woocommerce-checkout-page .e-checkout__container{ grid-template-columns: 65% auto !important; }

}


/* checkout 2 */
.e-checkout__order_review{ padding: 35px 20px !important; }
.e-checkout__order_review h3{ font-size: 22px !important; }
.e-coupon-box{ border-radius: 20px !important; }
.woocommerce-checkout-payment{ padding: 35px 20px !important; }
.woocommerce-privacy-policy-text{ margin-bottom: 30px; }
.woocommerce-checkout-payment .button{ width: 100% !important; }
.woocommerce-billing-fields h3{ font-size: 22px !important; color: #0060F8 !important; }
.woocommerce-checkout-review-order table tr.cart_item td.product-total,
.woocommerce-checkout-review-order table tr.woocommerce-shipping-totals.shipping td label{ font-weight: 600 !important; }





/* checkout success */
body.woocommerce-order-received .woocommerce-order{ max-width: 720px; width: 90%; margin: 50px auto; text-align: center; color: #000; }
body.woocommerce-order-received .woocommerce-order svg{ margin: 0 auto 30px; }
body.woocommerce-order-received .woocommerce-notice-title{ font-size: 24px; font-weight: 500; margin-bottom: 30px; }
body.woocommerce-order-received .woocommerce-notice-order-id{ font-size: 20px; margin-bottom: 30px; }

body.woocommerce-order-received .woocommerce-thankyou-order-success .woocommerce-order-details .shop_table{ margin-bottom: 40px; }
body.woocommerce-order-received .woocommerce-thankyou-order-success .woocommerce-order-details .shop_table thead{ background-color: #d3d3d3; }
body.woocommerce-order-received .woocommerce-thankyou-order-success .woocommerce-order-details .shop_table thead tr th{ padding: 15px; font-size: 16px; }

body.woocommerce-order-received tr.woocommerce-table__line-item.order_item td{ border-bottom: 1px solid #E5E5E5 !important; }
body.woocommerce-order-received td.woocommerce-table__product-name.product-name{ display: flex; align-items: center; }
body.woocommerce-order-received td.woocommerce-table__product-name.product-name > a{ display: block; width: 50px; margin: 0 15px; }
body.woocommerce-order-received td.woocommerce-table__product-name.product-name .items-product-name{ width: calc(100% - 80px); color: #000; font-size: 15px; }
body.woocommerce-order-received td.woocommerce-table__product-name.product-name .items-product-name a{ color: #000 !important; }
body.woocommerce-order-received td.woocommerce-table__product-name.product-name .items-product-name p{ font-size: 14px; color: #8F8F8F !important; }


.div-summary{ border: 1px solid #313131; border-radius: 20px; padding: 35px 90px; text-align: left; }
.div-summary table,
.div-summary table td, 
.div-summary table th{ border: 0; font-size: 16px; }
.div-summary table th.title-summary{ font-size: 22px; font-weight: 500; text-align: center; }
.div-summary table th{ font-weight: 400; }
.div-summary table td{ text-align: right; font-weight: 500; }
.div-summary table td.product-count{ text-align: left; font-weight: bold; }
.div-summary table td span.woocommerce-Price-amount.amount{ font-weight: bold; }

body.woocommerce-order-received p.woocommerce-notice{ font-size: 18px; margin-bottom: 30px; }

body.woocommerce-order-received p.woocommerce-notice.woocommerce-thankyou-order-failed-actions{ display: flex; align-items: center; justify-content: center; gap: 20px; }
.btn-left, .btn-right{ border: 1px solid #000; border-radius: 30px; padding: 10px; width: calc(50% - 10px); font-size: 14px; position: relative; height: 46px; }
.btn-left{ background-color: #fff; color: #000; }
.btn-right{ background-color: #000; color: #fff !important; }
.btn-print-order-list{ display: flex; align-items: center; justify-content: center; gap: 5px; }
.btn-print-order-list::before{ content: ''; position: relative; background-image: url('assets/images/icn-download.png'); width: 25px; height: 24px; display: block; }

.btn-left:hover{ background-color: #000; color: #fff !important; }
.btn-right:hover{ background-color: #fff; color: #000 !important; }
.btn-print-order-list:hover::before{ filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(12deg) brightness(103%) contrast(103%); }

.mobile-product-total{ display: none; }

@media screen and (max-width: 767px){

	.div-summary{ padding: 15px; }

}
@media screen and (max-width: 576px){
	
	body.woocommerce-order-received .woocommerce-thankyou-order-success .woocommerce-order-details .shop_table thead{ display: none; }
	body.woocommerce-order-received p.woocommerce-notice.woocommerce-thankyou-order-failed-actions{ flex-direction: column; }
	.btn-left, .btn-right{ width: 100%; }

	.desktop-product-total{ display: none; }
	.mobile-product-total{ display: block; }
	body.woocommerce-order-received td.woocommerce-table__product-name.product-name .items-product-name p.mobile-product-total{ color: #000 !important; font-weight: bold; }

	body.search h1.page-title {
		font-size: 18px;
	}
}


/* cart */
body.woocommerce-cart .woocommerce-cart-form table tr.woocommerce-cart-form__cart-item.cart_item td.product-name{
	display: flex; align-items: center;
}
body.woocommerce-cart .woocommerce-cart-form table tr.woocommerce-cart-form__cart-item.cart_item td.product-name > .mex-product-thumbnail{ width: 50px; }
.woocommerce-cart table.cart img{ width: 50px; }
body.woocommerce-cart .woocommerce-cart-form table tr.woocommerce-cart-form__cart-item.cart_item td.product-name > .product-detail{ width: calc(100% - 50px); padding-left: 10px; }
body.woocommerce-cart .woocommerce-cart-form table tr.woocommerce-cart-form__cart-item.cart_item td.product-name .product-sku{ color: #8F8F8F; }

.woocommerce a.remove{ font-size: 1em; }
.woocommerce a.remove svg path{ fill: #8F8F8F; }
.woocommerce a.remove:hover{ background: transparent; }
.woocommerce a.remove:hover svg path{ fill: #000; }



body.woocommerce-cart .woocommerce-cart-form .shop_table th{
    background: lightgray; border: 0;
}
body.woocommerce-cart #content{
	    background: white;
}


body.woocommerce-cart .woocommerce-cart-form{ float: left; width: 70%; }
body.woocommerce-cart .cart-collaterals{ float: left; width: calc(30% - 20px); margin-left: 20px; }
body.woocommerce-cart .cart-collaterals .cart_totals{ width: 100%; border: 1px solid #000; border-radius: 20px; padding: 30px 15px 10px; }
body.woocommerce-cart .cart-collaterals .cart_totals h2{ font-size: 22px; font-weight: 500; text-align: center; }
body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table,
body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table th,
body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table td{ border: 0; }

body.woocommerce-cart .woocommerce .woocommerce-cart-form table.shop_table{ border: 0; }
body.woocommerce-cart .woocommerce .woocommerce-cart-form table.shop_table td{ border: 0; border-top: 1px solid #E5E5E5; padding: 20px 12px; }
body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button{ background-color: #000; border: 1px solid #000; border-radius: 30px; font-size: 1rem; font-weight: 400; }
body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button:hover{ background-color: #fff; color: #000; }


body.woocommerce-cart .woocommerce-cart-form table td.product-quantity .quantity{ display: flex; }
.woocommerce .quantity .qty{ width: 2.75rem; }
.quantity input.button.wp-element-button{ background-color: #fff; border: 0; font-weight: 400; }
.quantity input.button.wp-element-button:hover{ background-color: #ebe9eb; }


@media screen and (max-width: 1199px){

	body.woocommerce-cart .woocommerce-cart-form{ float: none; width: 100%; margin-bottom: 50px; }
	body.woocommerce-cart .cart-collaterals{ float: none; width: 100%; margin-left: 0px; }

}
@media screen and (max-width: 768px){
	.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{ background-color: transparent; }

	body.woocommerce-cart .woocommerce-cart-form table tr.woocommerce-cart-form__cart-item.cart_item td.product-name{
		align-items: flex-start; padding-bottom: 5px;
	}

	.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{ display: none; }

	body.woocommerce-cart .woocommerce-cart-form table tr.woocommerce-cart-form__cart-item.cart_item td.product-name > .product-detail{ text-align: left; padding-left: 16px; }
	body.woocommerce-cart .woocommerce .woocommerce-cart-form table.shop_table tr.woocommerce-cart-form__cart-item.cart_item{ border-bottom: 1px solid #E5E5E5; }
	body.woocommerce-cart .woocommerce .woocommerce-cart-form table.shop_table td{ border: 0; }
	body.woocommerce-cart .woocommerce .woocommerce-cart-form table.shop_table td.product-price,
	body.woocommerce-cart .woocommerce .woocommerce-cart-form table.shop_table td.product-remove{ text-align: left !important; padding-left: 80px; padding-top: 0; padding-bottom: 0; }
	body.woocommerce-cart .woocommerce .woocommerce-cart-form table.shop_table td.product-remove{ float: right; margin-top: -40px; padding-left: 50px; padding-right: 20px; }
	body.woocommerce-cart .woocommerce .woocommerce-cart-form table.shop_table td.product-quantity{ padding-left: 65px; padding-top: 10px; padding-bottom: 10px; width: 70%; }

	body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table_responsive tbody tr{ display: flex; justify-content: space-between; }
	body.woocommerce-cart .cart-collaterals .cart_totals table.shop_table_responsive tbody th{ display: block; }

}

body.woocommerce-cart  form.woocommerce-cart-form th.product-name{ padding-left: 75px; }
.woocommerce-message::before{ color: #0060f8 !important; }
.woocommerce-message{ border-top-color: #777777 !important; }
.woocommerce-info{	border-top-color: #777777 !important;	}

.btn--black{ display: inline-block; padding: 10px 30px; background-color: #000; border: 1px solid #000; border-radius: 30px; font-size: 1rem; font-weight: 400; color: #fff; }
.btn--blackn:hover{ background-color: #fff; color: #000; }
.btn--white{ display: inline-block; padding: 10px 30px; background-color: #fff; border: 1px solid #000; border-radius: 30px; font-size: 1rem; font-weight: 400; color: #000; }
.btn--white:hover{ background-color: #000; color: #fff; }


body.search {
	    background: white;
}
body.search h1.page-title {
	font-weight: bold;
	font-size: 24px;
}
body.search h1.page-title span{
	font-weight: normal !important;
}

body.search-no-results h1.entry-title{
	font-size: 24px;
	font-weight: bold;
}
body.search-no-results .entry-content .search-form{
	padding-top: 20px;
}




body.search-results .site-content .content-area{ width: 100%; padding-left: 20px; padding-right: 20px; }

.news-card--row{ display: flex; flex-wrap: wrap; gap: 30px; }
.news-card--col{ width: calc(25% - 23px); }
.news-card{ background-color: #fff; height: 100%; padding: 15px; border: 1px solid lightgray; border-radius: 20px; }
.news-card figure img{ max-height: 210px; width: auto; margin: 0 auto; }
.news-card h3{ font-size: 16px; font-weight: 500; margin-bottom: 10px; }
.news-card p{ font-size: 14px; }


.paging-navigation{ width: 100%; text-align: center; }


@media screen and (max-width: 1199px){

	.news-card--col{ width: calc(33.3333% - 20px); }

}
@media screen and (max-width: 767px){

	.news-card--col{ width: calc(50% - 16px); }

}
@media screen and (max-width: 576px){

	.news-card--col{ width: 100%; }

}