/* Trang khách hàng — scope trong .entry-content để không ảnh hưởng header/footer */

body.hl-customer-view {
	overflow-x: clip;
}

body.hl-customer-view #content.site-content > .container {
	width: 100% !important;
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

body.hl-customer-view #content.site-content > .container > .row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.hl-customer-view #primary.page-no-sidebar {
	flex: 0 0 100%;
	max-width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-bottom: 0;
}

body.hl-customer-view .entry-content {
	margin: 0;
	padding: 0;
	--hl-customer-color: #0b0284;
	--hl-customer-color-dark: #047ed5;
	--hl-customer-btn: #0b0284;
	font-family: Alexandria, Tahoma, Arial, sans-serif;
	background-color: #f2faff;
	color: #212529;
}

body.hl-customer-view .entry-content .wrapper-breadcrums {
	background-color: var(--hl-customer-color);
	padding: 5px 0;
	color: #fff;
}

body.hl-customer-view .entry-content .wrapper-breadcrums h1 {
	margin: 30px 0 10px;
	font-size: 2.5rem;
	font-weight: 500;
	color: #fff;
	line-height: 1.2;
	text-transform: uppercase;
}

body.hl-customer-view .entry-content .wrapper-breadcrums a {
	color: #fff;
	text-decoration: none;
}

body.hl-customer-view .entry-content .wrapper-breadcrums a:hover {
	color: #fff;
	opacity: 0.9;
	text-decoration: underline;
}

body.hl-customer-view .entry-content .wrapper-breadcrums .breadcrumb {
	background: transparent;
	margin-bottom: 0;
	padding: 0 0 10px;
}

body.hl-customer-view .entry-content .wrapper-breadcrums .breadcrumb > ul:not(.breadcrumb) {
	list-style: none;
	padding: 0;
	margin: 0;
}

body.hl-customer-view .entry-content .wrapper-breadcrums .breadcrumb > ul:not(.breadcrumb) > li {
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 14px;
	text-transform: capitalize;
	color: #fff;
}

body.hl-customer-view .entry-content .wrapper-breadcrums .breadcrumb .delimiter {
	margin: 0 8px;
	opacity: 0.85;
	color: #fff;
}

body.hl-customer-view .entry-content .wrapper-breadcrums .breadcrumb .current-item {
	font-weight: 600;
	color: #fff;
}

body.hl-customer-view .entry-content .wrapper-breadcrums .breadcrumb ul.breadcrumb {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
	list-style: none;
	background: transparent;
}

body.hl-customer-view .entry-content .wrapper-breadcrums .breadcrumb ul.breadcrumb .breadcrumb-item {
	font-size: 14px;
	text-transform: capitalize;
	color: #fff;
}

body.hl-customer-view .entry-content .wrapper-breadcrums .breadcrumb ul.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
	color: rgba(255, 255, 255, 0.85);
	content: "/";
}

body.hl-customer-view .entry-content .wrapper-breadcrums .breadcrumb ul.breadcrumb .breadcrumb-item a {
	color: #fff;
}

body.hl-customer-view .entry-content .list-customer-cate {
	margin: 0;
	padding: 0;
	list-style: none;
}

body.hl-customer-view .entry-content .list-customer-cate .list-inline-item {
	display: inline-block;
	margin-right: 0.5rem;
	margin-bottom: 1rem;
}

body.hl-customer-view .entry-content .list-customer-cate .btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border: 1px solid transparent;
	padding: 0.375rem 1rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	text-decoration: none;
	cursor: pointer;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

body.hl-customer-view .entry-content .list-customer-cate .btn-outline-primary {
	color: var(--hl-customer-btn);
	border-color: var(--hl-customer-btn);
	background-color: #fff;
}

body.hl-customer-view .entry-content .list-customer-cate .btn-outline-primary:hover,
body.hl-customer-view .entry-content .list-customer-cate .btn-outline-primary:focus {
	background-color: var(--hl-customer-btn);
	border-color: var(--hl-customer-btn);
	color: #fff !important;
	box-shadow: none;
	text-decoration: none;
}

body.hl-customer-view .entry-content .list-customer-cate .btn-primary {
	background-color: var(--hl-customer-btn) !important;
	border-color: var(--hl-customer-btn);
	color: #fff !important;
	box-shadow: none;
}

body.hl-customer-view .entry-content .list-customer-cate .btn-primary:hover,
body.hl-customer-view .entry-content .list-customer-cate .btn-primary:focus {
	background-color: var(--hl-customer-color-dark);
	border-color: var(--hl-customer-color-dark);
	color: #fff !important;
	text-decoration: none;
}

