/**
 * GNA Nav Fix - Desktop Dropdown
 * Pasangan CSS untuk script lama (submenu ber-atribut data-gna-fixed).
 * Script JS sudah membungkus link + submenu dan men-set submenu display:none.
 * File ini bertugas MENAMPILKAN submenu saat hover.
 */

@media (min-width: 1024px) {

	/* Tampilkan submenu saat hover wrapper-nya atau submenu-nya */
	.main-nav > div:hover > .sub-menu[data-gna-fixed],
	.main-nav .sub-menu[data-gna-fixed]:hover {
		display: block !important;
	}

	/* Jembatan tak terlihat menutup celah 8px antara link & submenu */
	.main-nav .sub-menu[data-gna-fixed]::before {
		content: "";
		position: absolute;
		top: -12px;
		left: 0;
		right: 0;
		height: 12px;
	}

	/* Tata letak & warna item di dalam submenu */
	.main-nav .sub-menu[data-gna-fixed] a {
		display: block;
		padding: 10px 20px;
		color: #c4d2ee;
		font-size: 0.92rem;
		line-height: 1.4;
		white-space: nowrap;
		text-decoration: none;
		transition: background 0.2s ease, color 0.2s ease;
	}
	.main-nav .sub-menu[data-gna-fixed] a:hover {
		background: rgba(56, 189, 248, 0.12);
		color: #ffffff;
	}
}