/*!
Theme Name: hue_pos
Theme URI: http://underscores.me/
Author: Huế POS
Author URI: http://huepos.com
Description: Theme bán lẻ thiết bị điện tử/POS cho WooCommerce. Yêu cầu plugin "Huế POS Core" để hoạt động.
Version: 1.1.0
Tested up to: 6.7
Requires PHP: 8.0
Requires Plugins: huepos-core
WC tested up to: 10.4.3
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hue_pos
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, woocommerce, e-commerce

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

hue_pos is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* Q fix 13-11-23 */

.product-flash-sale {
	position: relative;
	padding-bottom: 0
}

.product-flash-sale .btn-viewmore {
	z-index: 2;
	background: #fff;
	border: 0
}

.product-flash-sale .slick-prev {
	left: -10px
}

.product-flash-sale .slick-next {
	right: -10px
}

.product-flash-sale .list-product.slick-slider {
	margin-bottom: 0
}

.product-flash-sale .slick-dots .slick-active button {
	background: #fff
}

.product-flash-sale .widget-content,
.product-flash-sale .widget-header {
	z-index: 1;
	position: relative
}

.product-flash-sale .widget-product {
	background: linear-gradient(64deg, #1643be 0%, #ca1ad2 100%);
	padding: 20px;
	overflow: hidden;
	border-radius: 5px;
	position: relative
}

.product-flash-sale .widget-product .widget-title {
	color: #fff;
	padding-left: 0;
	display: flex;
	align-items: end
}

.product-flash-sale .widget-product .widget-title svg {
	margin-right: 10px
}

.product-flash-sale .widget-product .widget-title:before {
	display: none
}

.product-flash-sale .widget-product:before {
	background: url(images/bg-flash-1.png) no-repeat 0 100%;
	background-size: 45% auto
}

.product-flash-sale .widget-product:after,
.product-flash-sale .widget-product:before {
	content: "";
	position: absolute;
	pointer-events: none;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	z-index: 0
}

.product-flash-sale .widget-product:after {
	background: url(images/bg-flash-2.png) no-repeat 100% 0;
	background-size: auto 65%
}

@media (max-width:575px) {
	.product-flash-sale .widget-product {
		margin-left: -15px;
		margin-right: -15px;
		border-radius: 0;
		padding: 15px
	}
}

.product-flash-sale .btn-viewmore-mobile {
	background: #fff;
	color: #072D94
}
}

.thanh-phan-image {
	cursor: zoom-in;
}

.woocommerce-pagination ul li .page-numbers.current {
	background: #109cd9;
	border-color: #109cd9;
}

.product-combo .widget-product::after,
.product-combo .widget-product::before {
	pointer-events: none;
}

.product-review {
	color: #ff9800;
}

