:root {
	--color-white: #fff;
	--color-black: #000;
	--color-chinh: #ec5b13;
	--light-peach: #fff2e8;
	--dark-grey: #666;
}

/* Áp dụng cho Chrome, Edge và Safari */
::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-track {
	background: var(--color-white);
}

::-webkit-scrollbar-thumb {
	background-color: var(--color-chinh);
	border-radius: 8px;
	border: none;
}

.nav-left {
	justify-content: space-evenly !important;
}

/* .nav-dropdown-has-border .nav-dropdown {
border: 2px solid var(--color-chinh) !important;
border-radius: 10px;
} */
.nav-dropdown-has-border .nav-dropdown{
	padding:10px !important;
}
.header-nav.header-bottom-nav{
	display:flex;
	gap:40px;
	margin-left:50px;

}
.nav-dropdown.nav-dropdown-default>li>a {
	color: var(--color-black) !important;
	font-size: 14px;
}

.nav-dropdown.nav-dropdown-default>li>a:hover {
	color: var(--color-chinh) !important;
}

h1, h2 {
	color: var(--color-chinh) !important;
}

.off-canvas-left .mfp-content {
	background: var(--color-chinh) !important;
}

.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
	font-size: 15px;
	color: var(--color-white);
}

.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
	opacity: 1;
}

.absolute-footer.dark, .toggle i {
	color: var(--color-white) !important;
}

.menu_footer .ux-menu-link__link {
	color: var(--color-black) !important;
	font-size: 15px;
}

.menu_footer .ux-menu-link__link:hover, .widget>ul>li>a:hover, .breadcrumbs {
	color: var(--color-chinh) !important;
}

.widget .is-divider, .comments-area {
	display: none;
}

.Product-page .product-breadcrumb-container .breadcrumbs a {
	color: var(--color-chinh) !important;
}

.Product-page  .breadcrumbs a:nth-child(1){
	color: var(--color-black) !important;
}

.widget>ul>li>a,
.shop-page-title .breadcrumbs a:nth-child(1){
	color: var(--color-black);
}

.single-page p {
	color: var(--color-black) !important;
}

.post {
	padding: 20px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}
.mobile-sidebar ul li a{
	width:80% !important;
	font-size: 13px;
	padding-left:10px !important;
}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a{	padding-left:10px !important;}
.header-nav.header-bottom-nav {
	margin-left: -30px !important; /* Điều chỉnh con số này cho đến khi vừa ý */
}
.header-bottom .container {
	display:flex;
	background: var(--color-chinh);
}

.header-bottom .container .flex-grow {
	display: none;
}

.header-bottom .container .flex-center {
	flex: 4;
}
.header-bottom .container .flex-left {
	flex: 1;
}

.header-bottom .container .flex-center .menu-item a{
	color: var(--color-white) !important;
}
.header-bottom .container ul li{
	border-right:1px solid white;
	flex:1;
}
.header-bottom .container ul {
	width: 100%;
	display:flex;
	justify-content: center;
	gap:0px;
}
.header-bottom .container {
	display: flex;
	background-color: var(--color-chinh);
	align-items: stretch;
	min-height: 45px;
}

.header-bottom .flex-left {
	flex: 0 0 250px;
	/*     background-color: rgba(0,0,0,0.1); */
}

.header-vertical-menu__opener {
	display: flex;
	align-items: center;
	padding: 0 15px;
	background-color: #c54100 !important;
	height: 100%;
	cursor: pointer;
}

.header-bottom .container .flex-left ul li:first-child {
	border: none;
}
.header-bottom .flex-center {
	flex: 1;
}

.header-bottom .nav-center {
	display: flex !important;
	justify-content: flex-start;
	height: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.header-bottom .nav-center .menu-item {
	border-right: 1px solid rgba(255,255,255,0.8);
	flex: none !important;
	transition: all 0.3s ease;
	margin:0px !important;
}

.header-bottom .nav-center .menu-item a {
	color: #fff !important;
	line-height: 45px;
	display: block;
	font-size: 15px;
	font-weight: 600;
	padding: 2px 35px !important;
	text-decoration: none;
}


.header-bottom .nav-center .menu-item a:hover {
	color: #fff !important;
	text-shadow: 0 0 5px rgba(255,255,255,0.5); 
}

.ux-nav-vertical-menu .menu-item {
	border-bottom: 1px solid #eee;
	transition: all 0.3s ease;
}

.ux-nav-vertical-menu .menu-item:hover > a {
	background-color: #fcfcfc;
	color: var(--color-chinh) !important; 
}

.header-bottom .nav-center .menu-item:last-child {
	border-right: none;
}

.header-bottom .flex-grow {
	display: none;
}
.menu-menu-doc-container .ux-nav-vertical-menu li ul{
	display:flex !important;
	flex-direction:column;
	justify-content: flex-start !important;
}
.menu-menu-doc-container .ux-nav-vertical-menu li ul li{
	flex:none;
}
.header-bottom{
	width:106% !important;
}

/* 1. Ép ẩn tất cả menu con trong mọi trường hợp (kể cả khi đang active) */
.product-categories li.cat-item ul.children {
	display: none !important;
	visibility: hidden !important;
}

/* 2. Khi có class 'is-manual-open' thì mới cho hiện ra */
.product-categories li.cat-item.is-manual-open > ul.children {
	display: block !important;
	visibility: visible !important;
}

/* 3. Tách biệt nút bấm mũi tên */
.product-categories .cat-parent {
	position: relative;
}

.product-categories .toggle {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 999; /* Đảm bảo nằm trên cùng */
	width: 45px;
	height: 40px;
	background: transparent !important;
	border: none !important;
	cursor: pointer;
}

.product-categories .cat-item a{
	padding-right:30px !important;
}

.product-categories .cat-item.active .icon-angle-down{
	color: var(--color-chinh) !important;
}
.icon-angle-down:before{
	color: var(--color-chinh) !important;
}
.cat-item.active .toggle .icon-angle-down{
	transform: rotate(180deg) !important;
}
.sidebar-menu  .nav.nav-sidebar{
	margin-bottom:50px !important;	
}
.abm-list-menu{
	margin-bottom:50px !important;
}
@media screen and (min-width: 850px) {
	.category-page-row .large-3 {
		flex-basis: 22% !important;
		max-width: 22% !important;
	}

	.category-page-row .large-9 {
		flex-basis: 78% !important;
		max-width: 78% !important;
	}

}

@media (min-width: 1025px) {
	.img .product-title {
		display: none;
	}
}

@media (max-width: 725px) {
	.icon-angle-down:before {
		color: var(--color-white) !important;
		
	}
	.icon-shopping-bag:before{
		font-size: 23px !important;
		color: var(--color-chinh);
	}
}