body.hl-customer-view .entry-content .my-4 {
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important;
}

body.hl-customer-view .entry-content .py-5 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}

body.hl-customer-view .entry-content .my-4.text-center p,
body.hl-customer-view .entry-content .custommer-content,
body.hl-customer-view .entry-content .custommer-content p {
	text-align: justify;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 1.6;
	color: #212529;
}

body.hl-customer-view .entry-content .my-4.text-center p {
	margin-bottom: 1rem;
}

body.hl-customer-view .entry-content .my-4.text-center a,
body.hl-customer-view .entry-content .custommer-content a {
	color: var(--hl-customer-btn);
	text-decoration: none;
	background-color: transparent;
}

body.hl-customer-view .entry-content .my-4.text-center a:hover,
body.hl-customer-view .entry-content .custommer-content a:hover {
	color: #0056b3;
	text-decoration: underline;
}

body.hl-customer-view .entry-content .custommer-content img,
body.hl-customer-view .entry-content .my-4.text-center img {
	max-width: 100% !important;
	height: auto !important;
}

body.hl-customer-page--single .entry-content .custommer-content {
	background-color: #f9f9f9;
	padding: 24px 15px;
}

body.hl-customer-view .entry-content .custommer-wrap {
	background-color: #fafafa;
}

body.hl-customer-view .entry-content .custommer-wrap h3 {
	font-size: 1.75rem;
	font-weight: 500;
	color: #212529;
	text-transform: none;
}

body.hl-customer-view .entry-content .list-customer {
	margin-bottom: 0;
}

body.hl-customer-view .entry-content .cus-item {
	background: #fff;
	border: 0;
	padding: 0;
	display: block;
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 15px;
}

body.hl-customer-view .entry-content .cus-item a {
	display: block;
}

body.hl-customer-view .entry-content .cus-item img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 4px;
	object-fit: contain;
}

body.hl-customer-view .entry-content .cus-item__placeholder {
	font-size: 14px;
	font-weight: 600;
	color: #333;
	text-align: center;
	display: block;
	padding: 24px 12px;
	background: #fff;
	border-radius: 4px;
}

body.hl-customer-view .entry-content .customer-empty {
	margin: 0;
	padding: 24px 0;
	color: #666;
	text-align: center;
}

body.hl-customer-view .entry-content .hl-customer-pagination {
	margin-top: 24px;
	text-align: center;
}

body.hl-customer-view .entry-content .hl-customer-pagination .pagination {
	margin: 0;
	padding-left: 0;
	list-style: none;
	flex-wrap: wrap;
	justify-content: center;
}

body.hl-customer-view .entry-content .hl-customer-pagination .page-item {
	display: inline-block;
	margin: 0 2px 4px;
}

body.hl-customer-view .entry-content .hl-customer-pagination .page-link {
	position: relative;
	display: block;
	min-width: 38px;
	padding: 0.5rem 0.75rem;
	line-height: 1.25;
	color: var(--hl-customer-color);
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-radius: 0.25rem;
	text-decoration: none;
}

body.hl-customer-view .entry-content .hl-customer-pagination .page-link:hover,
body.hl-customer-view .entry-content .hl-customer-pagination .page-link:focus {
	z-index: 2;
	color: #fff;
	background-color: var(--hl-customer-color);
	border-color: var(--hl-customer-color);
}

body.hl-customer-view .entry-content .hl-customer-pagination .page-item.active .page-link {
	color: #fff;
	background-color: var(--hl-customer-color);
	border-color: var(--hl-customer-color);
}

body.hl-customer-view .entry-content .hl-customer-pagination .page-item.disabled .page-link {
	color: #6c757d;
	pointer-events: none;
	background-color: #fff;
	border-color: #dee2e6;
}

/* Lưới sản phẩm — taxonomy ngành nghề & sản phẩm liên quan single khách hàng */
body.hl-customer-page--taxonomy .entry-content .custommer-wrap .hl-shop-page,
body.hl-customer-page--single .entry-content .hl-customer-related {
	--hl-shop-color: var(--hl-customer-color);
	--hl-shop-color-dark: #047ed5;
	padding-bottom: 0;
	font-family: Alexandria, Arial, sans-serif;
}

body.hl-customer-page--single .entry-content .hl-customer-related {
	padding-bottom: 48px;
	/* background: #fff; */
}

body.hl-customer-page--single .entry-content .hl-customer-related h4 {
	font-size: 1.25rem;
	font-weight: 600;
	color: #212529;
}

body.hl-customer-page--single .entry-content .hl-customer-related h4 .border-bottom {
	border-bottom: 1px solid #dee2e6 !important;
}

