/**
 * TND / Nadigi Menu - Complete Signature Styles
 * Phát triển độc quyền cho Nadigi Addons for Elementor
 * Author: Trong Nhan Digital (https://trongnhandigital.com/)
 * 
 * Khóa cứng tiêu chuẩn & Tính năng cao cấp:
 * 1. Desktop:
 *    - Căn chỉnh động: Trái - Giữa - Phải - Canh đều (Justified)
 *    - Gạch chân động: Bám BẰNG CHÍNH XÁC độ dài chữ (không thừa padding, không thừa mũi tên)
 *    - Tùy chỉnh độ dày đường line & khoảng cách từ chữ xuống line ngay tại Tab Nội dung
 *    - Mũi tên Caret Down chuẩn WordPress Menu bản gốc, xoay 180deg từ CHÍNH TÂM (50% 50%)
 * 2. Mobile/Tablet (<= 1024px):
 *    - Nút Hamburger 24x24 căn trái với 3 vạch bất đối xứng (vạch cuối 16px) biến hình thành X
 *    - Accordion: Click text chuyển trang, click mũi tên/khoảng trống mở menu con
 */

:root {
	--tnd-menu-accent: #ff4800;
	--tnd-menu-text: #1e293b;
	--tnd-menu-text-hover: #ff4800;
	--tnd-menu-item-gap: 24px;
	--tnd-underline-thickness: 2px;
	--tnd-underline-distance: 4px;
	--tnd-indicator-size: 14px;
	--tnd-indicator-spacing: 8px;
	--tnd-indicator-color: currentColor;
	--tnd-indicator-color-hover: var(--tnd-menu-text-hover, #ff4800);
	--tnd-hamburger-color: #000000;
	--tnd-hamburger-active: #ff4800;
	--tnd-submenu-distance: 15px;
	--tnd-submenu-item-spacing: 8px;
	--tnd-submenu-bg: rgba(255, 255, 255, 0.78);
	--tnd-submenu-hover-color: #ff4800;
	--tnd-submenu-blur: 10px;
	--tnd-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* ==========================================================================
   1. RESET & HAMBURGER BUTTON (24x24 ASYMMETRIC MORPHING TO X)
   ========================================================================== */

/* 1. Xóa bỏ hoàn toàn khung xám, padding, viền mặc định của Elementor */
.elementor-widget-nadigi-menu .elementor-menu-toggle,
.tnd-menu .elementor-menu-toggle {
	position: relative !important;
	display: block !important;
	width: 24px !important;
	height: 24px !important;
	min-width: 24px !important;
	max-width: 24px !important;
	padding: 0 !important;
	cursor: pointer !important;
	border: none !important;
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	transition: all 0.3s ease !important;
	box-sizing: border-box !important;
	margin-right: auto;
	margin-left: 0;
	font-size: 0 !important;
	line-height: 0 !important;
	outline: none !important;
}

/* 2. Ẩn triệt để icon font, SVG và screen-only bên trong toggle */
.elementor-widget-nadigi-menu .elementor-menu-toggle i,
.elementor-widget-nadigi-menu .elementor-menu-toggle svg,
.elementor-widget-nadigi-menu .elementor-menu-toggle .elementor-screen-only,
.elementor-widget-nadigi-menu .elementor-menu-toggle__icon--open,
.elementor-widget-nadigi-menu .elementor-menu-toggle__icon--close,
.tnd-menu .elementor-menu-toggle i,
.tnd-menu .elementor-menu-toggle svg,
.tnd-menu .elementor-menu-toggle .elementor-screen-only,
.tnd-menu .elementor-menu-toggle__icon--open,
.tnd-menu .elementor-menu-toggle__icon--close {
	display: none !important;
}

/* 3. Cấu hình 3 đường kẻ chuẩn TND (độ dày 3px, bo góc 3px) */
.elementor-widget-nadigi-menu .elementor-menu-toggle:before,
.elementor-widget-nadigi-menu .elementor-menu-toggle:after,
.tnd-menu .elementor-menu-toggle:before,
.tnd-menu .elementor-menu-toggle:after {
	content: '' !important;
	position: absolute !important;
	height: 3px !important;
	border-radius: 3px !important;
	background-color: var(--tnd-hamburger-color, #000000) !important;
	left: 50% !important;
	transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
	            top 0.35s ease,
	            width 0.35s ease,
	            margin-left 0.35s ease,
	            background-color 0.25s ease !important;
}

/* Vạch trên (24px) & Vạch giữa (box-shadow cách 8px) - CHỈ CÓ BOX SHADOW KHI KHÔNG ACTIVE */
.elementor-widget-nadigi-menu .elementor-menu-toggle:not(.elementor-active):before,
.tnd-menu .elementor-menu-toggle:not(.elementor-active):before {
	top: 2.5px !important;
	width: 24px !important;
	margin-left: -12px !important;
	box-shadow: 0 8px 0 0 var(--tnd-hamburger-color, #000000) !important;
	-webkit-box-shadow: 0 8px 0 0 var(--tnd-hamburger-color, #000000) !important;
}

/* Vạch dưới cùng: Ngắn hơn (16px) tạo điểm nhấn bất đối xứng đặc trưng:
   - Căn trái (mặc định): margin-left: -12px (thanh cuối thục ngắn bên phải)
   - Căn phải: margin-left: -4px (cả 3 thanh căn phải, thanh cuối thục ngắn bên trái) */
.elementor-widget-nadigi-menu .elementor-menu-toggle:not(.elementor-active):after,
.tnd-menu .elementor-menu-toggle:not(.elementor-active):after {
	top: 18.5px !important;
	width: 16px !important;
	margin-left: var(--tnd-hum-bottom-offset, -12px) !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

/* Hỗ trợ thêm cho class khi nút HUM chọn Căn phải */
.elementor-widget-nadigi-menu.tnd-hum-align-right .elementor-menu-toggle:not(.elementor-active):after,
.elementor-widget-nadigi-menu.tnd-hum-align-tablet-right .elementor-menu-toggle:not(.elementor-active):after,
.elementor-widget-nadigi-menu.tnd-hum-align-mobile-right .elementor-menu-toggle:not(.elementor-active):after,
.tnd-menu.tnd-hum-align-right .elementor-menu-toggle:not(.elementor-active):after,
.tnd-menu.tnd-hum-align-tablet-right .elementor-menu-toggle:not(.elementor-active):after,
.tnd-menu.tnd-hum-align-mobile-right .elementor-menu-toggle:not(.elementor-active):after {
	margin-left: -4px !important;
}

/* Trạng thái Active: Biến hình mượt mà thành dấu X 24x24 cân đối, TRIỆT TIÊU 100% BOX-SHADOW */
.elementor-widget-nadigi-menu .elementor-menu-toggle.elementor-active:before,
.tnd-menu .elementor-menu-toggle.elementor-active:before {
	top: 50% !important;
	margin-top: -1.5px !important;
	width: 24px !important;
	margin-left: -12px !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	transform: rotate(45deg) !important;
	background-color: var(--tnd-hamburger-active, var(--tnd-menu-accent, #ff4800)) !important;
}

.elementor-widget-nadigi-menu .elementor-menu-toggle.elementor-active:after,
.tnd-menu .elementor-menu-toggle.elementor-active:after {
	top: 50% !important;
	margin-top: -1.5px !important;
	width: 24px !important;
	margin-left: -12px !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	transform: rotate(-45deg) !important;
	background-color: var(--tnd-hamburger-active, var(--tnd-menu-accent, #ff4800)) !important;
}


/* ==========================================================================
   2. DESKTOP STYLES (> 1024px)
   ========================================================================== */
@media (min-width: 1025px) {
	/* KHÔNG BAO GIỜ HIỂN THỊ TOGGLE HOẶC DROPDOWN CONTAINER TRÊN DESKTOP */
	.elementor-widget-nadigi-menu .elementor-menu-toggle,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--dropdown,
	.tnd-menu .elementor-menu-toggle,
	.tnd-menu nav.elementor-nav-menu--dropdown {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		height: 0 !important;
		overflow: hidden !important;
		pointer-events: none !important;
	}

	/* Menu chính ngang hiển thị linh hoạt */
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main,
	.tnd-menu nav.elementor-nav-menu--main {
		display: flex !important;
		align-items: center !important;
		width: 100% !important;
		visibility: visible !important;
		opacity: 1 !important;
		height: auto !important;
	}

	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .elementor-nav-menu,
	.tnd-menu nav.elementor-nav-menu--main .elementor-nav-menu {
		display: flex !important;
		align-items: center !important;
		padding: 0 !important;
		margin: 0 !important;
		list-style: none !important;
		flex-wrap: wrap !important;
		gap: var(--tnd-menu-item-gap, 24px) !important;
	}

	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .elementor-nav-menu > li,
	.tnd-menu nav.elementor-nav-menu--main .elementor-nav-menu > li {
		margin: 0 !important;
		padding: 0 !important;
	}

	/* Triệt tiêu hoàn toàn vạch kẻ dọc (divider) mặc định của Elementor trên Desktop menu */
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .elementor-nav-menu > li:after,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .elementor-nav-menu > li::after,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .elementor-nav-menu > li:before,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .elementor-nav-menu > li::before,
	.tnd-menu nav.elementor-nav-menu--main .elementor-nav-menu > li:after,
	.tnd-menu nav.elementor-nav-menu--main .elementor-nav-menu > li::after,
	.tnd-menu nav.elementor-nav-menu--main .elementor-nav-menu > li:before,
	.tnd-menu nav.elementor-nav-menu--main .elementor-nav-menu > li::before {
		border: none !important;
		border-left: none !important;
		border-right: none !important;
		outline: none !important;
		box-shadow: none !important;
	}

	/* ==========================================================================
	   CĂN CHỈNH MENU TRÊN MÁY TÍNH (DESKTOP)
	   ========================================================================== */
	/* 1. Mặc định / Căn giữa */
	.elementor-widget-nadigi-menu.elementor-nav-menu__align-center nav.elementor-nav-menu--main,
	.tnd-menu.elementor-nav-menu__align-center nav.elementor-nav-menu--main,
	.elementor-nav-menu__align-center nav.elementor-nav-menu--main,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main,
	.tnd-menu nav.elementor-nav-menu--main {
		justify-content: center !important;
	}

	.elementor-widget-nadigi-menu.elementor-nav-menu__align-center nav.elementor-nav-menu--main .elementor-nav-menu,
	.tnd-menu.elementor-nav-menu__align-center nav.elementor-nav-menu--main .elementor-nav-menu,
	.elementor-nav-menu__align-center nav.elementor-nav-menu--main .elementor-nav-menu,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .elementor-nav-menu,
	.tnd-menu nav.elementor-nav-menu--main .elementor-nav-menu {
		justify-content: center !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	/* 2. Căn trái */
	.elementor-widget-nadigi-menu.elementor-nav-menu__align-left nav.elementor-nav-menu--main,
	.tnd-menu.elementor-nav-menu__align-left nav.elementor-nav-menu--main,
	.elementor-nav-menu__align-left nav.elementor-nav-menu--main,
	.elementor-widget-nadigi-menu.elementor-nav-menu__align-start nav.elementor-nav-menu--main,
	.tnd-menu.elementor-nav-menu__align-start nav.elementor-nav-menu--main,
	.elementor-nav-menu__align-start nav.elementor-nav-menu--main {
		justify-content: flex-start !important;
	}

	.elementor-widget-nadigi-menu.elementor-nav-menu__align-left nav.elementor-nav-menu--main .elementor-nav-menu,
	.tnd-menu.elementor-nav-menu__align-left nav.elementor-nav-menu--main .elementor-nav-menu,
	.elementor-nav-menu__align-left nav.elementor-nav-menu--main .elementor-nav-menu,
	.elementor-widget-nadigi-menu.elementor-nav-menu__align-start nav.elementor-nav-menu--main .elementor-nav-menu,
	.tnd-menu.elementor-nav-menu__align-start nav.elementor-nav-menu--main .elementor-nav-menu,
	.elementor-nav-menu__align-start nav.elementor-nav-menu--main .elementor-nav-menu {
		justify-content: flex-start !important;
		margin-left: 0 !important;
		margin-right: auto !important;
	}

	/* 3. Căn phải */
	.elementor-widget-nadigi-menu.elementor-nav-menu__align-right nav.elementor-nav-menu--main,
	.tnd-menu.elementor-nav-menu__align-right nav.elementor-nav-menu--main,
	.elementor-nav-menu__align-right nav.elementor-nav-menu--main,
	.elementor-widget-nadigi-menu.elementor-nav-menu__align-end nav.elementor-nav-menu--main,
	.tnd-menu.elementor-nav-menu__align-end nav.elementor-nav-menu--main,
	.elementor-nav-menu__align-end nav.elementor-nav-menu--main {
		justify-content: flex-end !important;
	}

	.elementor-widget-nadigi-menu.elementor-nav-menu__align-right nav.elementor-nav-menu--main .elementor-nav-menu,
	.tnd-menu.elementor-nav-menu__align-right nav.elementor-nav-menu--main .elementor-nav-menu,
	.elementor-nav-menu__align-right nav.elementor-nav-menu--main .elementor-nav-menu,
	.elementor-widget-nadigi-menu.elementor-nav-menu__align-end nav.elementor-nav-menu--main .elementor-nav-menu,
	.tnd-menu.elementor-nav-menu__align-end nav.elementor-nav-menu--main .elementor-nav-menu,
	.elementor-nav-menu__align-end nav.elementor-nav-menu--main .elementor-nav-menu {
		justify-content: flex-end !important;
		margin-left: auto !important;
		margin-right: 0 !important;
	}

	/* 4. Canh đều (Justified) */
	.elementor-widget-nadigi-menu.elementor-nav-menu__align-justify nav.elementor-nav-menu--main,
	.tnd-menu.elementor-nav-menu__align-justify nav.elementor-nav-menu--main,
	.elementor-nav-menu__align-justify nav.elementor-nav-menu--main {
		width: 100% !important;
		justify-content: stretch !important;
	}

	.elementor-widget-nadigi-menu.elementor-nav-menu__align-justify nav.elementor-nav-menu--main .elementor-nav-menu,
	.tnd-menu.elementor-nav-menu__align-justify nav.elementor-nav-menu--main .elementor-nav-menu,
	.elementor-nav-menu__align-justify nav.elementor-nav-menu--main .elementor-nav-menu {
		width: 100% !important;
		justify-content: space-between !important;
		gap: 0 !important;
		margin: 0 !important;
	}

	.elementor-widget-nadigi-menu.elementor-nav-menu__align-justify nav.elementor-nav-menu--main .elementor-nav-menu > li,
	.elementor-nav-menu__align-justify nav.elementor-nav-menu--main .elementor-nav-menu > li {
		flex-grow: 1 !important;
		display: flex !important;
		justify-content: center !important;
	}

	.elementor-widget-nadigi-menu.elementor-nav-menu__align-justify nav.elementor-nav-menu--main .elementor-nav-menu > li > a,
	.elementor-nav-menu__align-justify nav.elementor-nav-menu--main .elementor-nav-menu > li > a {
		width: 100% !important;
		justify-content: center !important;
	}

	/* ==========================================================================
	   ITEMS & ĐƯỜNG GẠCH CHÂN BÁM CHÍNH XÁC ĐỘ DÀI CỦA CHỮ
	   ========================================================================== */
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .menu-item,
	.tnd-menu nav.elementor-nav-menu--main .menu-item {
		position: relative !important;
	}

	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .menu-item > .elementor-item,
	.tnd-menu nav.elementor-nav-menu--main .menu-item > .elementor-item {
		position: relative !important;
		display: inline-flex !important;
		align-items: center !important;
		text-decoration: none !important;
		transition: color 0.3s ease !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		font-family: var(--e-global-typography-primary-font-family, inherit);
		font-weight: var(--e-global-typography-primary-font-weight, 600);
	}

	/* Ẩn triệt để gạch chân cũ gắn trên a.elementor-item */
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .menu-item > .elementor-item::before,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .menu-item > .elementor-item::after,
	.tnd-menu nav.elementor-nav-menu--main .menu-item > .elementor-item::before,
	.tnd-menu nav.elementor-nav-menu--main .menu-item > .elementor-item::after {
		display: none !important;
		content: none !important;
	}

	/* Khung định vị cho đường gạch chân: Bao bọc Chữ (+ Mũi tên nếu có submenu) */
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .tnd-item-inner,
	.tnd-menu nav.elementor-nav-menu--main .tnd-item-inner {
		position: relative !important;
		display: inline-flex !important;
		align-items: center !important;
		vertical-align: middle !important;
	}

	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .tnd-exact-text,
	.tnd-menu nav.elementor-nav-menu--main .tnd-exact-text {
		position: relative !important;
		display: inline-block !important;
		vertical-align: middle !important;
	}

	/* Đảm bảo toàn bộ chữ và khung bọc thừa kế độ dày font chính xác giữa editor và frontend */
	.elementor-widget-nadigi-menu .tnd-item-inner,
	.elementor-widget-nadigi-menu .tnd-exact-text,
	.tnd-menu .tnd-item-inner,
	.tnd-menu .tnd-exact-text {
		font-family: inherit !important;
		font-weight: inherit !important;
		font-size: inherit !important;
		line-height: inherit !important;
		letter-spacing: inherit !important;
		text-transform: inherit !important;
	}

	/* Đường line gạch chân thuần CSS: Dài qua cả icon mũi tên nếu có submenu, hoặc bằng độ dài text nếu không có submenu */
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .tnd-item-inner::before,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main a:not(:has(.tnd-item-inner)) .tnd-exact-text::before,
	.tnd-menu nav.elementor-nav-menu--main .tnd-item-inner::before,
	.tnd-menu nav.elementor-nav-menu--main a:not(:has(.tnd-item-inner)) .tnd-exact-text::before {
		content: "" !important;
		position: absolute !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		bottom: calc(-1 * var(--tnd-underline-distance, 4px)) !important;
		height: var(--tnd-underline-thickness, 2px) !important;
		border-radius: 50px !important;
		background-color: var(--tnd-menu-accent, #ff4800) !important;
		transform: scaleX(0) !important;
		transform-origin: left !important;
		transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
		pointer-events: none !important;
	}

	/* Hiệu ứng gạch dưới: CHỈ KÍCH HOẠT KHI HOVER (Bỏ hoàn toàn trạng thái active trên máy tính theo yêu cầu) */
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .menu-item:hover > .elementor-item .tnd-item-inner::before,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .menu-item:hover > .elementor-item .tnd-exact-text::before,
	.tnd-menu nav.elementor-nav-menu--main .menu-item:hover > .elementor-item .tnd-item-inner::before,
	.tnd-menu nav.elementor-nav-menu--main .menu-item:hover > .elementor-item .tnd-exact-text::before {
		transform: scaleX(1) !important;
	}

	/* Đảm bảo khi không di chuột, mục trang hiện tại (active) giữ nguyên màu chữ bình thường và đường gạch chân ẩn hoàn toàn */
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .elementor-item.elementor-item-active,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .elementor-item.highlighted:not(:hover),
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .elementor-item:active:not(:hover),
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .elementor-item:focus:not(:hover),
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .menu-item.current-menu-item:not(:hover) > .elementor-item,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .menu-item.current-menu-ancestor:not(:hover) > .elementor-item,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .menu-item.current_page_item:not(:hover) > .elementor-item,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .menu-item.current_page_ancestor:not(:hover) > .elementor-item,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .menu-item.current-menu-parent:not(:hover) > .elementor-item,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .menu-item.current_page_parent:not(:hover) > .elementor-item,
	.elementor-widget-nadigi-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
	.elementor-widget-nadigi-menu .elementor-nav-menu--main .elementor-item.highlighted:not(:hover),
	.elementor-widget-nadigi-menu .elementor-nav-menu--main .elementor-item:active:not(:hover),
	.elementor-widget-nadigi-menu .elementor-nav-menu--main .elementor-item:focus:not(:hover),
	.elementor-widget-nadigi-menu .elementor-nav-menu--main .menu-item.current-menu-item:not(:hover) > .elementor-item,
	.elementor-widget-nadigi-menu .elementor-nav-menu--main .menu-item.current-menu-ancestor:not(:hover) > .elementor-item,
	.elementor-widget-nadigi-menu .elementor-nav-menu--main .menu-item.current_page_item:not(:hover) > .elementor-item,
	.tnd-menu nav.elementor-nav-menu--main .elementor-item.elementor-item-active,
	.tnd-menu nav.elementor-nav-menu--main .elementor-item.highlighted:not(:hover),
	.tnd-menu nav.elementor-nav-menu--main .elementor-item:active:not(:hover),
	.tnd-menu nav.elementor-nav-menu--main .elementor-item:focus:not(:hover),
	.tnd-menu nav.elementor-nav-menu--main .menu-item.current-menu-item:not(:hover) > .elementor-item,
	.tnd-menu nav.elementor-nav-menu--main .menu-item.current-menu-ancestor:not(:hover) > .elementor-item,
	.tnd-menu nav.elementor-nav-menu--main .menu-item.current_page_item:not(:hover) > .elementor-item,
	.tnd-menu nav.elementor-nav-menu--main .menu-item.current_page_ancestor:not(:hover) > .elementor-item,
	.tnd-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
	.tnd-menu .elementor-nav-menu--main .elementor-item.highlighted:not(:hover) {
		color: var(--tnd-menu-text, #1e293b) !important;
	}

	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .elementor-item.elementor-item-active .tnd-item-inner::before,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .elementor-item.elementor-item-active .tnd-exact-text::before,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .elementor-item.highlighted:not(:hover) .tnd-item-inner::before,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .elementor-item.highlighted:not(:hover) .tnd-exact-text::before,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .menu-item.current-menu-item:not(:hover) > .elementor-item .tnd-item-inner::before,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .menu-item.current-menu-item:not(:hover) > .elementor-item .tnd-exact-text::before,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .menu-item.current-menu-ancestor:not(:hover) > .elementor-item .tnd-item-inner::before,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .menu-item.current-menu-ancestor:not(:hover) > .elementor-item .tnd-exact-text::before,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .menu-item.current_page_item:not(:hover) > .elementor-item .tnd-item-inner::before,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .menu-item.current_page_item:not(:hover) > .elementor-item .tnd-exact-text::before,
	.elementor-widget-nadigi-menu .elementor-nav-menu--main .elementor-item.elementor-item-active .tnd-item-inner::before,
	.elementor-widget-nadigi-menu .elementor-nav-menu--main .elementor-item.elementor-item-active .tnd-exact-text::before,
	.elementor-widget-nadigi-menu .elementor-nav-menu--main .elementor-item.highlighted:not(:hover) .tnd-item-inner::before,
	.elementor-widget-nadigi-menu .elementor-nav-menu--main .elementor-item.highlighted:not(:hover) .tnd-exact-text::before,
	.tnd-menu nav.elementor-nav-menu--main .elementor-item.elementor-item-active .tnd-item-inner::before,
	.tnd-menu nav.elementor-nav-menu--main .elementor-item.elementor-item-active .tnd-exact-text::before,
	.tnd-menu nav.elementor-nav-menu--main .elementor-item.highlighted:not(:hover) .tnd-item-inner::before,
	.tnd-menu nav.elementor-nav-menu--main .elementor-item.highlighted:not(:hover) .tnd-exact-text::before,
	.tnd-menu nav.elementor-nav-menu--main .menu-item.current-menu-item:not(:hover) > .elementor-item .tnd-item-inner::before,
	.tnd-menu nav.elementor-nav-menu--main .menu-item.current-menu-item:not(:hover) > .elementor-item .tnd-exact-text::before,
	.tnd-menu nav.elementor-nav-menu--main .menu-item.current-menu-ancestor:not(:hover) > .elementor-item .tnd-item-inner::before,
	.tnd-menu nav.elementor-nav-menu--main .menu-item.current-menu-ancestor:not(:hover) > .elementor-item .tnd-exact-text::before,
	.tnd-menu nav.elementor-nav-menu--main .menu-item.current_page_item:not(:hover) > .elementor-item .tnd-item-inner::before,
	.tnd-menu nav.elementor-nav-menu--main .menu-item.current_page_item:not(:hover) > .elementor-item .tnd-exact-text::before,
	.tnd-menu .elementor-nav-menu--main .elementor-item.elementor-item-active .tnd-item-inner::before,
	.tnd-menu .elementor-nav-menu--main .elementor-item.elementor-item-active .tnd-exact-text::before {
		transform: scaleX(0) !important;
	}

	/* ==========================================================================
	   MŨI TÊN SUBMENU INDICATOR (XOAY CHUẨN XÁC TỪ TRUNG TÂM)
	   ========================================================================== */
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-arrow,
	.tnd-menu nav.elementor-nav-menu--main .sub-arrow {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: var(--tnd-indicator-size, 14px) !important;
		height: var(--tnd-indicator-size, 14px) !important;
		margin-left: var(--tnd-indicator-spacing, 8px) !important;
		padding: 0 !important;
		vertical-align: middle !important;
		position: relative !important;
		transform-origin: 50% 50% !important;
		transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.25s ease, fill 0.25s ease !important;
		color: var(--tnd-indicator-color, currentColor) !important;
		fill: currentColor !important;
		flex-shrink: 0 !important;
	}

	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-arrow svg,
	.tnd-menu nav.elementor-nav-menu--main .sub-arrow svg,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-arrow i,
	.tnd-menu nav.elementor-nav-menu--main .sub-arrow i {
		display: block !important;
		width: var(--tnd-indicator-size, 14px) !important;
		height: var(--tnd-indicator-size, 14px) !important;
		font-size: var(--tnd-indicator-size, 14px) !important;
		line-height: 1 !important;
		text-align: center !important;
		margin: 0 !important;
		padding: 0 !important;
		transform-origin: 50% 50% !important;
		fill: currentColor !important;
		color: inherit !important;
	}

	/* Mũi tên khi không hover: luôn hướng xuống 0deg và dùng màu chữ bình thường của menu */
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-arrow,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .elementor-item:not(:hover) .sub-arrow,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .menu-item:not(:hover) > a .sub-arrow,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .elementor-item.elementor-item-active:not(:hover) .sub-arrow,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .elementor-item.highlighted:not(:hover) .sub-arrow,
	.elementor-widget-nadigi-menu .elementor-nav-menu--main .sub-arrow,
	.elementor-widget-nadigi-menu .elementor-nav-menu--main .elementor-item:not(:hover) .sub-arrow,
	.tnd-menu nav.elementor-nav-menu--main .sub-arrow,
	.tnd-menu nav.elementor-nav-menu--main .elementor-item:not(:hover) .sub-arrow,
	.tnd-menu nav.elementor-nav-menu--main .menu-item:not(:hover) > a .sub-arrow,
	.tnd-menu nav.elementor-nav-menu--main .elementor-item.elementor-item-active:not(:hover) .sub-arrow,
	.tnd-menu nav.elementor-nav-menu--main .elementor-item.highlighted:not(:hover) .sub-arrow {
		transform: rotate(0deg) !important;
		color: var(--tnd-indicator-color, currentColor) !important;
		fill: var(--tnd-indicator-color, currentColor) !important;
	}

	/* Đồng bộ cả cụm Menu chính: Khi hover vào menu-item hoặc elementor-item thì CẢ chữ và mũi tên cùng đổi màu và xoay đồng thời */
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .menu-item-has-children:hover > a,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .menu-item:hover > .elementor-item,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .elementor-item:hover,
	.tnd-menu nav.elementor-nav-menu--main .menu-item-has-children:hover > a,
	.tnd-menu nav.elementor-nav-menu--main .menu-item:hover > .elementor-item,
	.tnd-menu nav.elementor-nav-menu--main .elementor-item:hover {
		color: var(--tnd-menu-text-hover, var(--tnd-menu-accent, #ff4800)) !important;
	}

	/* Xoay từ chính giữa tâm 50% 50% và bắt màu theo màu chữ khi hover */
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .menu-item-has-children:hover > a .sub-arrow,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .elementor-item:hover .sub-arrow,
	.tnd-menu nav.elementor-nav-menu--main .menu-item-has-children:hover > a .sub-arrow,
	.tnd-menu nav.elementor-nav-menu--main .elementor-item:hover .sub-arrow {
		transform: rotate(180deg) !important;
		color: var(--tnd-indicator-color-hover, var(--tnd-menu-text-hover, #ff4800)) !important;
		fill: var(--tnd-indicator-color-hover, var(--tnd-menu-text-hover, #ff4800)) !important;
	}

	/* ==========================================================================
	   SUBMENU DROPDOWN GLASSMORPHISM TRÊN DESKTOP
	   ========================================================================== */
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main ul.sub-menu,
	.elementor-widget-nadigi-menu .elementor-nav-menu--main ul.sub-menu,
	.tnd-menu nav.elementor-nav-menu--main ul.sub-menu,
	.tnd-menu .elementor-nav-menu--main ul.sub-menu,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-menu,
	.tnd-menu nav.elementor-nav-menu--main .sub-menu {
		display: block !important;
		opacity: 0 !important;
		visibility: hidden !important;
		position: absolute !important;
		top: calc(100% + var(--tnd-submenu-distance, 15px)) !important;
		left: 0 !important;
		margin: 0 !important;
		padding: 10px 18px !important;
		min-width: 210px !important;
		background: var(--tnd-submenu-bg, rgba(255, 255, 255, 0.78)) !important;
		backdrop-filter: blur(var(--tnd-submenu-blur, 10px)) saturate(160%) !important;
		-webkit-backdrop-filter: blur(var(--tnd-submenu-blur, 10px)) saturate(160%) !important;
		background-clip: padding-box !important;
		border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
		border: 1px solid rgba(255, 255, 255, 0.5) !important;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
		transform: translateY(6px) !important;
		pointer-events: none !important;
		z-index: 9999 !important;
		list-style: none !important;
		transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease !important;
		transition-delay: 0.15s !important;
	}

	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .menu-item-has-children:hover > ul.sub-menu,
	.elementor-widget-nadigi-menu .elementor-nav-menu--main .menu-item-has-children:hover > ul.sub-menu,
	.tnd-menu nav.elementor-nav-menu--main .menu-item-has-children:hover > ul.sub-menu,
	.tnd-menu .elementor-nav-menu--main .menu-item-has-children:hover > ul.sub-menu {
		opacity: 1 !important;
		visibility: visible !important;
		transform: translateY(0) !important;
		pointer-events: auto !important;
		transition-delay: 0s !important;
	}

	/* Cầu nối rê chuột 1 (Hover bridge từ LI xuống): Duy trì hover khi di chuyển chuột qua khoảng cách bất kỳ - TRIỆT TIÊU 100% VIỀN ĐEN */
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .menu-item-has-children:hover::after,
	.tnd-menu nav.elementor-nav-menu--main .menu-item-has-children:hover::after {
		content: '' !important;
		display: block !important;
		position: absolute !important;
		left: 0 !important;
		top: 100% !important;
		width: 100% !important;
		min-width: 260px !important;
		height: calc(var(--tnd-submenu-distance, 15px) + 25px) !important;
		background: transparent !important;
		border: none !important;
		border-left: none !important;
		border-right: none !important;
		border-top: none !important;
		border-bottom: none !important;
		outline: none !important;
		box-shadow: none !important;
		z-index: 9998 !important;
		pointer-events: auto !important;
	}

	/* Cầu nối rê chuột 2 (Hover bridge từ Submenu ngược lên): Đảm bảo giao thoa không đứt đoạn - TRIỆT TIÊU 100% VIỀN ĐEN */
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main ul.sub-menu::before,
	.tnd-menu nav.elementor-nav-menu--main ul.sub-menu::before {
		content: '' !important;
		display: block !important;
		position: absolute !important;
		top: calc(-1 * (var(--tnd-submenu-distance, 15px) + 12px)) !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		height: calc(var(--tnd-submenu-distance, 15px) + 20px) !important;
		background: transparent !important;
		border: none !important;
		border-left: none !important;
		border-right: none !important;
		border-top: none !important;
		border-bottom: none !important;
		outline: none !important;
		box-shadow: none !important;
		z-index: 9998 !important;
		pointer-events: auto !important;
	}

	/* Submenu cấp 2 (Nested dropdown) sang phải */
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main ul.sub-menu ul.sub-menu,
	.tnd-menu nav.elementor-nav-menu--main ul.sub-menu ul.sub-menu {
		top: -10px !important;
		left: calc(100% + 8px) !important;
		margin: 0 !important;
	}

	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main ul.sub-menu .menu-item-has-children:hover::after,
	.tnd-menu nav.elementor-nav-menu--main ul.sub-menu .menu-item-has-children:hover::after {
		top: 0 !important;
		bottom: auto !important;
		right: -15px !important;
		left: auto !important;
		width: 20px !important;
		height: 100% !important;
		min-width: 20px !important;
	}

	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main ul.sub-menu ul.sub-menu::before,
	.tnd-menu nav.elementor-nav-menu--main ul.sub-menu ul.sub-menu::before {
		top: 0 !important;
		left: -15px !important;
		width: 20px !important;
		height: 100% !important;
	}

	/* Link trong Submenu: Nền luôn trong suốt (cả khi hover) để lộ nền Elementor / Glassmorphism */
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-menu .menu-item,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-menu .menu-item:hover,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item:hover,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item:focus,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item.elementor-item-active,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item.highlighted,
	.tnd-menu nav.elementor-nav-menu--main .sub-menu .menu-item,
	.tnd-menu nav.elementor-nav-menu--main .sub-menu .menu-item:hover,
	.tnd-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item,
	.tnd-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item:hover,
	.tnd-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item:focus,
	.tnd-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item.elementor-item-active,
	.tnd-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item.highlighted {
		background: transparent !important;
		background-color: transparent !important;
	}

	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-menu .menu-item .elementor-sub-item,
	.tnd-menu nav.elementor-nav-menu--main .sub-menu .menu-item .elementor-sub-item {
		position: relative !important;
		display: inline-flex !important;
		align-items: center !important;
		padding: var(--tnd-submenu-item-spacing, 8px) 0 !important;
		text-decoration: none !important;
		transition: color 0.2s ease !important;
		font-family: var(--e-global-typography-accent-font-family, inherit);
		font-weight: var(--e-global-typography-accent-font-weight, 500);
	}

	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-menu .menu-item .tnd-item-inner,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-menu .menu-item .tnd-exact-text,
	.tnd-menu nav.elementor-nav-menu--main .sub-menu .menu-item .tnd-item-inner,
	.tnd-menu nav.elementor-nav-menu--main .sub-menu .menu-item .tnd-exact-text {
		position: relative !important;
		display: inline-flex !important;
		align-items: center !important;
	}

	/* Đường line gạch chân trong Submenu: Kế thừa chính xác độ dày và khoảng cách từ text theo Menu chính */
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-menu .menu-item .tnd-item-inner::before,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-menu .menu-item .tnd-exact-text::before,
	.tnd-menu nav.elementor-nav-menu--main .sub-menu .menu-item .tnd-item-inner::before,
	.tnd-menu nav.elementor-nav-menu--main .sub-menu .menu-item .tnd-exact-text::before {
		content: "" !important;
		position: absolute !important;
		left: 0 !important;
		bottom: calc(-1 * var(--tnd-underline-distance, 4px)) !important;
		width: 100% !important;
		height: var(--tnd-underline-thickness, 2px) !important;
		border-radius: 50px !important;
		background-color: var(--tnd-menu-accent, #ff4800) !important;
		transform: scaleX(0) !important;
		transform-origin: left !important;
		transition: transform 0.25s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
		pointer-events: none !important;
	}

	/* Đồng bộ tuyệt đối giữa màu chữ và đường gạch chân: Chỉ kích hoạt khi hover trực tiếp vào liên kết / text */
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item:hover,
	.elementor-widget-nadigi-menu .elementor-nav-menu--main .sub-menu .elementor-sub-item:hover,
	.tnd-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item:hover,
	.tnd-menu .elementor-nav-menu--main .sub-menu .elementor-sub-item:hover {
		color: var(--tnd-submenu-hover-color, var(--tnd-menu-accent, #ff4800)) !important;
	}

	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item:hover .tnd-item-inner::before,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item:hover .tnd-exact-text::before,
	.elementor-widget-nadigi-menu .elementor-nav-menu--main .sub-menu .elementor-sub-item:hover .tnd-item-inner::before,
	.tnd-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item:hover .tnd-item-inner::before,
	.tnd-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item:hover .tnd-exact-text::before,
	.tnd-menu .elementor-nav-menu--main .sub-menu .elementor-sub-item:hover .tnd-item-inner::before {
		transform: scaleX(1) !important;
	}

	/* Reset sub-menu item active khi không hover: 100% dùng màu bình thường, không gạch chân */
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item.elementor-item-active,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item.highlighted:not(:hover),
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item:active:not(:hover),
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item:focus:not(:hover),
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-menu .menu-item.current-menu-item:not(:hover) > .elementor-sub-item,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-menu .menu-item.current_page_item:not(:hover) > .elementor-sub-item,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-menu .menu-item.current-menu-ancestor:not(:hover) > .elementor-sub-item,
	.elementor-widget-nadigi-menu .elementor-nav-menu--main .sub-menu .elementor-sub-item.elementor-item-active,
	.elementor-widget-nadigi-menu .elementor-nav-menu--main .sub-menu .elementor-sub-item.highlighted:not(:hover),
	.elementor-widget-nadigi-menu .elementor-nav-menu--main .sub-menu .menu-item.current-menu-item:not(:hover) > .elementor-sub-item,
	.tnd-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item.elementor-item-active,
	.tnd-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item.highlighted:not(:hover),
	.tnd-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item:active:not(:hover),
	.tnd-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item:focus:not(:hover),
	.tnd-menu nav.elementor-nav-menu--main .sub-menu .menu-item.current-menu-item:not(:hover) > .elementor-sub-item,
	.tnd-menu .elementor-nav-menu--main .sub-menu .elementor-sub-item.elementor-item-active,
	.tnd-menu .elementor-nav-menu--main .sub-menu .elementor-sub-item.highlighted:not(:hover) {
		color: var(--tnd-menu-text, #1e293b) !important;
	}

	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item.elementor-item-active .tnd-item-inner::before,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item.elementor-item-active .tnd-exact-text::before,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item.highlighted:not(:hover) .tnd-item-inner::before,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item.highlighted:not(:hover) .tnd-exact-text::before,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-menu .menu-item.current-menu-item:not(:hover) > .elementor-sub-item .tnd-item-inner::before,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main .sub-menu .menu-item.current-menu-item:not(:hover) > .elementor-sub-item .tnd-exact-text::before,
	.elementor-widget-nadigi-menu .elementor-nav-menu--main .sub-menu .elementor-sub-item.elementor-item-active .tnd-item-inner::before,
	.elementor-widget-nadigi-menu .elementor-nav-menu--main .sub-menu .elementor-sub-item.elementor-item-active .tnd-exact-text::before,
	.elementor-widget-nadigi-menu .elementor-nav-menu--main .sub-menu .elementor-sub-item.highlighted:not(:hover) .tnd-item-inner::before,
	.elementor-widget-nadigi-menu .elementor-nav-menu--main .sub-menu .elementor-sub-item.highlighted:not(:hover) .tnd-exact-text::before,
	.tnd-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item.elementor-item-active .tnd-item-inner::before,
	.tnd-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item.elementor-item-active .tnd-exact-text::before,
	.tnd-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item.highlighted:not(:hover) .tnd-item-inner::before,
	.tnd-menu nav.elementor-nav-menu--main .sub-menu .elementor-sub-item.highlighted:not(:hover) .tnd-exact-text::before,
	.tnd-menu nav.elementor-nav-menu--main .sub-menu .menu-item.current-menu-item:not(:hover) > .elementor-sub-item .tnd-item-inner::before,
	.tnd-menu nav.elementor-nav-menu--main .sub-menu .menu-item.current-menu-item:not(:hover) > .elementor-sub-item .tnd-exact-text::before,
	.tnd-menu .elementor-nav-menu--main .sub-menu .elementor-sub-item.elementor-item-active .tnd-item-inner::before,
	.tnd-menu .elementor-nav-menu--main .sub-menu .elementor-sub-item.elementor-item-active .tnd-exact-text::before {
		transform: scaleX(0) !important;
	}
}

/* ==========================================================================
   3. MOBILE / TABLET STYLES (<= 1024px)
   ========================================================================== */
@media (max-width: 1024px) {
	/* Ẩn hoàn toàn menu chính ngang trên mobile/tablet */
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--main,
	.tnd-menu nav.elementor-nav-menu--main {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		height: 0 !important;
		overflow: hidden !important;
	}

	/* Nút Hamburger hiển thị */
	.elementor-widget-nadigi-menu .elementor-menu-toggle,
	.tnd-menu .elementor-menu-toggle {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	/* Thiết lập hiển thị cho widget container và toggle trên thiết bị di động (<= 1024px) */
	.elementor-widget-nadigi-menu,
	.tnd-menu {
		display: flex !important;
		align-items: center !important;
		flex: 1 1 auto !important;
		max-width: 100% !important;
	}

	.elementor-widget-nadigi-menu .elementor-widget-container,
	.tnd-menu .elementor-widget-container,
	.elementor-widget-nadigi-menu .tnd-menu-wrapper,
	.tnd-menu .tnd-menu-wrapper {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	/* Nút Hamburger cơ sở trên di động (mặc định căn trái) */
	.elementor-widget-nadigi-menu .elementor-menu-toggle,
	.tnd-menu .elementor-menu-toggle {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		margin-right: auto !important;
		margin-left: 0 !important;
		align-self: flex-start !important;
	}

	/* Căn phải toàn diện (Flex row, Flex column, Block) cho Tablet & Mobile (<= 1024px) */
	.elementor-widget-nadigi-menu.tnd-hum-align-tablet-right,
	.elementor-widget-nadigi-menu.tnd-hum-align-right,
	.tnd-menu.tnd-hum-align-tablet-right,
	.tnd-menu.tnd-hum-align-right {
		align-self: flex-end !important;
		margin-left: auto !important;
		margin-right: 0 !important;
		justify-content: flex-end !important;
		text-align: right !important;
	}

	.elementor-widget-nadigi-menu.tnd-hum-align-tablet-right .elementor-widget-container,
	.elementor-widget-nadigi-menu.tnd-hum-align-right .elementor-widget-container,
	.elementor-widget-nadigi-menu.tnd-hum-align-tablet-right .tnd-menu-wrapper,
	.elementor-widget-nadigi-menu.tnd-hum-align-right .tnd-menu-wrapper,
	.tnd-menu.tnd-hum-align-tablet-right .elementor-widget-container,
	.tnd-menu.tnd-hum-align-right .elementor-widget-container,
	.tnd-menu.tnd-hum-align-tablet-right.tnd-menu-wrapper,
	.tnd-menu.tnd-hum-align-right.tnd-menu-wrapper {
		display: flex !important;
		flex-direction: row !important;
		justify-content: flex-end !important;
		align-items: center !important;
		width: 100% !important;
	}

	.elementor-widget-nadigi-menu.tnd-hum-align-tablet-right .elementor-menu-toggle,
	.elementor-widget-nadigi-menu.tnd-hum-align-right .elementor-menu-toggle,
	.tnd-menu.tnd-hum-align-tablet-right .elementor-menu-toggle,
	.tnd-menu.tnd-hum-align-right .elementor-menu-toggle {
		margin-left: auto !important;
		margin-right: 0 !important;
		align-self: flex-end !important;
		--tnd-hum-bottom-offset: -4px !important;
	}

	.elementor-widget-nadigi-menu.tnd-hum-align-tablet-right .elementor-menu-toggle:not(.elementor-active):after,
	.elementor-widget-nadigi-menu.tnd-hum-align-right .elementor-menu-toggle:not(.elementor-active):after,
	.tnd-menu.tnd-hum-align-tablet-right .elementor-menu-toggle:not(.elementor-active):after,
	.tnd-menu.tnd-hum-align-right .elementor-menu-toggle:not(.elementor-active):after {
		margin-left: -4px !important;
	}

	/* Căn trái toàn diện (Flex row, Flex column, Block) cho Tablet & Mobile (<= 1024px) */
	.elementor-widget-nadigi-menu.tnd-hum-align-tablet-left,
	.elementor-widget-nadigi-menu.tnd-hum-align-left,
	.tnd-menu.tnd-hum-align-tablet-left,
	.tnd-menu.tnd-hum-align-left {
		align-self: flex-start !important;
		margin-right: auto !important;
		margin-left: 0 !important;
		justify-content: flex-start !important;
		text-align: left !important;
	}

	.elementor-widget-nadigi-menu.tnd-hum-align-tablet-left .elementor-widget-container,
	.elementor-widget-nadigi-menu.tnd-hum-align-left .elementor-widget-container,
	.elementor-widget-nadigi-menu.tnd-hum-align-tablet-left .tnd-menu-wrapper,
	.elementor-widget-nadigi-menu.tnd-hum-align-left .tnd-menu-wrapper,
	.tnd-menu.tnd-hum-align-tablet-left .elementor-widget-container,
	.tnd-menu.tnd-hum-align-left .elementor-widget-container,
	.tnd-menu.tnd-hum-align-tablet-left.tnd-menu-wrapper,
	.tnd-menu.tnd-hum-align-left.tnd-menu-wrapper {
		display: flex !important;
		flex-direction: row !important;
		justify-content: flex-start !important;
		align-items: center !important;
		width: 100% !important;
	}

	.elementor-widget-nadigi-menu.tnd-hum-align-tablet-left .elementor-menu-toggle,
	.elementor-widget-nadigi-menu.tnd-hum-align-left .elementor-menu-toggle,
	.tnd-menu.tnd-hum-align-tablet-left .elementor-menu-toggle,
	.tnd-menu.tnd-hum-align-left .elementor-menu-toggle {
		margin-right: auto !important;
		margin-left: 0 !important;
		align-self: flex-start !important;
		--tnd-hum-bottom-offset: -12px !important;
	}

	.elementor-widget-nadigi-menu.tnd-hum-align-tablet-left .elementor-menu-toggle:not(.elementor-active):after,
	.elementor-widget-nadigi-menu.tnd-hum-align-left .elementor-menu-toggle:not(.elementor-active):after,
	.tnd-menu.tnd-hum-align-tablet-left .elementor-menu-toggle:not(.elementor-active):after,
	.tnd-menu.tnd-hum-align-left .elementor-menu-toggle:not(.elementor-active):after {
		margin-left: -12px !important;
	}

	/* Dropdown container: Full màn hình, show từ vị trí header/HUM xuống đáy màn hình */
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--dropdown,
	.tnd-menu nav.elementor-nav-menu--dropdown,
	.tnd-menu .elementor-nav-menu__container.elementor-nav-menu--dropdown,
	.elementor-widget-nadigi-menu .elementor-nav-menu__container.elementor-nav-menu--dropdown {
		display: block !important;
		position: fixed !important;
		top: var(--tnd-mobile-menu-top, 60px) !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		width: 100vw !important;
		height: calc(100vh - var(--tnd-mobile-menu-top, 60px)) !important;
		max-height: calc(100vh - var(--tnd-mobile-menu-top, 60px)) !important;
		background: var(--tnd-mobile-menu-bg, #ffffff) !important;
		background-color: var(--tnd-mobile-menu-bg, #ffffff) !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch !important;
		box-shadow: none !important;
		border: none !important;
		border-radius: 0 !important;
		margin: 0 !important;
		padding: var(--tnd-dropdown-padding, 24px 24px 80px 24px) !important;
		box-sizing: border-box !important;
		z-index: 999999 !important;
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
		transform: translateY(-8px) !important;
		transition: opacity 0.28s cubic-bezier(0.16, 1, 0.3, 1),
		            transform 0.28s cubic-bezier(0.16, 1, 0.3, 1),
		            visibility 0.28s step-end !important;
	}

	/* Khi Hamburger Active -> Hiển thị dropdown container với hiệu ứng mượt mà cả mở lẫn đóng */
	.elementor-widget-nadigi-menu .elementor-menu-toggle.elementor-active ~ nav.elementor-nav-menu--dropdown,
	.elementor-widget-nadigi-menu .elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown,
	.tnd-menu .elementor-menu-toggle.elementor-active ~ nav.elementor-nav-menu--dropdown,
	.tnd-menu .elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown,
	.tnd-menu .elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container,
	.tnd-menu .elementor-menu-toggle.elementor-active ~ .elementor-nav-menu__container,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--dropdown.elementor-active,
	.tnd-menu nav.elementor-nav-menu--dropdown.elementor-active,
	.elementor-widget-nadigi-menu .elementor-nav-menu__container.elementor-active,
	.tnd-menu .elementor-nav-menu__container.elementor-active {
		display: block !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		transform: translateY(0) !important;
		transition: opacity 0.32s cubic-bezier(0.16, 1, 0.3, 1),
		            transform 0.32s cubic-bezier(0.16, 1, 0.3, 1),
		            visibility 0s !important;
	}

	/* Danh sách item mobile */
	.tnd-menu nav.elementor-nav-menu--dropdown ul.elementor-nav-menu,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--dropdown ul.elementor-nav-menu,
	.tnd-menu .elementor-nav-menu--dropdown ul.elementor-nav-menu {
		padding: 0 !important;
		margin: 0 !important;
		list-style: none !important;
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		position: static !important;
	}

	/* Toàn bộ LI trong mobile dropdown: BẮT BUỘC là flex column để Submenu luôn nằm BÊN DƯỚI dòng text menu */
	.tnd-menu nav.elementor-nav-menu--dropdown .elementor-nav-menu li,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--dropdown .elementor-nav-menu li,
	.tnd-menu .elementor-nav-menu--dropdown .elementor-nav-menu li,
	.tnd-menu nav.elementor-nav-menu--dropdown li,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--dropdown li,
	.tnd-menu .elementor-nav-menu--dropdown li {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		justify-content: flex-start !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
		border-bottom: none !important;
		list-style: none !important;
		position: relative !important;
		clear: both !important;
		float: none !important;
	}

	/* Item chính: Font 16px, weight 600, padding 12px 0, KHÔNG viền gạch chân */
	.tnd-menu nav.elementor-nav-menu--dropdown .elementor-nav-menu a,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--dropdown .elementor-nav-menu a,
	.tnd-menu .elementor-nav-menu--dropdown .elementor-nav-menu a,
	.tnd-menu nav.elementor-nav-menu--dropdown a.elementor-item,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--dropdown a.elementor-item,
	.tnd-menu .elementor-nav-menu--dropdown a.elementor-item {
		padding: 12px 0 !important;
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: flex-start !important;
		color: var(--tnd-mobile-item-color, var(--tnd-menu-text, #1e293b)) !important;
		font-size: 16px;
		font-weight: 600;
		text-decoration: none !important;
		border: none !important;
		border-bottom: none !important;
		background: transparent !important;
		background-color: transparent !important;
		transition: color 0.2s ease !important;
		width: 100% !important;
		position: relative !important;
		box-sizing: border-box !important;
		flex-shrink: 0 !important;
	}


	/* Item có menu con */
	.tnd-menu nav.elementor-nav-menu--dropdown .menu-item-has-children > a,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--dropdown .menu-item-has-children > a,
	.tnd-menu .elementor-nav-menu--dropdown .menu-item-has-children > a {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: flex-start !important;
		width: 100% !important;
		position: relative !important;
		padding-right: 0 !important;
	}

	/* Text chỉ bám theo độ dài chữ, margin-right auto để đẩy mũi tên sang sát mép phải */
	.tnd-menu nav.elementor-nav-menu--dropdown .tnd-exact-text,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--dropdown .tnd-exact-text,
	.tnd-menu .tnd-exact-text {
		flex-grow: 0 !important;
		flex-shrink: 1 !important;
		display: inline-block !important;
		margin-right: auto !important;
		z-index: 10 !important;
		position: relative !important;
		cursor: pointer !important;
	}

	/* Khung bọc inner nếu có */
	.tnd-menu nav.elementor-nav-menu--dropdown .tnd-item-inner,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--dropdown .tnd-item-inner {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
		width: 100% !important;
		position: relative !important;
		border: none !important;
	}

	/* TRIỆT TIÊU TOÀN BỘ ĐƯỜNG GẠCH CHÂN HOVER DESKTOP TRÊN MOBILE DROPDOWN */
	.tnd-menu nav.elementor-nav-menu--dropdown .tnd-item-inner::before,
	.tnd-menu nav.elementor-nav-menu--dropdown .tnd-item-inner::after,
	.tnd-menu nav.elementor-nav-menu--dropdown .tnd-exact-text::before,
	.tnd-menu nav.elementor-nav-menu--dropdown .tnd-exact-text::after,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--dropdown .tnd-item-inner::before,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--dropdown .tnd-item-inner::after,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--dropdown .tnd-exact-text::before,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--dropdown .tnd-exact-text::after,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--dropdown .elementor-item::before,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--dropdown .elementor-item::after {
		display: none !important;
		content: none !important;
		width: 0 !important;
		height: 0 !important;
		transform: none !important;
	}

	/* Mũi tên Caret bên phải: Kích thước icon 15px chuẩn, tap target 32x32px, căn mép phải, xoay 180deg từ tâm khi mở, màu đồng bộ tuyệt đối theo chữ */
	.tnd-menu nav.elementor-nav-menu--dropdown .sub-arrow,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--dropdown .sub-arrow,
	.tnd-menu .menu-item-has-children .sub-arrow,
	.elementor-widget-nadigi-menu .menu-item-has-children .sub-arrow {
		width: 32px !important;
		height: 32px !important;
		padding: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		cursor: pointer !important;
		flex-shrink: 0 !important;
		color: var(--tnd-mobile-item-color, currentColor) !important;
		fill: currentColor !important;
		transition: transform 0.25s ease !important;
		transform-origin: center center !important;
		position: relative !important;
		z-index: 20 !important;
	}

	.tnd-menu nav.elementor-nav-menu--dropdown .sub-arrow svg,
	.tnd-menu nav.elementor-nav-menu--dropdown .sub-arrow i,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--dropdown .sub-arrow svg,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--dropdown .sub-arrow i,
	.tnd-menu .sub-arrow svg,
	.elementor-widget-nadigi-menu .sub-arrow svg {
		pointer-events: none !important;
		width: 15px !important;
		height: 15px !important;
		font-size: 15px !important;
		transform-origin: center center !important;
		color: inherit !important;
		fill: currentColor !important;
	}

	/* Khi Accordion mở: Mũi tên xoay 180deg chỉ lên trên, giữ nguyên màu theo chữ */
	.tnd-menu nav.elementor-nav-menu--dropdown .menu-item-has-children.tnd-open > a .sub-arrow,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--dropdown .menu-item-has-children.tnd-open > a .sub-arrow,
	.tnd-menu .menu-item-has-children.tnd-open > a .sub-arrow,
	.elementor-widget-nadigi-menu .menu-item-has-children.tnd-open > a .sub-arrow {
		transform: rotate(180deg) !important;
		color: var(--tnd-mobile-item-color, currentColor) !important;
		fill: currentColor !important;
	}

	/* Submenu Accordion: Vạch màu vàng/cam bên trái (border-left: 2px solid), ẩn mặc định, vị trí static bên dưới text menu, KHÔNG bo góc, KHÔNG margin */
	.tnd-menu .sub-menu.elementor-nav-menu--dropdown,
	.tnd-menu .elementor-nav-menu--dropdown ul.sub-menu,
	.elementor-widget-nadigi-menu .elementor-nav-menu--dropdown ul.sub-menu,
	.tnd-menu nav.elementor-nav-menu--dropdown ul.sub-menu,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--dropdown ul.sub-menu,
	.tnd-menu nav.elementor-nav-menu--dropdown .sub-menu,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--dropdown .sub-menu,
	.tnd-menu ul.sub-menu {
		display: flex !important;
		flex-direction: column !important;
		list-style: none !important;
		position: static !important;
		float: none !important;
		clear: both !important;
		width: 100% !important;
		box-sizing: border-box !important;
		margin: 0 !important;
		padding: 0 0 0 18px !important;
		border-left: 2px solid var(--tnd-mobile-sub-accent, var(--tnd-menu-accent, #ffd100)) !important;
		border-top: none !important;
		border-right: none !important;
		border-bottom: none !important;
		border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
		background: transparent !important;
		background-color: transparent !important;
		box-shadow: none !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		transform: translateY(-4px) !important;
		min-width: 0 !important;
		overflow: hidden !important;
		max-height: 0 !important;
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
		transition: max-height 0.25s cubic-bezier(0.4, 0, 0.2, 1),
		            opacity 0.2s ease,
		            transform 0.2s ease,
		            padding 0.25s ease,
		            visibility 0.25s step-end !important;
	}

	/* Khi parent có class tnd-open -> hiển thị submenu với hiệu ứng mượt mà mở tức thì cả mở lẫn đóng */
	.tnd-menu .elementor-nav-menu--dropdown li.menu-item-has-children.tnd-open > ul.sub-menu,
	.elementor-widget-nadigi-menu .elementor-nav-menu--dropdown li.menu-item-has-children.tnd-open > ul.sub-menu,
	.tnd-menu nav.elementor-nav-menu--dropdown li.menu-item-has-children.tnd-open > ul.sub-menu,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--dropdown li.menu-item-has-children.tnd-open > ul.sub-menu,
	.tnd-menu li.menu-item-has-children.tnd-open > ul.sub-menu {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		margin: 0 !important;
		border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
		max-height: 500px !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		transform: translateY(0) !important;
		padding: 4px 0 6px 18px !important;
		transition: max-height 0.28s cubic-bezier(0, 0, 0.2, 1),
		            opacity 0.25s ease,
		            transform 0.25s ease,
		            padding 0.28s ease,
		            visibility 0s !important;
	}

	/* Từng mục trong submenu trên mobile */
	.tnd-menu nav.elementor-nav-menu--dropdown ul.sub-menu > li,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--dropdown ul.sub-menu > li,
	.tnd-menu .elementor-nav-menu--dropdown ul.sub-menu > li {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
		display: block !important;
	}

	/* Submenu item: Font 15px, weight 500, padding 8px 0, KHÔNG viền gạch chân, KHÔNG bo góc, KHÔNG margin */
	.tnd-menu nav.elementor-nav-menu--dropdown a.elementor-sub-item,
	.elementor-widget-nadigi-menu nav.elementor-nav-menu--dropdown a.elementor-sub-item,
	.tnd-menu .elementor-nav-menu--dropdown a.elementor-sub-item {
		padding: 8px 0 !important;
		margin: 0 !important;
		font-size: 15px;
		font-weight: 500;
		color: var(--tnd-mobile-sub-color, var(--tnd-menu-text, #1e293b)) !important;
		border: none !important;
		border-bottom: none !important;
		border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
		background: transparent !important;
		background-color: transparent !important;
		display: block !important;
		width: 100% !important;
		text-decoration: none !important;
		transition: color 0.2s ease !important;
	}


	/* Mở sẵn toàn bộ Menu con trên Mobile nếu chọn 'Mở sẵn toàn bộ Menu con' */
	.elementor-widget-nadigi-menu.tnd-mobile-sub-expanded .elementor-nav-menu--dropdown ul.sub-menu,
	.tnd-menu.tnd-mobile-sub-expanded .elementor-nav-menu--dropdown ul.sub-menu,
	.elementor-widget-nadigi-menu.tnd-mobile-sub-expanded nav.elementor-nav-menu--dropdown ul.sub-menu,
	.tnd-menu.tnd-mobile-sub-expanded nav.elementor-nav-menu--dropdown ul.sub-menu {
		display: flex !important;
		flex-direction: column !important;
		max-height: none !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		transform: none !important;
		padding: 4px 0 6px 18px !important;
		overflow: visible !important;
	}

	.elementor-widget-nadigi-menu.tnd-mobile-sub-expanded .elementor-nav-menu--dropdown .sub-arrow,
	.tnd-menu.tnd-mobile-sub-expanded .elementor-nav-menu--dropdown .sub-arrow {
		display: none !important;
	}
}

/* ==========================================================================
   3B. RIÊNG BIỆT CHO ĐIỆN THOẠI (MOBILE <= 767px)
   Căn lề Nút Hamburger riêng biệt trên điện thoại khi cấu hình khác máy tính bảng
   ========================================================================== */
@media (max-width: 767px) {
	/* Điện thoại căn phải: Ghi đè độc lập toàn diện cho cả wrapper, container và toggle */
	.elementor-widget-nadigi-menu.tnd-hum-align-mobile-right,
	.tnd-menu.tnd-hum-align-mobile-right {
		align-self: flex-end !important;
		margin-left: auto !important;
		margin-right: 0 !important;
		justify-content: flex-end !important;
		text-align: right !important;
	}

	.elementor-widget-nadigi-menu.tnd-hum-align-mobile-right .elementor-widget-container,
	.elementor-widget-nadigi-menu.tnd-hum-align-mobile-right .tnd-menu-wrapper,
	.tnd-menu.tnd-hum-align-mobile-right .elementor-widget-container,
	.tnd-menu.tnd-hum-align-mobile-right.tnd-menu-wrapper {
		display: flex !important;
		flex-direction: row !important;
		justify-content: flex-end !important;
		align-items: center !important;
		width: 100% !important;
	}

	.elementor-widget-nadigi-menu.tnd-hum-align-mobile-right .elementor-menu-toggle,
	.tnd-menu.tnd-hum-align-mobile-right .elementor-menu-toggle {
		margin-left: auto !important;
		margin-right: 0 !important;
		align-self: flex-end !important;
		--tnd-hum-bottom-offset: -4px !important;
	}

	.elementor-widget-nadigi-menu.tnd-hum-align-mobile-right .elementor-menu-toggle:not(.elementor-active):after,
	.tnd-menu.tnd-hum-align-mobile-right .elementor-menu-toggle:not(.elementor-active):after {
		margin-left: -4px !important;
	}

	/* Điện thoại căn trái: Ghi đè độc lập toàn diện cho cả wrapper, container và toggle */
	.elementor-widget-nadigi-menu.tnd-hum-align-mobile-left,
	.tnd-menu.tnd-hum-align-mobile-left {
		align-self: flex-start !important;
		margin-right: auto !important;
		margin-left: 0 !important;
		justify-content: flex-start !important;
		text-align: left !important;
	}

	.elementor-widget-nadigi-menu.tnd-hum-align-mobile-left .elementor-widget-container,
	.elementor-widget-nadigi-menu.tnd-hum-align-mobile-left .tnd-menu-wrapper,
	.tnd-menu.tnd-hum-align-mobile-left .elementor-widget-container,
	.tnd-menu.tnd-hum-align-mobile-left.tnd-menu-wrapper {
		display: flex !important;
		flex-direction: row !important;
		justify-content: flex-start !important;
		align-items: center !important;
		width: 100% !important;
	}

	.elementor-widget-nadigi-menu.tnd-hum-align-mobile-left .elementor-menu-toggle,
	.tnd-menu.tnd-hum-align-mobile-left .elementor-menu-toggle {
		margin-right: auto !important;
		margin-left: 0 !important;
		align-self: flex-start !important;
		--tnd-hum-bottom-offset: -12px !important;
	}

	.elementor-widget-nadigi-menu.tnd-hum-align-mobile-left .elementor-menu-toggle:not(.elementor-active):after,
	.tnd-menu.tnd-hum-align-mobile-left .elementor-menu-toggle:not(.elementor-active):after {
		margin-left: -12px !important;
	}
}

/* ==========================================================================
   4. HEADER STATE SYNCHRONIZATION
   ========================================================================== */
#tnd-header.menu-opened,
header.menu-opened,
.elementor-location-header.menu-opened,
.menu-opened {
	background-color: var(--tnd-mobile-menu-bg, #ffffff) !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.25s ease, backdrop-filter 0.25s ease;
}

#tnd-header,
header,
.elementor-location-header {
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.25s ease, backdrop-filter 0.25s ease;
}

@media print {
	.tnd-menu .sub-menu {
		display: block !important;
		position: static !important;
	}
	.tnd-menu .sub-arrow {
		display: none !important;
	}
}