/*
Theme Name: Universitas Udayana 2026 Wordpress Theme
Theme URI: https://unud.ac.id
Author: Unit Sumber Daya Informasi
Author URI: https://usdi.unud.ac.id
Description: Tema WordPress   Universitas Udayana
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: web-unud
*/
/* UL utama */
.nav-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* LI level atas */
.nav-menu > li {
    position: relative; /* penting untuk posisi dropdown */
}

/* Link level atas (BERANDA, PROGRAM STUDI, dst.) */
.nav-menu > li > a {
    display: flex;
    align-items: center;
    padding-top: 1.75rem;  /* py-7 */
    padding-bottom: 1.75rem;
    border-bottom: 4px solid transparent;
    text-decoration: none;
    transition: color 0.2s ease, border-color 0.2s ease;
}

.nav-menu > li > a:hover {
    color: #fec310;
    border-color: #fec310;
}

/* SUB MENU = panel mega menu */
.nav-menu > li > .sub-menu {
    position: absolute;
    top: 100%;                /* muncul di bawah teks "Program Studi" */
    left: 50%;
    transform: translateX(-50%);
    width: 600px;
    background-color: rgba(30, 58, 138, 0.55); /* bg-[#1e3a8a]/55 for contrast under blur */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: #fff;
    border-radius: 0.375rem;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    list-style: none;
    margin: 0;
    padding: 1.5rem;
    
    display: grid;  /* dua kolom */
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0rem;

    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    z-index: 50;
}

/* Tampilkan panel saat hover item utama */
.nav-menu > li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
}

/* Item dalam sub-menu */
.nav-menu .sub-menu li {
    list-style: none;
}

/* Link tiap item (Diploma Tiga, dst) */
.nav-menu .sub-menu li a {
    font-size: 0.875rem; /* text-sm */
    font-weight: 500;
    display: flex;
    align-items: center;
    padding: 0.25rem 0;
    text-decoration: none;
    transition: color 0.2s ease;
}
.nav-menu > li > .sub-menu::before {
    content: "";
    position: absolute;
    top: 1rem;
    bottom: 1rem;
    left: 40%;
    width: 2px;
    background-color: #fec310;
    transform: translateX(-50%);
}
.nav-menu .sub-menu li a:hover {
    color: #fec310;
}
/* Kolom Kiri */
.nav-menu > li > .sub-menu > li:nth-child(odd) {
    padding-right: 0.5rem;
}

/* Kolom Kanan */
.nav-menu > li > .sub-menu > li:nth-child(even) {
    padding-left: 0.5rem;
}