/*
Theme Name: Bear Việt
Theme URI: http://localhost/bearviet-local/
Description: Child theme of Astra for the WooCommerce category archive layout.
Author: Bear Việt
Template: astra
Version: 1.0.0
Text Domain: bearviet
*/

/* Category archive styles load from assets/css/category-archive.css. */
/* Checkout styles load from assets/css/checkout.css on the checkout form only. */

.site-header,
.ast-above-header.ast-above-header-bar,
.ast-header-break-point .ast-above-header-bar,
.ast-primary-header-bar,
.ast-header-break-point .ast-primary-header-bar,
.ast-below-header-bar,
.ast-header-break-point .ast-below-header-bar {
	background-color: rgba(251, 250, 247, 1);
	background-image: none;
}

.ast-below-header-bar,
.ast-below-header .site-below-header-wrap,
.ast-below-header .ast-header-html,
.ast-below-header .ast-builder-html-element {
	overflow: visible;
}

.ast-below-header .ast-builder-html-element p {
	margin: 0;
}

.bv-header-cats {
	background: transparent;
}

.bv-header-cats__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 8px 28px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	list-style: none;
}

.bv-header-cats__item {
	position: relative;
	margin: 0;
}

.bv-header-cats__link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 14px 0;
	color: #3a3a3a;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
}

.bv-header-cats__item.is-current > .bv-header-cats__link,
.bv-header-cats__item:hover > .bv-header-cats__link,
.bv-header-cats__item:focus-within > .bv-header-cats__link {
	color: #e0a106;
}

.bv-header-cats__caret {
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid currentColor;
}

.bv-header-cats__sub {
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 30;
	min-width: 190px;
	margin: 0;
	padding: 8px 0;
	list-style: none;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.1);
	transform: translateX(-50%);
}

.bv-header-cats__item:hover > .bv-header-cats__sub,
.bv-header-cats__item:focus-within > .bv-header-cats__sub {
	display: block;
}

.bv-header-cats__sub a {
	display: block;
	padding: 8px 18px;
	color: #3a3a3a;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
}

.bv-header-cats__sub a:hover,
.bv-header-cats__sub-item.is-current a {
	color: #e0a106;
}

.elementor-element-c97df78 > .elementor-widget-wl-category-grid {
	width: 100%;
	flex: 1 1 100%;
}

.elementor-element-bvc4grd .ht-category-wrap .ht-category-image,
.elementor-element-bvc4grd .ht-category-wrap .ht-category-image a {
	margin-bottom: 6px;
	text-align: center;
}

.elementor-element-bvc4grd .ht-category-wrap .ht-category-image a img {
	display: inline-block;
	width: 120px;
	max-width: 100%;
	height: 120px;
	object-fit: contain;
}

.elementor-element-bvc4grd .ht-category-wrap .ht-category-content {
	justify-content: center;
	margin-top: 8px;
}

.elementor-element-bvc4grd .ht-category-wrap .ht-category-content h3,
.elementor-element-bvc4grd .ht-category-wrap .ht-category-content h3 a {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	text-align: center;
}

.elementor-9018 .elementor-element-8440814 .elementor-widget-wl-store-feature,
.elementor-9018 .elementor-element-8440814 .ht-feature-wrap,
.elementor-9018 .elementor-element-8440814 .ht-feature-style-2 .ht-feature-inner {
	width: 100%;
}

.elementor-9018 .elementor-element-8440814 .ht-feature-style-2 .ht-feature-content {
	flex: 1 1 auto;
	width: 100%;
	min-width: 0;
}

.elementor-9018 .elementor-element-01fa93f .woolentor-list-view-content .woolentor-content-footer,
.elementor-9012 .elementor-element-74d0b4b .woolentor-list-view-content .woolentor-content-footer {
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	border-top: 0;
	margin-top: 6px;
	padding-top: 0;
}

.elementor-9018 .elementor-element-01fa93f .woolentor-price-stock,
.elementor-9012 .elementor-element-74d0b4b .woolentor-price-stock {
	width: 100%;
}

.elementor-9018 .elementor-element-01fa93f .woolentor-list-card,
.elementor-9012 .elementor-element-74d0b4b .woolentor-list-card {
	min-height: 0;
	align-items: center;
}

.elementor-9018 .elementor-element-01fa93f .woolentor-list-card .woolentor-list-view-content,
.elementor-9012 .elementor-element-74d0b4b .woolentor-list-card .woolentor-list-view-content {
	flex-direction: row;
	align-items: center;
	gap: 10px;
}

