/*
 * DecorNow — CSS di trú từ snippet WPCode (loại (a) giao diện).
 * Enqueue qua mu-plugin wp-src/mu-plugins/dnv-flatsome-assets.php (guard theme = Flatsome).
 * Mỗi khối ghi rõ snippet ID nguồn. Giữ NGUYÊN nội dung bản gốc (trừ ghi chú).
 *
 * ⚠️ Nhiều selector bám markup/ID Flatsome (menu, tab .tabsanphamdcn, .bottom-contact,
 *    #wpforms-<id>) — SẼ VỠ khi đổi sang theme mới (decornow-theme). Xem CUTOVER-PLAN.md.
 */

/* ===== #27575 CSS Tab Footer — nav-pills/nav-box active (gradient cam) ===== */
.nav-pills>li>a {
	border-radius: 0px;
}
.nav-box>li.active>a, .nav-pills>li.active>a {
	background: linear-gradient(to right, #f48a35, #eb5810);
	color: #fff;
	opacity: 1;
}

/* ===== #27720 CSS MENU — dropdown desktop (GIỮ CHỜ REDESIGN: hardcode #menu-item-*) ===== */
.nav-dropdown .nav-dropdown-col > ul {
	z-index: 999;
}
.nav-dropdown > li.nav-dropdown-col {
	display: block;
}
.nav-dropdown {
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 0px;
	margin-top: 3.4px;
}
.nav-dropdown .nav-dropdown-col > a,
.nav-dropdown li a {
	font-weight: normal !important;
	text-transform: none !important;
	font-size: 15px;
	font-weight: 500;
	color: black;
}
.nav-dropdown .nav-dropdown-col > ul li:hover {
	background: #ff9933;
	border-radius: 0px;
}
.nav-dropdown-default > li:hover > a,
.nav-dropdown .nav-dropdown-col > ul li:hover > a {
	color: white;
}
.nav-dropdown-default > li:hover {
	background: #ff9933;
}
.nav-dropdown-default > li > a {
	border-bottom: 0 !important;
}
.nav-dropdown-has-arrow li.has-dropdown:before {
	border-width: 10px;
	margin-left: -10px;
}
.nav-dropdown .nav-dropdown-col > ul {
	margin-top: -40px;
	display: none;
	position: absolute;
	left: 100%;
	z-index: 9;
	background: white;
	min-width: 240px;
	border-radius: 6px;
}
.nav-dropdown > li.nav-dropdown-col {
	width: 100%;
	border-right: 0;
}
.nav-dropdown .nav-dropdown-col > ul li a {
	padding: 11.59px;
	text-transform: none;
	color: black;
}
.header-nav li.nav-dropdown-col:hover > ul {
	display: block !important;
}
.nav-dropdown .nav-dropdown-col {
	border-bottom: 1px solid #ddd;
}
.nav-dropdown-col > ul {
	border-bottom: 1px solid #ddd;
}
.nav-dropdown-col {
	border-bottom: 1px solid #ddd;
}
.nav-dropdown li {
	border-bottom: 1px solid #ddd;
}
.nav-dropdown .nav-dropdown-col:hover {
	background: #ff9933;
}
.nav-dropdown-default > li:hover > a,
.nav-dropdown .nav-dropdown-col:hover > a {
	color: white;
}
.menu-item:hover {
	background: #ff9933;
}
.nav li .menu-item:hover > a {
	color: white;
}
.nav-dropdown-has-border .nav-dropdown {
	border: 0px solid #ddd;
	border-radius: 0px;
}
@media (max-width: 768px) {
	.nav-dropdown .nav-dropdown-col.active > ul {
		display: block;
	}
	.nav-dropdown .nav-dropdown-col > ul li {
		border-bottom: 1px solid #ddd;
	}
	.header-nav li.nav-dropdown-col.active > ul {
		display: block !important;
	}
	.menu-item {
		background: none;
	}
	.menu-item:hover {
		background: none;
	}
	.nav li .menu-item:hover > a {
		color: #ff9933;
	}
}
.nav-dropdown .nav-dropdown-col.active > a,
.nav-dropdown .nav-dropdown-col.active > a:hover {
	background-color: #ff9933;
	color: #ffffff;
	font-weight: bold;
}
.header-vertical-menu .menu-item.active > a {
	background-color: #ff9933;
	color: #ffffff;
	font-weight: bold;
}
.header-vertical-menu .sub-menu .menu-item.active > a {
	background-color: #ff9933;
	color: #ffffff;
	font-weight: bold;
}
.header-vertical-menu .sub-menu .sub-menu .menu-item.active > a {
	background-color: #ff9933;
	color: #ffffff;
	font-weight: bold;
}
.nav-dropdown .nav-dropdown-col.active > a {
	border-bottom: 2px solid #ffffff;
}
.nav-dropdown .nav-dropdown-col > ul > li.active > a {
	border-bottom: 2px solid #ffffff;
}
.header-bottom-nav > li > a {
	line-height: 15px;
}
.nav-dropdown .nav-dropdown-col > a,
.nav-dropdown .sub-menu .nav-dropdown-col > a {
	position: relative;
}
.nav-dropdown .nav-dropdown-col > a::after,
.nav-dropdown .sub-menu .nav-dropdown-col > a::after {
	content: '';
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	border: solid black;
	border-width: 2px 2px 0 0;
	padding: 3px;
	transition: transform 0.3s ease, border-color 0.3s ease;
	border-color: black;
}
.nav-dropdown .nav-dropdown-col.active > a::after,
.nav-dropdown .sub-menu .nav-dropdown-col.active > a::after,
.nav-dropdown .nav-dropdown-col:hover > a::after {
	transform: translateX(5px) translateY(-50%) rotate(45deg);
	border-color: white;
}
#menu-item-28850 > a,
#menu-item-28049 > a,
#menu-item-28048 > a,
#menu-item-28068 > a,
#menu-item-39054 > a,
#menu-item-28091 > a {
	padding: 0px;
	line-height: 0px;
}
#menu-item-28850:hover,
#menu-item-28049:hover,
#menu-item-28048:hover,
#menu-item-28068:hover,
#menu-item-39054:hover,
#menu-item-28075:hover,
#menu-item-28091:hover {
	background: none;
	box-shadow: inset 0 -2px 0 0 #ffffff;
}
.nav-dropdown > li.nav-dropdown-col > a {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.nav-dropdown > li.nav-dropdown-col:hover > a {
	transform: translateY(-1.3px);
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.nav-dropdown li > a,
.nav-dropdown .sub-menu li > a {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.nav-dropdown li:hover > a,
.nav-dropdown .sub-menu li:hover > a {
	transform: translateY(-1.3px);
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.header-vertical-menu .menu-item:hover > a {
	transform: translateY(-1.3px);
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* ===== #27849 CSS Breadcrumb ===== */
.breadcrumbs {
	margin-top: 20px;
	margin-bottom: 0px;
	text-transform: capitalize;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.breadcrumbs a {
	color: #000000;
}
.breadcrumbs a:hover {
	color: #ff9933;
}
.breadcrumbs .hidden-crumbs {
	display: none;
}
.breadcrumbs.show-crumbs .hidden-crumbs {
	display: inline;
}
.breadcrumbs .breadcrumb-separator {
	display: none;
}
.breadcrumbs .show-more {
	cursor: pointer;
	color: #ff9933;
	margin: 0 5px;
}
.breadcrumbs .show-more:hover {
	color: #000000;
}
@media (max-width: 768px) {
	.woocommerce-breadcrumb {
		display: none;
	}
	.breadcrumbs {
		font-size: 14px;
		padding: 2px 8px;
		margin-top: 8px;
		margin-bottom: -8px;
		overflow-x: auto;
	}
	.breadcrumbs::-webkit-scrollbar {
		height: 6px;
	}
	.breadcrumbs::-webkit-scrollbar-track {
		background: #f1f1f1;
	}
	.breadcrumbs::-webkit-scrollbar-thumb {
		background: #888;
		border-radius: 10px;
	}
	.breadcrumbs::-webkit-scrollbar-thumb:hover {
		background: #555;
	}
	.breadcrumbs {
		scrollbar-width: thin;
		scrollbar-color: #ddd #f1f1f1;
	}
}
@media (max-width: 480px) {
	.woocommerce-breadcrumb {
		display: none;
	}
	.breadcrumbs {
		font-size: 14px;
		padding: 2px 8px;
		margin-top: 8px;
		margin-bottom: -8px;
		overflow-x: auto;
	}
	.breadcrumbs::-webkit-scrollbar {
		height: 6px;
	}
	.breadcrumbs::-webkit-scrollbar-track {
		background: #f1f1f1;
	}
	.breadcrumbs::-webkit-scrollbar-thumb {
		background: #888;
		border-radius: 10px;
	}
	.breadcrumbs::-webkit-scrollbar-thumb:hover {
		background: #555;
	}
	.breadcrumbs {
		scrollbar-width: thin;
		scrollbar-color: #ddd #f1f1f1;
	}
}
@media (min-width: 481px) and (max-width: 768px) {
	.woocommerce-breadcrumb {
		display: none;
	}
}

/* ===== #30485 Thay đổi nút xóa trong giỏ hàng (icon base64 inline) ===== */
.woocommerce a.remove,
.woocommerce-mini-cart a.remove{
	width: 30px;
	height: 22px;
	position: relative;
	transition: opacity 200ms;
	vertical-align: top;
	display: block;
	-webkit-appearance: none;
	background: none;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	text-indent: -9999px;
}
.woocommerce a.remove:before, .woocommerce a.remove:after,
.woocommerce-mini-cart a.remove:before, .woocommerce-mini-cart a.remove:after{
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAQAAACMnYaxAAAAXUlEQVR4XsWQQQrAQAgD84Pti/JSoaftN1MCdgXxXgYvGfUQyABE4DEIUJmeuKgVlJI5em0RGTesFXXZuLwCzvL2pYbHmfCTNSXxpyyajLGClFy7K1dgaaho7YYovIpO3rju6hYFAAAAAElFTkSuQmCC) 0 0 no-repeat;
	left: 8px;
	position: absolute;
	right: 8px;
	top: 2px;
	display: inline-block;
	content: '';
}
.woocommerce a.remove:before,
.woocommerce-mini-cart a.remove:before{
	height: 6px;
	transform-origin: -7% 100%;
	-moz-transform-origin: -7% 100%;
	-webkit-transform-origin: -7% 100%;
	transition: transform 150ms;
	-moz-transition: transform 150ms;
	-webkit-transition: transform 150ms;
	width: 14px;
}
.woocommerce a.remove:after,
.woocommerce-mini-cart a.remove:after{
	background-position: -1px -4px;
	height: 12px;
	margin-left: 1px;
	margin-right: 2px;
	margin-top: 4px;
	width: 11px;
}
.woocommerce a.remove:hover:before,
.woocommerce-mini-cart a.remove:hover:before
{
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transition: transform 250ms;
	-moz-transition: transform 250ms;
	-webkit-transition: transform 250ms;
}
.woocommerce a.remove:hover,
.woocommerce-mini-cart a.remove:hover {
	background: transparent;
}

/* ===== #30593 CSS Form login/logout (WooCommerce) ===== */
.woocommerce-form-login,
.woocommerce-form-register {
	border: 1px solid #d3d3d3;
	padding: 20px;
	border-radius: 4px;
	transition: box-shadow 0.3s ease;
}
.woocommerce-form-login:hover,
.woocommerce-form-register:hover {
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.woocommerce-form-login h3,
.woocommerce-form-register h3 {
	color: #ff9933;
}
.woocommerce-form-row input[type="text"],
.woocommerce-form-row input[type="email"],
.woocommerce-form-row input[type="password"] {
	border: 1px solid #d3d3d3;
	padding: 10px;
	border-radius: 4px;
	transition: border-color 0.3s ease;
}
.woocommerce-form-row input[type="text"]:focus,
.woocommerce-form-row input[type="email"]:focus,
.woocommerce-form-row input[type="password"]:focus {
	border-color: #ff9933;
	outline: none;
}
.woocommerce-button {
	background-color: #ff9933;
	border: none;
	border-radius: 4px;
	color: #fff;
	transition: background-color 0.3s ease;
}
.woocommerce-button:hover {
	background-color: #cc7a29;
}
.account-register-inner h3,
.account-login-inner h3 {
	color: #ff9933;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}
#reg_billing_phone {
	width: 100%;
	padding: 10px;
	border: 1px solid #d3d3d3;
	border-radius: 4px;
	transition: border-color 0.3s ease;
	font-size: 16px;
}
#reg_billing_phone:focus {
	border-color: #ff9933;
	outline: none;
}
.woocommerce-form-row label[for="reg_billing_phone"] {
	color: #333;
	font-weight: bold;
	display: block;
	margin-bottom: 8px;
	text-align: left;
}
#login-form-popup {
	border-radius: 4px;
}

/* ===== #31124 CSS Mobile Bottom Bar (đi cùng JS #31125) ===== */
.bottom-contact{display:none}
.bottom-contact {
	display: block !important;
	position: fixed !important;
	bottom: 0;
	background: white;
	width: 100%;
	z-index: 99;
	box-shadow: 2px 1px 9px #ff9933;
	border-top: 3px solid #ff9933;
}
.bottom-contact ul li {
	margin-bottom: 5px;
	width: 20%;
	float: left;
	list-style: none;
	text-align: center;
	font-size: 13.5px;
}
.bottom-contact ul li img {
	width: 30px;
	margin-top: 5px;
	margin-bottom: 3px;
	opacity: 0.6;
	transition: opacity 0.3s ease;
}
.bottom-contact ul li span {
	color: black;
	font-size: 12px;
	transition: color 0.3s ease;
}
.bottom-contact ul li:hover img,
.bottom-contact ul li:hover span,
.bottom-contact ul li.active img,
.bottom-contact ul li.active span {
	color: #ff9933;
	opacity: 1;
}
.bottom-contact ul li.active img,
.bottom-contact ul li.active span {
	color: #ff9933;
	opacity: 1;
}
@media (min-width: 769px) {
	.bottom-contact {
		display: none !important;
	}
}

/* ===== #32754 CSS Tab sản phẩm (.tabsanphamdcn — bản CHÍNH, KHÔNG phải Demo) ===== */
.tabsanphamdcn ul li a {
	padding: 0 10px;
	color: #000;
}
.tabsanphamdcn ul li.tab.has-icon {
	color: #000;
	background: #ffffff;
	padding: 2px 10px;
	margin: 0 0.7em 0.5em 0;
	cursor: pointer;
	border-radius: 4px;
	min-width: max-content;
	line-height: 1.8em;
	border: 1px solid #d3d3d3;
}
.tabsanphamdcn ul li.tab.active.has-icon {
	background: #ff9933 !important;
}
.tabsanphamdcn ul li.tab.active.has-icon a {
	color: #fff !important;
}
.tabsanphamdcn ul li.tab.has-icon a:hover {
	color: #fff;
}
.tabsanphamdcn ul li.tab.has-icon:hover {
	background-color: #ff9933;
}
@media (max-width: 768px) {
	.tabsanphamdcn {
		overflow: hidden;
	}
	.tabsanphamdcn .tab-panels {
		overflow: hidden;
	}
	.tabsanphamdcn ul {
		display: flex;
		flex-wrap: nowrap;
		padding: 0;
		margin: 0;
		overflow-x: auto;
		scroll-behavior: smooth;
		justify-content: flex-start;
	}
	.tabsanphamdcn ul li {
		flex: 0 0 auto;
		white-space: nowrap;
	}
	.tabsanphamdcn-title {
		position: relative;
		text-align: center;
		padding: 1em 0;
	}
	.tabsanphamdcn h4 {
		font-size: 1.2em;
	}
	.tabsanphamdcn .text-right {
		text-align: center;
	}
}
.tabsanphamdcn ul li.tab.has-icon,
.tabsanphamdcn ul li.tab.active.has-icon,
.tabsanphamdcn ul li.tab.has-icon a,
.tabsanphamdcn ul li.tab.active.has-icon a {
	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

/* ===== #32937 CSS FORM tại trang đại lý & liên hệ (phụ thuộc ID WPForms #28691/#28026) ===== */
/* CSS FORM TUYỂN ĐẠI LÝ */
#wpforms-28691 .wpforms-form {
	background-color: #ffffff !important;
	padding: 30px 30px !important;
	border: 2px solid #ff9933 !important;
	border-radius: 5px !important;
}
.wpforms-form input[type=submit],
.wpforms-form button[type=submit] {
	background-color: #ff9300 !important;
	border-radius: 5px !important;
}
.wpforms-container input[type=date], .wpforms-container input[type=datetime], .wpforms-container input[type=datetime-local], .wpforms-container input[type=email], .wpforms-container input[type=month], .wpforms-container input[type=number], .wpforms-container input[type=password], .wpforms-container input[type=range], .wpforms-container input[type=search], .wpforms-container input[type=tel], .wpforms-container input[type=text], .wpforms-container input[type=time], .wpforms-container input[type=url], .wpforms-container input[type=week], .wpforms-container select, .wpforms-container textarea {
	border-radius: 5px !important;
}
/* CSS FORM LIÊN HỆ */
#wpforms-28026 .wpforms-form {
	background-color: #ffffff !important;
	padding: 30px 30px !important;
	border: 2px solid #ff9933 !important;
	border-radius: 5px !important;
}

/* ===== #32939 CSS THÔNG BÁO ĐẶT HÀNG THÀNH CÔNG =====
 * Bản snippet gốc lỗi selector (thiếu dấu "." nối class) nên NO-OP từ trước
 * tới nay. 12/07: user chốt BẬT bản sửa đúng (QĐ #3 cutover) — thông báo
 * "đặt hàng thành công" trang cảm ơn đổi màu cam.
 */
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
	color: #ff9933;
}

/* ===== #32940 CSS GIÁ SẢN PHẨM ===== */
span.amount {
	color: #ff9933;
}
.price {
	color: #ff9933;
}

/* ===== #32941 CSS H3 TIÊU ĐỀ SẢN PHẨM (loop) ===== */
.woocommerce-loop-product__title {
	font-size: 15px;
	font-weight: 500;
}
@media (max-width: 768px) {
	.woocommerce-loop-product__title {
		font-size: 13px;
		font-weight: 500;
	}
}

/* ===== #32956 CSS Cho button xem thêm (.custom-btn responsive) ===== */
@media (max-width: 768px) {
	.custom-btn {
		padding: 8px 16px;
		font-size: 14px;
	}
}
@media (max-width: 480px) {
	.custom-btn {
		padding: 6px 12px;
		font-size: 12px;
		border-radius: 4px;
	}
}