.mymenuwp-nav-wrapper {
    display: block;
    margin: 15px 0;
    box-sizing: border-box;
}

.mymenuwp-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

/* KONDISI GARIS PEMBATAS (SEPARATOR) */
.mymenuwp-no-separator .mymenuwp-menu {
    gap: 10px;
}
.mymenuwp-has-separator .mymenuwp-menu {
    gap: 0;
    border: 1px solid var(--separator-color);
    border-radius: 6px;
    overflow: hidden;
}
.mymenuwp-has-separator .mymenuwp-menu-item {
    border-right: 1px solid var(--separator-color);
}
.mymenuwp-has-separator .mymenuwp-menu-item:last-child {
    border-right: none;
}
.mymenuwp-layout-auto.mymenuwp-has-separator .mymenuwp-menu-item {
    border-bottom: 1px solid var(--separator-color);
}
.mymenuwp-layout-auto.mymenuwp-has-separator .mymenuwp-menu {
    border-bottom: none;
}


/* 1. TATA LETAK: BEBAS (Auto) */
.mymenuwp-layout-auto .mymenuwp-menu {
    flex-wrap: wrap;
    justify-content: flex-start;
}
.mymenuwp-layout-auto .mymenuwp-menu-item {
    flex: 0 1 auto;
}

/* 2. TATA LETAK: SAMA RATA (Fit Wrap - 1 Baris Utama, Lebar Sama Presisi, Teks Turun Rata Tengah) */
.mymenuwp-layout-fit_wrap .mymenuwp-menu {
    flex-wrap: nowrap; /* WAJIB 1 BARIS KOTAK MENU */
    width: 100%;
}
.mymenuwp-layout-fit_wrap .mymenuwp-menu-item {
    /* flex: 1 1 0% memastikan lebar masing-masing item dibagi RATA SEMPURNA tanpa terpengaruh isi teksnya */
    flex: 1 1 0%;
    min-width: 0; /* Cegah isi agar tidak membuat item melebar melampaui bagiannya */
    display: flex;
    flex-direction: column;
}
.mymenuwp-layout-fit_wrap .mymenuwp-menu-item a {
    width: 100%;
    height: 100%; /* Pastikan semua link di baris ini punya tinggi yang sama rata */
    display: flex;
    align-items: center;  /* Vertikal Rata Tengah */
    justify-content: center; /* Horizontal Rata Tengah */
    /* Ukuran font disesuaikan agar tidak terlalu besar di kontainer sempit */
    font-size: clamp(12px, 1rem, 16px);
}
.mymenuwp-layout-fit_wrap .mymenuwp-text-container {
    /* Izinkan teks turun baris penuh */
    white-space: normal;
    word-break: break-word; /* Pisah kata agar teks ekstra panjang yang gabung tetap aman */
    text-align: center; /* Teks Rata Tengah (Horizontal) */
    line-height: 1.3;
    display: block; /* Pastikan ia bertindak sebagai blok dalam container flex */
    width: 100%; /* Gunakan seluruh ruang yang ada di dalam menu item */
}


/* BENTUK ITEM MENU & BACKGROUND DASAR */
.mymenuwp-menu-item {
    position: relative;
    box-sizing: border-box;
}

.mymenuwp-menu-item a {
    display: flex; 
    align-items: center; 
    justify-content: center; 
    text-align: center;
    padding: 12px 10px; /* Padding tidak terlalu tebal untuk ruang maksimal */
    text-decoration: none;
    font-weight: 600;
    border-radius: 6px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    background-color: var(--default-bg);
    border: 2px solid transparent;
    box-sizing: border-box;
}

/* Matikan radius dalam item jika pakai separator bingkai */
.mymenuwp-has-separator .mymenuwp-menu-item a {
    border-radius: 0;
}

/* MENU AKTIF (ACTIVE STATE) */
.mymenuwp-menu-item.mymenuwp-active a {
    background-color: var(--active-bg, #005299) !important;
    color: #ffffff !important;
}

/* Base Accessibility Focus for WCAG */
.mymenuwp-menu-item a:focus-visible {
    outline: 2px dashed var(--menu-color);
    outline-offset: -4px;
}

/* Modus High Contrast */
.mymenuwp-high-contrast .mymenuwp-menu-item a {
    border-bottom: 3px solid var(--menu-color);
    font-weight: 700;
}
.mymenuwp-high-contrast .mymenuwp-menu-item a:focus,
.mymenuwp-high-contrast .mymenuwp-menu-item a.mymenuwp-hover {
    background-color: #222 !important;
    color: #fff !important;
    outline: 4px solid #ffcc00;
    outline-offset: -2px;
}
.mymenuwp-high-contrast .mymenuwp-menu-item.mymenuwp-active a {
    border-bottom-color: #fff;
    outline: 2px solid #ffcc00;
}

/* Efek Fade */
.mymenuwp-effect-fade {
    opacity: 0.9;
}
.mymenuwp-effect-fade.mymenuwp-hover, 
.mymenuwp-effect-fade:focus {
    opacity: 1;
    filter: brightness(0.95);
}

/* Efek Slide */
.mymenuwp-effect-slide {
    transform: translateY(0);
}
.mymenuwp-effect-slide.mymenuwp-hover,
.mymenuwp-effect-slide:focus {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    z-index: 2;
}

/* Efek Scale */
.mymenuwp-effect-scale {
    transform: scale(1);
}
.mymenuwp-effect-scale.mymenuwp-hover,
.mymenuwp-effect-scale:focus {
    transform: scale(1.05);
    z-index: 2;
    filter: brightness(0.95);
}