@media (min-width: 992px) {
	.best-selling-template .product {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}

.product .country {
	text-overflow: clip;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	font-size: 13px;
}

.product-combo .widget-product {
	overflow: hidden;
}

.product-combo .product .inner {
	padding: 0;
}

.note-cost {
	margin-bottom: 0;
	margin-top: 1rem;
	font-style: italic;
	font-size: 14px;
}

.best-selling-template .btn-viewmore {
	border-radius: 30px;
	border: 1px solid #109cd9;
	font-weight: 700;
	text-transform: uppercase;
	padding: 5px 25px;
	font-size: 14px;
	background: #109cd9;
	color: #fff;
	margin: 10px auto;
	display: block;
}

.best-selling-template .btn-viewmore:hover {
	background: #db0000;
	border-color: #db0000;
}

.sticky {
	position: -webkit-sticky;
}

.woocommerce-breadcrumb>span>a:first-child {
	font-size: 0;
}

.woocommerce-breadcrumb>span>a:first-child::before {
	content: '\f015';
	font-family: 'FontAwesome';
	font-size: 18px;
}

.sidebar-product .widget {
	margin-top: 15px;
}

.product-best-selling .list-product .slick-slide:nth-child(-n + 4),
.product-flash-sale .list-product .slick-slide:nth-child(-n + 4),
.product-vitamin .list-product .slick-slide:nth-child(-n + 4),
.product-combo .list-product .slick-slide:nth-child(-n + 4),
.product-viewed .list-product .slick-slide:nth-child(-n + 4) {
	display: block;
}

.btn-gotocart {
	background: #db0000;
	float: right;
	font-weight: 700;
	padding: 5px 15px !important;
}

.btn-gotocart:hover {
	color: #fff;
	background: #109cd9;
}

.slick-slide {
	outline: none;
}

.product-price ins,
.product-price del {
	text-decoration: none;
}

.woocommerce-Price-currencySymbol {
	font-size: 11px;
	margin-left: 3px;
	position: relative;
	top: -6px;
}

.product-title a {
	display: block;
}

.product-title {
	-webkit-box-orient: vertical;
}

.woocommerce-result-count.product-number {
	font-size: 14px;
	color: #999999;
	font-weight: 400;
	margin: 0;
	margin-left: 10px;
}

.product-meta .star-rating {
	font-size: 10px;
	margin-right: 5px;
	flex-shrink: 0;
}

.sidebar-fillter .widget ul .expand-more {
	display: none;
}

.sidebar-fillter .widget ul li:nth-child(n+6)~.expand-more {
	display: block;
}

.product-review-star .star-rating {
	font-size: 12px;
}

.product-variations+.variations {
	display: none;
}

.list-product-small .slick-slide:nth-child(-n+3) {
	display: block;
}

.mini-cart-content .product-item .thumbnail {
	flex-shrink: 0;
	position: relative;
}

.mini-cart-content .product-item .product-price {
	flex-shrink: 0;
}

.mini-cart-content .quantity {
	position: absolute;
	background: #db0000;
	font-size: 11px;
	border-radius: 20px;
	padding: 0px 5px;
	font-weight: 700;
	bottom: 0;
	left: 0;
	color: #fff;
}

.woocommerce-message {
	width: 100%;
	margin-bottom: 15px;
	margin-top: 15px;
	color: #191919;
	border: 1px solid #0f834d;
	background-color: #f1fff2;
	padding: 15px;
	border-radius: 3px;
}

.kk-star-ratings {
	display: flex;
	flex-direction: column;
}

.kk-star-ratings .kksr-stars {
	margin-bottom: 5px;
}

.kk-star-ratings .kksr-muted {
	opacity: 1;
	font-weight: 500;
	color: #000;
	font-size: 13px;
}

.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
	color: #f04c28;
	border: 1px solid #f04c28;
	background-color: #ffded6;
	padding: 15px;
	border-radius: 3px;
	width: 100%;
}


/*cart*/
/* Chrome, Safari, Edge, Opera */
.quantity input.input-number::-webkit-outer-spin-button,
.quantity input.input-number::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
.quantity input.input-number[type=number] {
	-moz-appearance: textfield;
}

.woocommerce-cart-form__contents td.product-thumbnail>a {
	display: inline-block;
}

ul.woocommerce-error {
	list-style: none;
	width: 100%;
	margin-bottom: 15px;
	margin-top: 15px;
	color: #000;
	padding: 15px;
	border-radius: 3px;
}

.woocommerce-cart-form .woocommerce-Price-amount {
	white-space: nowrap;
}

table.shop_table_responsive tr th {
	white-space: nowrap;
}

.list-product.slick-slider {
	padding-bottom: 20px;
}

.layout-list .product .sale-percent {
	right: auto;
	left: 15px;
}



/*CTA*/
.cta-action {
	position: relative;
	z-index: 9;
}

.cta-action img {
	width: 40px;
	height: 40px;
}

.cta-zalo {
	position: fixed;
	bottom: 64px;
	right: 15px;
}

.cta-zalo:after {
	content: "";
	display: block;
	color: #fff;
	background-color: #f04c28;
	width: 10px;
	height: 10px;
	border-radius: 20px;
	position: absolute;
	top: 0px;
	right: 2px;
	font-size: 10px;
	text-align: center;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
}

.cta-mes {
	position: fixed;
	bottom: 15px;
	right: 15px;
}

.cta-mes:after {
	content: "1";
	display: block;
	color: #fff;
	background-color: #f04c28;
	width: 15px;
	height: 15px;
	border-radius: 20px;
	position: absolute;
	top: -3px;
	right: 0;
	font-size: 10px;
	text-align: center;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
}

.cta-call {
	position: fixed;
	bottom: 115px;
	right: 15px;
}

.cta-call i {
	width: 40px;
	height: 40px;
	display: block;
	text-align: center;
	background-color: #FFC107;
	color: #fff;
	line-height: 40px;
	margin: 0 auto;
	border-radius: 35px;
	animation: play 2s ease infinite;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: all 0.3s;
}

