:root {
	--color-white: #fff;
	--color-black: #000;
	--color-main: #ffdb6e;
	--color-phu: #ffb900;
}

body {
	scrollbar-width: thin;
	scrollbar-color: #f9a825 white; 
}

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

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

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

.absolute-footer.dark {
	color: var(--color-black) !important;
}

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

.sp-lq .product-section {
	border-top: none !important;
}

.sp-lq .pt-half {
	display: none;
}

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

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

.nav>li>button {
	color: var(--color-black) !important;
}

.nav-dropdown-has-border .nav-dropdown {
	width: max-content;
	border: 2px solid var(--color-phu) !important;
}

.nav-dropdown.nav-dropdown-default>li>a {
	color: var(--color-black);
}

/* Mặc định trên Máy tính: Ẩn shortcode mobile đi */
.shop-mobile-only {
    display: none !important;
}

.mobile-nav .icon-menu:before {
	color: var(--color-phu);
}

/* Áp dụng trên Điện thoại (Mobile) dưới 767px */
@media (max-width: 767px) {
    .post-type-archive-product .page-title-inner,
    .tax-product_cat .page-title-inner {
        display: none !important;
    }
    
    .shop-mobile-only {
        display: block !important;
        margin-bottom: 20px;
    }
	
	.single-product .row-small .product-small.col, .tax-product_cat .row-small > .col {
		padding: 0 4.8px 9.6px !important;
	}
	
	.header-main .nav > li > a {
		font-size: 18px;
	}
	
	.an {
		margin-top: -30px;
	}
}