body.hl-customer-page--single .entry-content .hl-customer-related .relatedproduct-swiper {
	position: relative;
	overflow: hidden;
}

body.hl-customer-page--single .entry-content .hl-customer-related .relatedproduct-swiper .swiper-wrapper {
	display: flex;
	flex-wrap: nowrap;
}

body.hl-customer-page--single .entry-content .hl-customer-related .relatedproduct-swiper .swiper-slide {
	box-sizing: border-box;
	height: auto;
}

body.hl-customer-page--single .entry-content .hl-customer-related.hl-related-fallback .relatedproduct-swiper .swiper-wrapper {
	flex-wrap: wrap;
	margin: 0 -10px;
}

body.hl-customer-page--single .entry-content .hl-customer-related.hl-related-fallback .relatedproduct-swiper .swiper-slide {
	width: 25%;
	padding: 0 10px;
}

body.hl-customer-page--taxonomy .entry-content .wr-product-list > [class*="col-"] {
	display: flex;
}

body.hl-customer-page--taxonomy .entry-content .wr-product-list .productitem,
body.hl-customer-page--single .entry-content .hl-customer-related .productitem {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	margin-bottom: 0;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
}

body.hl-customer-page--taxonomy .entry-content .wr-product-list .productitem > a,
body.hl-customer-page--single .entry-content .hl-customer-related .productitem > a {
	display: block;
	flex-shrink: 0;
}

body.hl-customer-page--taxonomy .entry-content .wr-product-list .productitem img,
body.hl-customer-page--single .entry-content .hl-customer-related .productitem img {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	display: block;
	border-radius: 8px;
}

body.hl-customer-page--taxonomy .entry-content .wr-product-list .productitem-detail,
body.hl-customer-page--single .entry-content .hl-customer-related .productitem-detail {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 10px 2px 0;
	text-align: left;
}

body.hl-customer-page--taxonomy .entry-content .wr-product-list .productitem-detail h2,
body.hl-customer-page--single .entry-content .hl-customer-related .productitem-detail h2 {
	line-height: 18px;
	margin: 8px 2px 10px;
	font-size: 14px;
	font-weight: 400;
}

body.hl-customer-page--taxonomy .entry-content .wr-product-list .productitem-detail h2 a,
body.hl-customer-page--single .entry-content .hl-customer-related .productitem-detail h2 a {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 14px;
	color: #0b0284;
	font-weight: 400;
	line-height: 16px;
	text-decoration: none;
}

body.hl-customer-page--taxonomy .entry-content .wr-product-list .box-price,
body.hl-customer-page--single .entry-content .hl-customer-related .box-price {
	margin-top: auto;
	padding-bottom: 4px;
}

body.hl-customer-page--taxonomy .entry-content .wr-product-list .box-price .btn-outline-primary {
	padding: 0;
	border: 0;
	background: transparent;
}

body.hl-customer-page--taxonomy .entry-content .wr-product-list .box-price .btn-outline-primary a,
body.hl-customer-page--single .entry-content .hl-customer-related .box-price .btn-outline-primary {
	display: inline-block;
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	line-height: 1.5;
	border-radius: 0.2rem;
	color: var(--hl-customer-color);
	border: 1px solid var(--hl-customer-color);
	background: transparent;
	text-decoration: none;
}

body.hl-customer-page--taxonomy .entry-content .wr-product-list .box-price .btn-outline-primary a:hover,
body.hl-customer-page--single .entry-content .hl-customer-related .box-price .btn-outline-primary:hover {
	color: #fff;
	background-color: var(--hl-customer-color);
	border-color: var(--hl-customer-color);
}

.list-parther-products .wr-product-list .col-md-4.mb-3{
	margin-bottom: 15px !important;
}

@media (max-width: 991px) {
	body.hl-customer-page--single .entry-content .hl-customer-related.hl-related-fallback .relatedproduct-swiper .swiper-slide {
		width: 33.333%;
	}
}

@media (max-width: 767px) {
	body.hl-customer-page--single .entry-content .hl-customer-related.hl-related-fallback .relatedproduct-swiper .swiper-slide {
		width: 50%;
	}
}

@media (max-width: 575px) {
	body.hl-customer-view .entry-content .hl-customer-pagination .page-item.hidden-sm-down {
		display: none;
	}
}

@media (max-width: 767px) {
	body.hl-customer-view .entry-content .wrapper-breadcrums h1 {
		font-size: 1.75rem;
	}

	body.hl-customer-view .entry-content .list-customer-cate .btn-outline-primary,
	body.hl-customer-view .entry-content .list-customer-cate .btn-primary {
		font-size: 13px;
		padding: 8px 12px !important;
	}
}