@keyframes play {
	0% {
		transform: scale(1);
	}

	15% {
		box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.4);
	}

	25% {
		box-shadow: 0 0 0 6px rgba(255, 193, 7, 0.4), 0 0 0 12px rgba(255, 193, 7, 0.2);
	}

	25% {
		box-shadow: 0 0 0 9px rgba(255, 193, 7, 0.4), 0 0 0 18px rgba(255, 193, 7, 0.2);
	}
}

@media (max-width: 575px) {
	.cta-zalo {
		bottom: 110px;
	}

	.cta-mes {
		bottom: 65px;
	}

	.cta-call {
		bottom: 160px;
	}
}




.woocommerce-variation.single_variation>* {
	display: none !important;
}

.reset_variations {
	font-size: 12px;
	margin-left: 10px;
}

form.add-to-cart.variations_form .list-attr select {
	position: absolute;
	font-size: 0;
	width: 0;
	height: 0;
	border: 0;
}




.top-ads {
	background-color: #FCC000;
	padding: 8px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 13px;
}

.top-ads .btn-a {
	font-style: normal;
	font-weight: 700;
	font-size: 10px;
	line-height: 16px;
	letter-spacing: .04em;
	text-transform: uppercase;
	padding: 3px 16px;
	background: #404040;
	color: #fff;
	margin-left: 25px;
}

.banner-flash-sale {
	height: 152px;
	max-height: 152px;
}

.woocommerce-bacs-bank-details .wc-bacs-bank-details-account-name {
	font-size: 18px;
	margin-bottom: 5px;
}

.woocommerce-bacs-bank-details .bacs_details {
	border: 0;
	background: transparent;
	padding: 0;
	list-style: none;
}

.woocommerce-bacs-bank-details .wc-bacs-bank-details-heading {
	font-size: 20px;
}

.woocommerce-bacs-bank-details {
	border: 1px dashed #22B67E;
	padding: 15px 15px 15px 25px;
	border-radius: 5px;
	background-color: #3FB060;
	color: #fff;
}

.country-name a {
	color: #109cd9;
}

.widget-quickbuy .product-meta .item-meta,
.widget-quickbuy .list-breadcrumb li a {
	font-size: 14px;
}



