/*
 * LTA Mega Menu — chỉ tác động dropdown desktop (>= 850px) của item .lta-mega
 * trong .header-nav. Mobile off-canvas Flatsome giữ nguyên.
 *
 * Lưu ý: site có Custom CSS (customizer) style dropdown cũ với nhiều !important
 * (color:black !important, font-weight:normal !important, nav-column flyout
 * position:absolute/left:100%/display:none...). Vì không được sửa theme nên các
 * rule dưới đây phải dùng !important — toàn bộ đã scope trong li.lta-mega.
 */
@media screen and (min-width: 850px) {

	/* Panel: xếp cột kiểu masonry (CSS columns) — nhóm ngắn dồn khít lên thay vì
	   dàn lưới mỗi hàng cao bằng nhóm cao nhất → panel gọn hơn hẳn. Hiện/ẩn vẫn
	   do Flatsome điều khiển bằng opacity/visibility. */
	.header-nav > li.lta-mega > .sub-menu.nav-dropdown {
		display: block !important;
		column-count: auto !important;
		column-gap: 0 !important;
		/* Flatsome JS set inline inset với bottom:0 — display:table gốc lấy chiều
		   cao theo nội dung, nhưng flex thì bị ép cao bằng li. Trả bottom về auto
		   (stylesheet !important thắng inline style) để panel cao theo nội dung. */
		bottom: auto !important;
		height: auto !important;
		/* Giới hạn chiều cao vừa vặn màn hình (trừ thanh header ~85-105px)
		   cho phép cuộn dọc mượt mà bằng thanh scroll tinh tế. */
		max-height: calc(100vh - 105px) !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
		box-sizing: border-box !important;
		padding: 20px 20px 16px !important;
		background-color: #fff !important;
		border: 0 !important;
		border-radius: 0 0 10px 10px !important;
		box-shadow: 0 18px 40px rgba(0, 0, 0, 0.14) !important;
		scrollbar-width: thin;
		scrollbar-color: #c5161d #f1f1f1;
		/* v2: mở mượt — fade + trượt nhẹ xuống (Flatsome toggle bằng opacity/visibility). */
		transform: translateY(6px);
		transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease !important;
	}

	/* Thanh cuộn tuỳ biến tinh tế cho dropdown */
	.header-nav > li.lta-mega > .sub-menu.nav-dropdown::-webkit-scrollbar {
		width: 6px;
	}
	.header-nav > li.lta-mega > .sub-menu.nav-dropdown::-webkit-scrollbar-track {
		background: #f8f8f8;
		border-radius: 4px;
	}
	.header-nav > li.lta-mega > .sub-menu.nav-dropdown::-webkit-scrollbar-thumb {
		background: #c5161d;
		border-radius: 4px;
	}
	.header-nav > li.lta-mega > .sub-menu.nav-dropdown::-webkit-scrollbar-thumb:hover {
		background: #900f14;
	}

	/* Wrapper chia cột masonry bên trong (chiều cao tự do không bị ép trần) */
	.header-nav > li.lta-mega .lta-mega-columns {
		display: block !important;
		column-count: var(--lta-cols, 4) !important;
		column-gap: 24px !important;
		width: 100% !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}

	/* Panel đang ẩn KHÔNG được bắt chuột: ul.nav-column bên trong bị ép
	   visibility:visible (để thắng CSS cũ của site) nên panel ẩn (opacity 0)
	   vẫn là bẫy hover trong suốt đè lên panel khác — thiếu rule này thì mở
	   DỊCH VỤ rê xuống dưới sẽ nhảy sang KIẾN THỨC PHÁP LUẬT. */
	.header-nav > li.lta-mega:not(:hover):not(.current-dropdown) > .sub-menu.nav-dropdown {
		pointer-events: none !important;
	}

	.header-nav > li.lta-mega:hover > .sub-menu.nav-dropdown,
	.header-nav > li.lta-mega.current-dropdown > .sub-menu.nav-dropdown {
		transform: translateY(0);
		pointer-events: auto !important;
		/* Panel đang mở luôn nổi trên panel ẩn của item khác (z-index chung là 70). */
		z-index: 71 !important;
	}

	/* Mỗi nhóm là 1 khối trong dòng chảy cột masonry — tuyệt đối không tách giữa chừng */
	.header-nav > li.lta-mega > .sub-menu.nav-dropdown > li,
	.header-nav > li.lta-mega .lta-mega-columns > li {
		display: inline-block !important;
		float: none !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		margin: 0 0 18px !important;
		padding: 0 6px 12px !important;
		border: 0 !important;
		white-space: normal !important;
		break-inside: avoid !important;
		-webkit-column-break-inside: avoid !important;
		page-break-inside: avoid !important;
		vertical-align: top !important;
		box-sizing: border-box !important;
	}

	/* Panel TOÀN mục lá (không nhóm nào có con, vd GIỚI THIỆU): các mục hiển thị
	   như danh sách link gọn. Mục lá đứng CẠNH các nhóm (vd "Dân sự" trong Kiến
	   thức pháp luật) không nhận style này — giữ tiêu đề đỏ nổi bật như nhóm khác,
	   masonry tự dồn khít nên không còn ô trống. */
	.header-nav > li.lta-mega.lta-mega-leafpanel > .sub-menu.nav-dropdown > li {
		padding: 0 12px 6px !important;
	}

	.header-nav > li.lta-mega.lta-mega-leafpanel > .sub-menu.nav-dropdown > li > a {
		position: relative !important;
		margin: 0 !important;
		padding: 5px 0 !important;
		border-bottom: 0 !important;
		color: #444 !important;
		font-size: 13px !important;
		font-weight: 600 !important;
		text-transform: none !important;
		transition: color 0.2s ease, padding-left 0.2s ease !important;
	}

	.header-nav > li.lta-mega.lta-mega-leafpanel > .sub-menu.nav-dropdown > li > a::before {
		content: "\00BB";
		position: absolute;
		left: 0;
		top: 5px;
		opacity: 0;
		color: var(--lta-mega-heading, #d11818);
		transition: opacity 0.2s ease;
	}

	.header-nav > li.lta-mega.lta-mega-leafpanel > .sub-menu.nav-dropdown > li:hover > a,
	.header-nav > li.lta-mega.lta-mega-leafpanel > .sub-menu.nav-dropdown > li > a:hover {
		color: var(--lta-mega-heading, #d11818) !important;
		padding-left: 14px !important;
		opacity: 1;
	}

	.header-nav > li.lta-mega.lta-mega-leafpanel > .sub-menu.nav-dropdown > li > a:hover::before {
		opacity: 1;
	}

	/* Panel auto (mặc định): neo ngay dưới mục menu thay vì trải theo container —
	   bề rộng do PHP tính theo số cột; JS lta-mega-fit kéo vào nếu tràn mép phải. */
	.header-nav > li.lta-mega.lta-mega--auto {
		position: relative !important;
	}

	.header-nav > li.lta-mega.lta-mega--auto > .sub-menu.nav-dropdown {
		left: 0 !important;
		right: auto !important;
		top: 100% !important;
		max-width: min(1200px, calc(100vw - 30px)) !important;
		border-radius: 0 0 10px 10px !important;
		/* Dịch vào trong khi tràn mép phải — JS lta-mega-fit set --lta-shift trên li. */
		margin-left: var(--lta-shift, 0px) !important;
	}

	/* Luôn duy trì khả năng cuộn dọc nội bộ khi nội dung dài */
	.header-nav > li.lta-mega > .sub-menu.nav-dropdown.lta-mega-tall {
		max-height: calc(100vh - 105px) !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
	}

	/* Tiêu đề cột (mục con cấp 1): in hoa, đậm, màu thương hiệu, gạch chân nhẹ. */
	.header-nav > li.lta-mega > .sub-menu.nav-dropdown > li > a,
	.header-nav > li.lta-mega .lta-mega-columns > li > a {
		display: block !important;
		width: auto !important;
		margin: 0 0 6px !important;
		padding: 0 0 8px !important;
		border-bottom: 1px solid #eee !important;
		background: transparent !important;
		color: var(--lta-mega-heading, #d11818) !important;
		font-size: 14px !important;
		font-weight: 700 !important;
		line-height: 1.4 !important;
		text-transform: uppercase !important;
	}

	.header-nav > li.lta-mega > .sub-menu.nav-dropdown > li:hover > a,
	.header-nav > li.lta-mega > .sub-menu.nav-dropdown > li > a:hover,
	.header-nav > li.lta-mega .lta-mega-columns > li:hover > a,
	.header-nav > li.lta-mega .lta-mega-columns > li > a:hover {
		background: transparent !important;
		color: var(--lta-mega-heading, #d11818) !important;
		opacity: 0.82;
	}

	/* Danh sách link cấp 2: bỏ flyout absolute của CSS cũ, hiển thị tĩnh trong cột. */
	.header-nav > li.lta-mega > .sub-menu.nav-dropdown > li > ul.nav-column,
	.header-nav > li.lta-mega .lta-mega-columns > li > ul.nav-column {
		display: block !important;
		position: static !important;
		left: auto !important;
		right: auto !important;
		width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	.header-nav > li.lta-mega > .sub-menu.nav-dropdown > li > ul.nav-column > li,
	.header-nav > li.lta-mega .lta-mega-columns > li > ul.nav-column > li {
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		white-space: normal !important;
	}

	.header-nav > li.lta-mega > .sub-menu.nav-dropdown > li > ul.nav-column > li > a,
	.header-nav > li.lta-mega .lta-mega-columns > li > ul.nav-column > li > a {
		position: relative !important;
		display: block !important;
		width: auto !important;
		margin: 0 !important;
		padding: 5px 0 !important;
		border: 0 !important;
		background: transparent !important;
		color: #5b5b5b !important;
		font-size: 13px !important;
		font-weight: 400 !important;
		line-height: 1.5 !important;
		text-transform: none !important;
		transition: color 0.2s ease, padding-left 0.2s ease !important;
	}

	/* Mũi tên » hiện khi hover (tham khảo right-arrow-link của mẫu). */
	.header-nav > li.lta-mega > .sub-menu.nav-dropdown > li > ul.nav-column > li > a::before,
	.header-nav > li.lta-mega .lta-mega-columns > li > ul.nav-column > li > a::before {
		content: "\00BB";
		position: absolute;
		left: 0;
		top: 5px;
		opacity: 0;
		color: var(--lta-mega-heading, #d11818);
		transition: opacity 0.2s ease;
	}

	.header-nav > li.lta-mega > .sub-menu.nav-dropdown > li > ul.nav-column > li:hover > a,
	.header-nav > li.lta-mega > .sub-menu.nav-dropdown > li > ul.nav-column > li > a:hover,
	.header-nav > li.lta-mega .lta-mega-columns > li > ul.nav-column > li:hover > a,
	.header-nav > li.lta-mega .lta-mega-columns > li > ul.nav-column > li > a:hover {
		background: transparent !important;
		color: var(--lta-mega-heading, #d11818) !important;
		padding-left: 14px !important;
	}

	.header-nav > li.lta-mega > .sub-menu.nav-dropdown > li:hover > ul.nav-column > li > a:hover::before,
	.header-nav > li.lta-mega > .sub-menu.nav-dropdown > li > ul.nav-column > li > a:hover::before,
	.header-nav > li.lta-mega .lta-mega-columns > li:hover > ul.nav-column > li > a:hover::before,
	.header-nav > li.lta-mega .lta-mega-columns > li > ul.nav-column > li > a:hover::before {
		opacity: 1;
	}

	/* Cấp 4 (con của link cấp 3): danh sách con thụt vào, chữ nhỏ hơn, gạch đầu
	   dòng "–" — vẫn đè CSS dropdown cũ của site bằng !important. */
	.header-nav > li.lta-mega > .sub-menu.nav-dropdown > li > ul.nav-column ul.nav-column,
	.header-nav > li.lta-mega .lta-mega-columns > li > ul.nav-column ul.nav-column {
		display: block !important;
		position: static !important;
		left: auto !important;
		right: auto !important;
		width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 1px 0 3px 14px !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	.header-nav > li.lta-mega > .sub-menu.nav-dropdown > li > ul.nav-column ul.nav-column > li,
	.header-nav > li.lta-mega .lta-mega-columns > li > ul.nav-column ul.nav-column > li {
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		white-space: normal !important;
	}

	.header-nav > li.lta-mega > .sub-menu.nav-dropdown > li > ul.nav-column ul.nav-column > li > a,
	.header-nav > li.lta-mega .lta-mega-columns > li > ul.nav-column ul.nav-column > li > a {
		position: relative !important;
		display: block !important;
		width: auto !important;
		margin: 0 !important;
		padding: 3px 0 3px 12px !important;
		border: 0 !important;
		background: transparent !important;
		color: #8a8f98 !important;
		font-size: 12.5px !important;
		font-weight: 400 !important;
		line-height: 1.5 !important;
		text-transform: none !important;
		transition: color 0.2s ease !important;
	}

	.header-nav > li.lta-mega > .sub-menu.nav-dropdown > li > ul.nav-column ul.nav-column > li > a::before,
	.header-nav > li.lta-mega .lta-mega-columns > li > ul.nav-column ul.nav-column > li > a::before {
		content: "\2013";
		position: absolute;
		left: 0;
		top: 3px;
		opacity: 1;
		color: #c2c6cb;
		transition: color 0.2s ease;
	}

	.header-nav > li.lta-mega > .sub-menu.nav-dropdown > li > ul.nav-column ul.nav-column > li > a:hover,
	.header-nav > li.lta-mega .lta-mega-columns > li > ul.nav-column ul.nav-column > li > a:hover {
		color: var(--lta-mega-heading, #d11818) !important;
		padding-left: 12px !important;
	}

	.header-nav > li.lta-mega > .sub-menu.nav-dropdown > li > ul.nav-column ul.nav-column > li > a:hover::before,
	.header-nav > li.lta-mega .lta-mega-columns > li > ul.nav-column ul.nav-column > li > a:hover::before {
		color: var(--lta-mega-heading, #d11818);
	}
}

/* =========================================================================
 * v2 — DANH MỤC DỌC (vertical mega menu kiểu htlcomputer)
 * Chỉ desktop >= 850px; mobile ẩn hẳn (off-canvas Flatsome lo).
 * ========================================================================= */

li.lta-vmenu {
	display: none !important;
}

@media screen and (min-width: 850px) {

	/* Dropdown/mega ngang phải nổi TRÊN panel Danh mục dọc khi cả hai cùng mở:
	   li.lta-vmenu có z-index 60, còn .nav-dropdown Flatsome mặc định chỉ 9
	   (li.has-dropdown không tạo stacking context) → nếu không nâng, cột đầu
	   của mega ngang bị panel dọc che. */
	.header-nav > li.has-dropdown > .sub-menu.nav-dropdown {
		z-index: 70 !important;
	}

	/* ---- Khối gốc trong .header-nav ---- */
	li.lta-vmenu {
		display: flex !important;
		position: relative !important;
		align-self: stretch;
		width: 290px;
		min-width: 290px !important;
		margin: 0 18px 0 0 !important;
		padding: 0 !important;
		font-size: 14px !important;
		z-index: 60;
	}

	/* ---- Nút toggle ---- */
	/* !important vì nav-dark của Flatsome + custom CSS của site ép màu chữ trắng. */
	li.lta-vmenu .lta-vmenu__toggle {
		display: flex;
		align-items: center;
		gap: 10px;
		width: 100%;
		min-height: 44px;
		margin: 0;
		padding: 0 14px 0 16px;
		background: #fff !important;
		border: 0;
		border-radius: 8px;
		color: #d11818 !important;
		transition: border-radius 0.25s ease;
		font-family: inherit;
		font-size: 13.5px !important;
		font-weight: 700 !important;
		letter-spacing: 0.03em;
		line-height: 1.2 !important;
		text-transform: uppercase !important;
		cursor: pointer;
		box-shadow: none;
	}

	li.lta-vmenu .lta-vmenu__toggle:hover,
	li.lta-vmenu .lta-vmenu__toggle:focus {
		background: #fff !important;
		color: #b30f0f !important;
		outline: none;
	}

	.lta-vmenu__toggle:focus-visible {
		outline: 2px solid rgba(209, 24, 24, 0.55);
		outline-offset: -3px;
	}

	.lta-vmenu--open .lta-vmenu__toggle {
		border-radius: 8px 8px 0 0;
	}

	.lta-vmenu__burger,
	.lta-vmenu__caret {
		flex: 0 0 auto;
	}

	.lta-vmenu__label {
		flex: 1 1 auto;
		text-align: left;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.lta-vmenu__caret {
		transition: transform 0.25s ease;
	}

	.lta-vmenu--open .lta-vmenu__caret {
		transform: rotate(180deg);
	}

	/* ---- Panel dọc ---- */
	.lta-vmenu__panel {
		position: absolute;
		top: 100%;
		left: 0;
		width: 290px;
		max-height: 0;
		overflow: hidden;
		/* Ẩn khỏi tab-order + accessibility tree khi thu gọn (max-height:0 không đủ). */
		visibility: hidden;
		background: #fff;
		border-radius: 0 0 10px 10px;
		box-shadow: 0 18px 40px rgba(0, 0, 0, 0.14);
		transition: max-height 0.25s ease, visibility 0.25s;
		z-index: 61;
	}

	.lta-vmenu--open .lta-vmenu__panel {
		/* Fallback không JS; JS đặt inline max-height = scrollHeight khi mở. */
		max-height: 640px;
		visibility: visible;
	}

	/* Sau khi mở xong: bỏ clip để flyout bung ra ngoài được. */
	.lta-vmenu--ready .lta-vmenu__panel {
		max-height: none;
		overflow: visible;
	}

	.lta-vmenu--noanim .lta-vmenu__panel,
	.lta-vmenu--noanim .lta-vmenu__caret {
		transition: none !important;
	}

	.lta-vmenu__list {
		list-style: none !important;
		margin: 0 !important;
		padding: 5px 0 7px !important;
	}

	/* ---- Dòng lĩnh vực ---- */
	.lta-vmenu__row {
		position: static;
		display: block;
		margin: 0 !important;
	}

	.lta-vmenu__link {
		display: flex !important;
		align-items: center;
		gap: 10px;
		padding: 10px 14px !important;
		margin: 0 !important;
		color: #333 !important;
		font-size: 14px !important;
		font-weight: 500;
		line-height: 1.35 !important;
		text-transform: none !important;
		border: 0 !important;
		transition: background-color 0.18s ease, color 0.18s ease;
	}

	.lta-vmenu__row:not(:last-child) > .lta-vmenu__link {
		border-bottom: 1px solid #f0f0f0 !important;
	}

	.lta-vmenu__icon {
		flex: 0 0 20px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 20px;
		height: 20px;
		color: #767676;
		transition: color 0.18s ease;
	}

	.lta-vmenu__img {
		display: block;
		width: 20px;
		height: 20px;
		object-fit: contain;
	}

	.lta-vmenu__text {
		flex: 1 1 auto;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.lta-vmenu__more {
		flex: 0 0 auto;
		color: #bcbcbc;
		transition: color 0.18s ease, transform 0.18s ease;
	}

	.lta-vmenu__row:hover > .lta-vmenu__link,
	.lta-vmenu__row.is-open > .lta-vmenu__link {
		background: #f7f7f7 !important;
		color: #d11818 !important;
	}

	.lta-vmenu__row:hover > .lta-vmenu__link .lta-vmenu__icon,
	.lta-vmenu__row.is-open > .lta-vmenu__link .lta-vmenu__icon {
		color: #d11818;
	}

	.lta-vmenu__row:hover > .lta-vmenu__link .lta-vmenu__more,
	.lta-vmenu__row.is-open > .lta-vmenu__link .lta-vmenu__more {
		color: #d11818;
		transform: translateX(2px);
	}

	/* ---- Flyout mega bên phải ---- */
	.lta-vmenu__fly {
		position: absolute;
		top: 0;
		left: 100%;
		min-height: 100%;
		width: var(--lta-fly-w, 760px);
		padding: 22px 26px 18px;
		background: #fff;
		border-radius: 0 10px 10px 10px;
		box-shadow: 0 18px 40px rgba(0, 0, 0, 0.14);
		opacity: 0;
		visibility: hidden;
		transform: translateX(6px);
		transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
		z-index: 2;
	}

	/* Flyout lá hẹp lại khi ít cột cho cân đối. */
	.lta-vmenu__fly--w1 {
		width: min(var(--lta-fly-w, 760px), 380px);
	}

	.lta-vmenu__fly--w2 {
		width: min(var(--lta-fly-w, 760px), 680px);
	}

	.lta-vmenu__row.is-open > .lta-vmenu__fly {
		opacity: 1;
		visibility: visible;
		transform: translateX(0);
	}

	/* ---- Nội dung flyout ---- */
	.lta-vmenu__cols {
		display: flex;
		flex-wrap: wrap;
		gap: 18px 30px;
	}

	.lta-vmenu__group {
		flex: 1 1 0;
		min-width: 170px;
	}

	.lta-vmenu__group-title {
		display: block !important;
		margin: 0 0 8px !important;
		padding: 0 0 8px !important;
		border-bottom: 1px solid #eee !important;
		color: var(--lta-mega-heading, #d11818) !important;
		font-size: 13.5px !important;
		font-weight: 700 !important;
		line-height: 1.4 !important;
		text-transform: uppercase !important;
	}

	a.lta-vmenu__group-title:hover {
		color: var(--lta-mega-heading, #d11818) !important;
		opacity: 0.82;
	}

	.lta-vmenu__links {
		list-style: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.lta-vmenu__links--cols {
		column-gap: 30px;
	}

	.lta-vmenu__links > li {
		margin: 0 !important;
		padding: 0 !important;
		break-inside: avoid;
	}

	.lta-vmenu__links > li > a {
		position: relative;
		display: block !important;
		padding: 5px 0 !important;
		color: #5b5b5b !important;
		font-size: 13px !important;
		font-weight: 400 !important;
		line-height: 1.5 !important;
		text-transform: none !important;
		transition: color 0.2s ease, padding-left 0.2s ease;
	}

	.lta-vmenu__links > li > a::before {
		content: "\00BB";
		position: absolute;
		left: 0;
		top: 5px;
		opacity: 0;
		color: var(--lta-mega-heading, #d11818);
		transition: opacity 0.2s ease;
	}

	.lta-vmenu__links > li > a:hover {
		color: var(--lta-mega-heading, #d11818) !important;
		padding-left: 14px !important;
	}

	.lta-vmenu__links > li > a:hover::before {
		opacity: 1;
	}

	/* Cấp con sâu hơn trong flyout (menu cấp 5, 6): thụt dần vào, chữ nhỏ hơn,
	   gạch "–" đầu dòng — đồng bộ với cách hiển thị cấp 4+ ở mega ngang. */
	.lta-vmenu__links--sub {
		padding-left: 14px !important;
	}

	.lta-vmenu__links--sub > li > a {
		padding: 3px 0 3px 12px !important;
		color: #8a8f98 !important;
		font-size: 12.5px !important;
	}

	.lta-vmenu__links--sub > li > a::before {
		content: "\2013";
		opacity: 1;
		top: 3px;
		color: #c2c6cb;
		transition: color 0.2s ease;
	}

	.lta-vmenu__links--sub > li > a:hover {
		padding-left: 12px !important;
	}

	.lta-vmenu__links--sub > li > a:hover::before {
		color: var(--lta-mega-heading, #d11818);
	}
}

/* Laptop màn thấp (<= 768px cao): nén dòng để đáy panel dọc không tràn xuống
   vùng cụm nút liên hệ nổi (plugin lta-contact-buttons, góc trái dưới) —
   tránh 2 dòng cuối bị che, mất hover/click. */
@media screen and (min-width: 850px) and (max-height: 768px) {

	.lta-vmenu__link {
		padding: 5px 14px !important;
	}

	.lta-vmenu__list {
		padding: 3px 0 5px !important;
	}
}