.elementor-9018 .elementor-element-01fa93f .woolentor-list-card .woolentor-product-image,
.elementor-9012 .elementor-element-74d0b4b .woolentor-list-card .woolentor-product-image {
	flex: 0 0 64px;
	width: 64px;
	height: 64px;
	margin: 0;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
}

.elementor-9018 .elementor-element-01fa93f .woolentor-list-card .woolentor-product-image img,
.elementor-9012 .elementor-element-74d0b4b .woolentor-list-card .woolentor-product-image img {
	width: 64px;
	height: 64px;
	object-fit: contain;
	background: transparent;
}

.elementor-9018 .elementor-element-01fa93f .woolentor-product-title,
.elementor-9012 .elementor-element-74d0b4b .woolentor-product-title {
	margin: 0 0 4px;
	font-size: 14px;
	line-height: 1.35;
}

.elementor-9018 .elementor-element-01fa93f .woolentor-list-view-content .woolentor-product-rating,
.elementor-9012 .elementor-element-74d0b4b .woolentor-list-view-content .woolentor-product-rating {
	margin-top: 6px;
}

.elementor-9018 .elementor-element-01fa93f .woolentor-product-stars .star,
.elementor-9012 .elementor-element-74d0b4b .woolentor-product-stars .star {
	width: 16px;
	height: 16px;
	color: #f5b400;
}

.elementor-9018 .elementor-element-01fa93f .woolentor-product-stars .star.empty,
.elementor-9012 .elementor-element-74d0b4b .woolentor-product-stars .star.empty {
	color: #e6e6e6;
}

.elementor-9018 .elementor-element-01fa93f .woolentor-list-view-content .woolentor-product-rating .rating-info,
.elementor-9012 .elementor-element-74d0b4b .woolentor-list-view-content .woolentor-product-rating .rating-info {
	display: none;
}

.elementor-9018 .elementor-element-01fa93f .woolentor-product-price,
.elementor-9012 .elementor-element-74d0b4b .woolentor-product-price {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 6px;
	width: 100%;
	margin: 4px 0 0;
	font-size: 14px;
	color: var(--bv-price, #ff0000);
}

.elementor-9018 .elementor-element-01fa93f .woolentor-product-price .amount,
.elementor-9012 .elementor-element-74d0b4b .woolentor-product-price .amount {
	color: var(--bv-price, #ff0000);
}

.elementor-9018 .elementor-element-01fa93f .woolentor-product-price .screen-reader-text,
.elementor-9012 .elementor-element-74d0b4b .woolentor-product-price .screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.elementor-9018 .elementor-element-01fa93f .woolentor-product-price del,
.elementor-9018 .elementor-element-01fa93f .woolentor-product-price ins,
.elementor-9012 .elementor-element-74d0b4b .woolentor-product-price del,
.elementor-9012 .elementor-element-74d0b4b .woolentor-product-price ins {
	display: inline;
	width: auto;
}

.elementor-9018 .elementor-element-01fa93f .woolentor-product-price del,
.elementor-9018 .elementor-element-01fa93f .woolentor-product-price del .amount,
.elementor-9012 .elementor-element-74d0b4b .woolentor-product-price del,
.elementor-9012 .elementor-element-74d0b4b .woolentor-product-price del .amount {
	color: #9aa0a6;
	font-weight: 400;
	font-size: 13px;
}

.elementor-9018 .elementor-element-01fa93f .woolentor-product-price ins,
.elementor-9018 .elementor-element-01fa93f .woolentor-product-price ins .amount,
.elementor-9012 .elementor-element-74d0b4b .woolentor-product-price ins,
.elementor-9012 .elementor-element-74d0b4b .woolentor-product-price ins .amount {
	color: var(--bv-price, #ff0000);
	font-weight: 700;
	text-decoration: none;
}

.elementor-9012 .elementor-element-74d0b4b .woolentor-discount-percentage {
	display: none;
}

/*
 * One typeface across the storefront. Elementor widgets on Giới thiệu and
 * Liên hệ set Arial on the element, which beats the theme font. Size and
 * weight stay where each widget already set them.
 */
.elementor-kit-3049 {
	--e-global-typography-secondary-font-family: "Roboto";
}

html body .elementor-heading-title,
html body .elementor-widget-text-editor,
html body .elementor-widget-text-editor p,
html body .elementor-widget-text-editor li,
html body .elementor-image-box-title,
html body .elementor-image-box-description,
html body .elementor-icon-box-title,
html body .elementor-icon-box-description,
html body .elementor-button {
	font-family: Roboto, Arial, Helvetica, sans-serif !important;
}