@-moz-keyframes loading {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes loading {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes loading {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.question-form .btn-submit {
	position: relative;
}

.question-form.loading .btn-submit {
	pointer-events: none;
}

.question-form.loading .btn-submit::before {
	content: '\f110';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	font-family: FontAweSome;
	font-size: 18px;
	-webkit-animation: loading 1s linear infinite;
	-moz-animation: loading 1s linear infinite;
	animation: loading 1s linear infinite;
}

.question-form.loading .btn-submit::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 1;
	background: rgba(0, 0, 0, 0.60);
}

/*triggger*/
@media (max-width: 575px) {
	.trigger-click-mb {
		position: fixed;
		bottom: 0;
		background: #fff;
		left: 0;
		width: 100%;
		z-index: 2;
		padding: 10px;
		margin-bottom: 0;
		border-top: 1px solid #f2f2f2;
		padding-right: 70px;
		box-shadow: 1px -5px 15px 0 rgba(0, 0, 0, .08);
		align-items: center;
	}

	.trigger-click-mb .btn-trigger-1 {
		background: #db0000;
		color: #fff;
		border-radius: 30px;
		font-weight: 700;
		margin-right: 15px;
		margin-left: 15px;
		text-transform: uppercase;
		font-size: 12px;
		padding: 5px 10px;
		cursor: pointer;
	}

	.trigger-click-mb .btn-trigger-2 {
		font-weight: 700;
		border: 1px solid #333;
		border-radius: 30px;
		margin-left: auto;
		text-transform: uppercase;
		background: url(images/icons/shopping-cart-dark.svg) no-repeat;
		padding: 5px 10px;
		font-size: 0;
		width: 40px;
		height: 30px;
		background-position: 50%;
		cursor: pointer;
	}

	.trigger-click-mb .input-number {
		width: 35px;
		font-size: 14px;
		outline: none;
		box-shadow: none;
		padding: 0;
		text-align: center;
		margin: 0 10px;
	}

	form.add-to-cart.variations_form {
		display: none;
	}

	body.buy-variations form.add-to-cart.variations_form {
		display: block;
	}

	body.buy-variations .bg-trigger-click-mb {
		position: fixed;
		z-index: 1;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(0, 0, 0, 0.3);
	}
}

/*end trigger*/

.product-meta-bottom {
	background: #f0f0f0;
	padding: 15px;
}


@media (min-width: 767px) {

	.cta-action .cta-call {
		display: none;
	}

	body.single:not(.single-product) .cta-mes,
	body.single:not(.single-product) .cta-zalo,
	body.single:not(.single-product) .cta-call {
		left: 15px;
		right: auto;
	}

	.row.full-menu {
		width: calc(100% + 15px);
		margin-left: -7.5px;
		margin-right: -7.5px;
	}

	.banner-flash-sale {
		margin-left: -7.5px;
		margin-right: -7.5px;
	}

	.row.full-menu [class^="col-"],
	.banner-flash-sale [class^="col-"] {
		padding-left: 7.5px;
		padding-right: 7.5px;
	}
}

@media (max-width: 575px) {

	/*.primary-nav .full-menu {
	margin-right: 0;
	}*/
	.row.full-menu {
		margin: 0;
		width: 100%;
	}

	.product-meta-bottom {
		padding: 10px;
	}

	.woocommerce-result-count.product-number {
		margin-bottom: 12px;
	}

	.woocommerce-cart-form__contents .product-thumbnail {
		display: block;
		width: auto;
		height: auto;
	}

	.woocommerce-Reviews .comment-form-rating .stars a::before {
		font-size: 25px;
	}

	#review_form_wrapper #review_form {
		max-width: calc(100% - 15px);
		width: 100%;
	}

	.woocommerce-Reviews .comment-form-rating label {
		font-size: 13px;
	}

	.star_box_right {
		width: 100%;
		margin-top: 15px;
	}

	#comments .star_box {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}

	.list-product.slick-slider {
		padding-bottom: 0;
	}

	.sidebar-product .featured-product {
		margin-top: 20px;
	}

	.btn-hotline .icon img {
		margin-right: 8px;
	}

	.banner-flash-sale-wide a,
	.banner-flash-sale-wide img {
		width: 100%;
		display: block;
	}

	.product-best-selling,
	.product-flash-sale,
	.product-viewed,
	.product-vitamin {
		padding-bottom: 15px;
	}

	body.single:not(.single-product) .cta-mes,
	body.single:not(.single-product) .cta-zalo,
	body.single:not(.single-product) .cta-call {
		right: auto;
		left: 15px;
	}

	body.single:not(.single-product) .cta-mes {
		bottom: 200px;
	}

	body.single:not(.single-product) .cta-zalo {
		bottom: 245px;
	}

	body.single:not(.single-product) .cta-call {
		bottom: 295px;
	}

	.single-product-wrap .btn-hotline-blue {
		display: none;
	}

	.single-product-wrap form.add-to-cart .single_add_to_cart_button {
		padding: 5px 30px;
	}

	.single-product-wrap form.add-to-cart {
		padding-right: 10px;
	}

	.shortcode-product .product-price::after {
		content: '';
		display: table;
		clear: both;
	}
}

@media (max-width: 414px) {
	.banner-flash-sale {
		max-height: 85px;
	}
}

@media (max-width: 375px) {
	.banner-flash-sale {
		max-height: 75px;
	}

	.product-thumbnail {
		width: 133px;
		height: 133px;
	}
}

.wc_payment_methods.methods {
	margin: 0 0 1rem;
}

.woocommerce-billing-fields__field-wrapper {
	padding: 0;
}

ul.wc_payment_methods {
	padding-left: 0;
}

.woocommerce-input-wrapper .input-text:focus-visible {
	outline: none;
}

.footer-bottom-office {
	color: hsla(0, 0%, 100%, .8);
	font-size: 13px;
}

.footer-bottom-office>p {
	margin-bottom: 7px;
}

.list-attribute td {
	border-color: #e3e3e3;
	padding: 8px 15px !important;
}

.list-attribute td:first-child {
	background: #f1f1f1;
	white-space: nowrap;
	width: 30%;
}

.list-attribute td:last-child {
	width: 70%;
}

@media (max-width: 575px) {
	.list-attribute td:first-child {
		width: 50%;
	}
}

.modal-livestream .btn-close-modal {
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 2;
	color: #fff;
	opacity: 1;
	background-color: #F44336;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	outline: none;
	box-shadow: none;
}

.modal-livestream .btn-close-modal:hover {
	background: #ffc107;
	opacity: 1 !important;
	color: #fff;
}

.modal-livestream .btn-close-modal:hover span {
	box-shadow: none;
}

.modal-livestream .modal-body {
	padding: 0;
}

.btn-gift-box {
	display: inline-block;
	z-index: 4;
	position: fixed;
	bottom: 50%;
	right: 15px;
	width: 100px;
	height: 100px;
	padding: 0;
	transform: translateY(50%);
	box-shadow: none !important;
}

.widget-tp .attr-label {
	width: 20%;
	text-align: center;
}

.widget-tp .attr-value {
	width: 80%;
}


.toggle-livestream {
	position: fixed;
	bottom: 173px;
	right: 15px;
	width: 90px;
	height: 90px;
	cursor: pointer;
	overflow: hidden;
	z-index: 3
}

@media (max-width: 575px) {
	.toggle-livestream {
		width: auto;
		height: auto;
		bottom: 230px;
	}
}

/*ShortCode Box product sale*/
.box-product-sale {
	border: 2px solid #e53926;
	padding: 26px;
	position: relative;
	margin-bottom: 15px;
	margin-top: 25px;
}

.box-product-sale .box-title {
	color: #db0000;
	font-size: 16.5px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 0;
	display: inline-block;
	position: absolute;
	top: -10px;
	background: #fff;
	padding: 0 15px;
}

.box-product-sale .list-product-sale:not(:last-child) {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #e3e3e3;
}

.box-product-sale .list-product-sale .product-item .product-thumbnail {
	width: 80px;
	height: 80px;
	margin: 0;
	margin-right: 15px;
	float: left;
}

.box-product-sale .list-product-sale .product-item .title-product {
	font-size: 16px;
	margin-bottom: 0;
}

.box-product-sale .list-product-sale .product-item .title-product a {
	color: #212529;
}

.box-product-sale .list-product-sale .text-center p {
	margin-bottom: 5px;
}

.box-product-sale .list-product-sale .text-center .regular-price {
	color: #999;
	font-weight: 400;
	text-decoration: line-through;
	font-size: 14px;
	line-height: 1.2;
}

.box-product-sale .list-product-sale .text-center .sale-price {
	font-weight: 700;
	line-height: 1.2;
}

.box-product-sale .list-product-sale .text-center .btn-buynow {
	background-color: #db0000;
	color: #fff;
	display: inline-block;
	line-height: 1.2;
	padding: 8px 30px;
	border-radius: 5px;
	font-weight: 700;
	font-size: 14px;
}

.box-product-sale .grid-product-sale .product-title {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.4;
}

.box-product-sale .grid-product-sale .product-title a {
	color: #333;
}

.box-product-sale .grid-product-sale .product-title {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.4;
	margin-bottom: 0;
}

.box-product-sale .grid-product-sale .product-title a {
	color: #333;
}

.box-product-sale .grid-product-sale .product-title a:hover {
	text-decoration: none;
}

.box-product-sale .grid-product-sale .product-sale .product-thumbnail {
	max-width: 145px;
	max-height: 145px;
}

.box-product-sale .grid-product-sale .is-sale {
	margin-bottom: 10px;
}

.box-product-sale .grid-product-sale .is-sale .regular-price sup {
	color: #999;
}

.box-product-sale .grid-product-sale .action-order {
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease;
	transform: translateY(10px);
}

.box-product-sale .grid-product-sale .action-order .btn-danger {
	color: #fff;
	width: 100%;
}

.box-product-sale .grid-product-sale .action-order .btn-danger:hover {
	text-decoration: none;
}

.box-product-sale .grid-product-sale .regular-price {
	color: #999;
	font-size: 14px;
	order: 2;
	margin-left: 5px;
	text-decoration: line-through;
}

.box-product-sale .grid-product-sale .inner {
	padding: 15px;
	border-radius: 5px;
	border: 1px solid #fff;
}

.box-product-sale .grid-product-sale .inner:hover {
	border-color: #e3e3e3;
}

.box-product-sale .grid-product-sale .inner:hover .action-order {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

@media(max-width: 575px) {
	.box-product-sale .grid-product-sale .inner {
		padding: 0;
	}

	.box-product-sale .grid-product-sale .is-sale {
		display: block;
	}

	.box-product-sale .grid-product-sale .action-order {
		opacity: 1;
		transform: translateY(0);
		visibility: visible;
	}
}