/* Add your CSS code here.
For example:
.example {
color: red;
}
For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp
End of comment */ 

.ctehc-youtube-shorts {
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
}

.ctehc-youtube-shorts iframe {
    width: 100%;
    aspect-ratio: 9 / 16;
    height: auto;
    display: block;
}
/* ============================
CTECH - MY COUPONS
============================ */
.woocommerce-cart-form .ctech-my-coupons .ctech-my-coupons{
	padding: 10px;
    background: #eee;
    border-radius: 5px;
}
.ctech-my-coupons {
	width: 100%;
	margin: 20px 0;
}
.ctech-my-coupons-title {
	margin-bottom: 12px;
	font-size: 16px;
	font-weight: 600;
}
/* Danh sách */
.ctech-my-coupons-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
/* Một voucher */
.ctech-coupon-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	padding: 14px 16px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
}
/* Thông tin */
.ctech-coupon-info {
	min-width: 0;
}
.ctech-coupon-value {
	margin-bottom: 3px;
	font-size: 15px;
	font-weight: 600;
}
.ctech-coupon-code {
	color: #a46218;
	font-size: 13px;
	font-weight: 600;
	word-break: break-all;
}
.ctech-coupon-condition,
.ctech-coupon-expiry {
	margin-top: 3px;
	color: #777;
	font-size: 12px;
}
/* Nút sử dụng */
.ctech-use-coupon {
	flex: 0 0 auto;
	min-height: 38px;
	padding: 7px 14px;
	border: 0;
	border-radius: 5px;
	background: #a46218;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
}
/* Đã dùng */
.ctech-coupon-used {
	flex: 0 0 auto;
	min-height: 38px;
	padding: 7px 14px;
	border: 1px solid #ddd;
	border-radius: 5px;
	background: #f5f5f5;
	color: #999;
	font-size: 13px;
}
/* Mobile */
@media (max-width: 480px) {
	.ctech-coupon-item {
		gap: 10px;
		padding: 12px;
	}
	.ctech-coupon-value {
		font-size: 14px;
	}
	.ctech-use-coupon,
	.ctech-coupon-used {
		padding: 7px 10px;
		font-size: 12px;
	}
}
/* ========================================
COUPON ACCORDION - CHECKOUT
======================================== */
.ctech-coupons-checkout {
	border: 1px solid #e5e5e5;
	border-radius: 7px;
	background: #eee;
	overflow: hidden;
}
/* Tiêu đề */
.ctech-coupons-checkout .ctech-my-coupons-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin: 0;
	padding: 14px 16px;
	border: 0;
	background: transparent;
	color: #333;
	font-size: 14px;
	font-weight: 600;
	text-align: left;
	cursor: pointer;
}
/* Mũi tên */
.ctech-coupon-arrow {
	width: 8px;
	height: 8px;
	border-right: 2px solid #777;
	border-bottom: 2px solid #777;
	transform: rotate(45deg);
	transition: transform .2s ease;
}
/* Khi mở */
.ctech-coupons-checkout.active .ctech-coupon-arrow {
	transform: rotate(225deg);
}
/* Mặc định ẩn voucher */
.ctech-coupons-checkout .ctech-my-coupons-list {
	display: none;
	padding: 0 12px 12px;
}
/* Bấm tiêu đề mới hiện */
.ctech-coupons-checkout.active .ctech-my-coupons-list {
	display: flex;
}
/* Nút hủy đơn hàng */
.woocommerce-button.ctech-cancel,
.ctech-cancel-order {
	background: transparent;
	color: #d63638;
	border: 1px solid #d63638;
}
/* ============================
POPUP HỦY ĐƠN HÀNG
============================ */
.ctech-cancel-popup {
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .2s ease, visibility .2s ease;
}
/* Khi popup mở */
.ctech-cancel-popup.active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
/* Lớp nền tối */
.ctech-cancel-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .55);
	backdrop-filter: blur(2px);
}
/* Hộp popup */
.ctech-cancel-box {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 420px;
	padding: 30px;
	background: #fff;
	border-radius: 12px;
	text-align: center;
	box-shadow: 0 15px 50px rgba(0, 0, 0, .2);
	transform: translateY(20px) scale(.97);
	transition: transform .25s ease;
}
/* Hiệu ứng hiện popup */
.ctech-cancel-popup.active .ctech-cancel-box {
	transform: translateY(0) scale(1);
}
/* Nút X */
.ctech-cancel-close {
	position: absolute;
	top: 10px;
	right: 12px;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #777;
	font-size: 26px;
	line-height: 1;
	cursor: pointer;
}
/* Icon ! */
.ctech-cancel-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 55px;
	height: 55px;
	margin: 0 auto 16px;
	border-radius: 50%;
	background: #fff1f1;
	color: #d63638;
	font-size: 30px;
	font-weight: 700;
}
/* Tiêu đề */
.ctech-cancel-box h3 {
	margin: 0 0 10px;
	font-size: 21px;
}
/* Nội dung */
.ctech-cancel-box p {
	margin: 0;
	color: #666;
	font-size: 14px;
	line-height: 1.6;
}
/* Hai nút */
.ctech-cancel-actions {
	display: flex;
	gap: 10px;
	margin-top: 24px;
}
/* Nút chung */
.ctech-cancel-actions button,
.ctech-cancel-actions a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	min-height: 44px;
	padding: 10px 15px;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
}
/* Quay lại */
.ctech-cancel-back {
	background: #f3f3f3;
	color: #333;
	border: 1px solid #ddd;
}
/* Hủy đơn */
.ctech-cancel-confirm {
	background: #d63638;
	color: #fff;
	border: 1px solid #d63638;
}
/* Mobile */
@media (max-width: 480px) {
	.ctech-cancel-popup {
		padding: 15px;
	}
	.ctech-cancel-box {
		padding: 28px 20px 20px;
	}
	.ctech-cancel-actions {
		gap: 8px;
	}
}
.woocommerce-button.ctech-cancel:hover,
.ctech-cancel-order:hover {
	background: #d63638;
	color: #fff;
}
/* Nút hủy trong trang chi tiết */
.ctech-cancel-order-wrap {
	margin-top: 20px;
}
/* Màu chữ khi người dùng nhập */
.ctech-mg-result{
	min-height:auto;
	margin:0
}
body.woocommerce-account .ct-container-full{
	padding-top:20px
}
#order_review_heading{
	font-size:20px
}
#footer{
	z-index:999
}
input,
textarea,span.select2-selection__rendered {
	color: #000;
}
/* Màu placeholder */
input::placeholder,
textarea::placeholder,
span.select2-selection__placeholder{
	color: #999;
	opacity: 1;
}
.woocommerce-additional-fields{
	margin-top:24px
}
.woocommerce-form-coupon .coupon-error-notice{
	color: #ff3333;
}
.order-total .woocommerce-Price-amount.amount{
	font-size:20px
}
#payment ul.payment_methods>li.wc_payment_method>label{
	flex-wrap:nowrap
}
.woocommerce-checkout-review-order-table .product-name img{
	float:left;
	margin-right:10px
}
.woocommerce-checkout-review-order-table .product-quantity{
	font-size:larger;
}
.woocommerce-checkout .cart-discount th{
	color: #965514;
	font-size: medium;
}
.woocommerce-mini-cart .product-data img{
	display:none
}
.woocommerce-mini-cart::-webkit-scrollbar {
	width: 6px;
}
.woocommerce-mini-cart::-webkit-scrollbar-track {
	background: #eeeeee;
	border-radius: 10px;
}
.woocommerce-mini-cart::-webkit-scrollbar-thumb {
	background: #995f0d;
	border-radius: 10px;
	border: 4px solid transparent;
}
.woocommerce-mini-cart::-webkit-scrollbar-thumb:hover {
	background: #663d02;
}
.hero-section.is-width-constrained .page-title{
	background-image: linear-gradient(to top, #ff0844 0%, #ffb199 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.woocommerce-checkout .hero-section.is-width-constrained .page-title , .woocommerce-account .hero-section.is-width-constrained .page-title , .search-results .hero-section.is-width-constrained .page-title , .woocommerce-cart .hero-section.is-width-constrained .page-title {
	background-image: none;
	-webkit-background-clip: unset;
	-webkit-text-fill-color: unset;
}
.woocommerce-checkout{
	color:#000;
}
.woocommerce-shipping-fields .form-row,.woocommerce-billing-fields .form-row , .vck-tax-invoice-request .form-row{
	position:relative;
}
.checkout-inline-error-message{
	margin-bottom:0;
	font-size:13px;
	color:#da001cb3;
	position:absolute;
	left:0;
	font-style:italic;
	text-shadow: 0px 0px 1.5px;
}
.ct-woocommerce-cart-form .cart_totals,.ct-order-review{
	border-color:#995f0d;
	border-radius:5px
}
.ct-woocommerce-cart-form .cart_totals h2{
	font-size:22px
}
.address-field #billing_city_description:nth-of-type(2) , .address-field #shipping_city_description:nth-of-type(2) {
	display: none;
}
.woocommerce-order-details .order_item a{
	font-size:17px
}
.woocommerce-bacs-bank-details{
	margin:24px 0;
}
.woocommerce-bacs-bank-details h3 , .woocommerce-bacs-bank-details li {
	color:#3658bb;
}
.ct-woocommerce-cart-form .cart_totals table{
	color:#000
}
.sub-menu{
	border: 1px solid #995f0d;
	left:20px
}
.ct-cart-content{
	border-radius:5px
}
.ct-container-narrow .page-title{
	display:none
}
.ct-breadcrumbs span.last-item{
	font-size:30px;
	text-transform:uppercase
}
.ct-breadcrumbs span{
	vertical-align:inherit
}
.hero-section{
	margin-top:20px;
	background-color:unset
}
.hero-section .entry-header{
	flex-direction: unset;
	justify-content: left;
}
.entry-header{
	max-width: var(--theme-normal-container-max-width);
}
.wp-block-stackable-columns{
	margin-top:20px;
}
body.home .wp-block-stackable-columns{
	margin-top:0;
}
.wp-block-stackable-columns .stk-block-content{
	text-align:left
}
.wp-block-stackable-columns .stk-block-content span{
	vertical-align:inherit
}
.woocommerce-order-details{
	margin-top:15px;
	padding: 17px;
	border: 1px solid #aaa;
}
table.woocommerce-table--order-details{
	margin-bottom:0
}
.woocommerce-order-details .woocommerce-order-details__title{
	margin-bottom:0
}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper input,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .select2-selection,
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper textarea.input-text,
.wpforms-validate .wpforms-field input,
.wpforms-validate .wpforms-submit-container .wpforms-submit{
	border-radius:5px
}
.woocommerce-bacs-bank-details{
	display:none
}
#header .dgwt-wcas-search-icon{
	width:30px
}
.js-dgwt-wcas-enable-mobile-form {
	display: none;
}
/* ==========================================
CTECH PRODUCT FILTER
========================================== */
.ctech-product-filter {
	width: 100%;
}
/* ==========================================
PRICE
========================================== */
.ctech-price-filter {
	margin-bottom: 30px;
}
.ctech-filter-title {
	margin-bottom: 20px;
	font-weight: 600;
}
.ctech-price-slider {
	position: relative;
	height: 20px;
	margin: 0 8px;
}
.ctech-price-track,
.ctech-price-range {
	position: absolute;
	top: 9px;
	height: 3px;
	border-radius: 10px;
}
.ctech-price-track {
	left: 0;
	right: 0;
	background: #ddd;
}
.ctech-price-range {
	background: #965514;
}
/* RANGE */
.ctech-price-slider input[type="range"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 20px;
	margin: 0;
	appearance: none;
	-webkit-appearance: none;
	background: transparent;
	pointer-events: none;
}
/* Chrome */
.ctech-price-slider input[type="range"]::-webkit-slider-thumb {
	width: 16px;
	height: 16px;
	appearance: none;
	-webkit-appearance: none;
	border: 0;
	border-radius: 50%;
	background: #965514;
	cursor: pointer;
	pointer-events: auto;
}
/* Firefox */
.ctech-price-slider input[type="range"]::-moz-range-thumb {
	width: 16px;
	height: 16px;
	border: 0;
	border-radius: 50%;
	background: #965514;
	cursor: pointer;
	pointer-events: auto;
}
.ctech-price-values {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
	font-size: 14px;
}
/* ==========================================
SEARCH
========================================== */
.ctech-filter-search {
	position: relative;
}
.ctech-filter-keyword {
	width: 100%;
	height: 44px;
	padding: 0 45px 0 15px;
	border: 1px solid #ddd;
	border-radius: 5px;
	outline: none;
	box-shadow: none;
}
.ctech-filter-keyword:focus {
	border-color: #965514;
	outline: none;
	box-shadow: none;
}
.ctech-filter-search-icon {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	pointer-events: none;
}
/* ==========================================
FILTER LOADING
========================================== */
.ctech-filter-loading {
	display: none;
	margin-top: 10px;
	font-size: 13px;
}
.ctech-product-filter.loading
.ctech-filter-loading {
	display: block;
}
/* ==========================================
INFINITE SCROLL
========================================== */
.ctech-infinite-trigger {
	width: 100%;
	height: 1px;
}
.ctech-infinite-trigger.finished {
	display: none;
}
.ctech-load-more {
	display: none;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	padding: 25px 0;
	font-size: 14px;
}
.ctech-load-more.active {
	display: flex;
}
.ctech-load-spinner {
	width: 18px;
	height: 18px;
	border: 2px solid #ddd;
	border-top-color: #965514;
	border-radius: 50%;
	animation: ctech-spin .6s linear infinite;
}
@keyframes ctech-spin {
	to {
		transform: rotate(360deg);
	}
}
/* ==========================================
KHÔNG CÓ SẢN PHẨM
========================================== */
.ctech-no-products {
	grid-column: 1 / -1;
	width: 100%;
	list-style: none;
	padding: 20px 0;
}
.ctech-end-message {
	display: none;
	width: 100%;
	padding: 20px 0;
	text-align: center;
	font-size: 14px;
	color: #777;
}
.ctech-end-message.active {
	display: block;
}
.tax-product_cat.ctech-infinite-ready .ct-pagination,
.tax-product_cat.ctech-infinite-ready .woocommerce-pagination{
	display:none
}
.ct-widget.widget_block > p {
	display:none
}
@media (max-width: 575px){
	.wp-singular .product.sale .price{
		height: 38px;
		display: inline-block;
	}
}
