/* PROTO Giải pháp — bảng menu con "Giải pháp IoT" kiểu mega (tải trên mọi trang, rất nhỏ). */
.header-nav .pgp-mega > .nav-dropdown {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2px 6px;
	width: 540px;
	min-width: 0;
	padding: 12px;
	background: #0b1f33;
	border: 1px solid #1f3b57;
	border-radius: 14px;
	box-shadow: 0 24px 48px -18px rgba(0, 0, 0, .55);
}
.header-nav li.pgp-mega.current-dropdown > .nav-dropdown,
.header-nav li.pgp-mega.has-dropdown:hover > .nav-dropdown {
	left: 50%;
	right: auto;
	transform: translateX(-50%);
}
.header-nav li.pgp-mega.has-dropdown::after { border-bottom-color: #0b1f33 !important; }
.header-nav li.pgp-mega.has-dropdown::before { border-bottom-color: #1f3b57 !important; }
.header-nav .pgp-mega > .nav-dropdown::before {
	content: "Giải pháp IoT theo lĩnh vực";
	grid-column: 1 / -1;
	display: block;
	margin: 0 0 6px;
	padding: 2px 10px 10px;
	border-bottom: 1px solid #1f3b57;
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #5cc2f2;
}
.header-nav .pgp-mega > .nav-dropdown > li {
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	border: 0 !important;
}
.header-nav .pgp-mega > .nav-dropdown > li > a {
	display: flex;
	align-items: center;
	padding: 9px 10px;
	border: 0 !important;
	border-radius: 10px;
	box-shadow: none;
	color: #e6eef6 !important;
	text-transform: none;
	letter-spacing: 0;
	line-height: 1.3;
	white-space: normal;
	transition: background-color .15s ease;
}
.header-nav .pgp-mega > .nav-dropdown > li > a:hover,
.header-nav .pgp-mega > .nav-dropdown > li > a:focus-visible {
	background: #11293f;
	color: #ffffff !important;
}
.pgp-mi { display: flex; align-items: center; gap: 12px; min-width: 0; }
.pgp-mi__ico {
	flex: none;
	width: 38px;
	height: 38px;
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #0e2a44;
	border: 1px solid #1f3b57;
	color: #5cc2f2;
	transition: border-color .15s ease, background-color .15s ease;
}
.header-nav .pgp-mega a:hover .pgp-mi__ico { border-color: #5cc2f2; background: #12385a; }
.pgp-mi__txt { display: flex; flex-direction: column; min-width: 0; }
.pgp-mi__txt b { font-size: 14.5px; font-weight: 600; color: inherit; }
.pgp-mi__txt small { font-size: 12px; font-weight: 400; color: #9fb3c8; }
.header-nav .pgp-mega > .nav-dropdown > li.pgp-menu-all {
	grid-column: 1 / -1;
	margin-top: 6px;
	padding-top: 6px;
	border-top: 1px solid #1f3b57 !important;
}
.pgp-mi--all { justify-content: space-between; width: 100%; color: #5cc2f2; }
.pgp-mi--all b { font-size: 14px; font-weight: 600; }
.pgp-mi--all i { font-style: normal; transition: transform .15s ease; }
.header-nav .pgp-mega a:hover .pgp-mi--all { color: #86d3f6; }
.header-nav .pgp-mega a:hover .pgp-mi--all i { transform: translateX(3px); }

/* menu điện thoại (thanh bên): chỉ giữ tên */
.nav-sidebar .pgp-mi__ico,
.nav-sidebar .pgp-mi__txt small,
.nav-sidebar .pgp-mi--all i { display: none; }
.nav-sidebar .pgp-mi b { font-weight: inherit; font-size: inherit; }
.nav-sidebar .pgp-mi--all { color: inherit; }

@media (prefers-reduced-motion: reduce) {
	.header-nav .pgp-mega a, .pgp-mi__ico, .pgp-mi--all i { transition: none; }
}