/* Active state */
    #nav-c .nav-items .nlink.is-active { color: #f5c842; background: transparent; }
    #nav-c .nav-items .nlink.is-active .indicator { opacity: 1; background: #f5c842; }
    #nav-c {
        position: sticky;
        top: 0;
        z-index: 1030;
        background: var(--main-color);
        box-shadow: 0 2px 16px rgba(0,0,0,.18);
        font-size: 87.5%;
    }
    #nav-c .inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 65px;
        gap: 16px;
    }
    #nav-c .midbar {
        border-bottom: 1px solid rgba(255,255,255,.12);
    }
    #nav-c .mainbar {
        background: rgba(0,0,0,.18);
        border-top: 1px solid rgba(255,255,255,.08);
    }
    #nav-c .mainbar .nav-items { gap: 0; }
    #nav-c .mainbar .nlink {
        padding: 10px 14px;
    }
    #nav-c .brand {
        display: flex;
        align-items: center;
        gap: 12px;
        text-decoration: none;
        flex-shrink: 0;
    }
    #nav-c .brand-text {
        font-size: clamp(.72rem, 1.2vw, .92rem);
        font-weight: 800;
        color: #fff;
        line-height: 1.2;
        max-width: 200px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    #nav-c .nav-items {
        display: flex;
        align-items: center;
        gap: 2px;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #nav-c .nav-items .nlink {
        font-size: 13px;
        font-weight: 600;
        letter-spacing: .05em;
        text-transform: uppercase;
        color: rgba(255,255,255,.88);
        text-decoration: none;
        padding: 6px 12px;
        border-radius: 8px;
        white-space: nowrap;
        transition: color .15s, background .15s;
        display: flex;
        align-items: center;
        gap: 4px;
    }
    #nav-c .nav-items .nlink:hover { color: #f5c842; background: transparent; }
    #nav-c .nav-items .nlink .indicator {
        width: 5px; height: 5px; border-radius: 50%;
        background: rgba(255,255,255,.9);
        opacity: 0;
        transition: opacity .15s;
    }
    #nav-c .nav-items .nlink:hover .indicator { opacity: 1; background: #f5c842; }

    /* Dropdown — pure CSS hover, no Popper.js */
    #nav-c .nav-items .dropdown { position: relative; }
    #nav-c .dd-c {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        list-style: none;
        border: none;
        border-radius: 14px;
        box-shadow: 0 12px 40px rgba(0,0,0,.14);
        padding: 8px;
        min-width: 200px;
        margin: 6px 0 0;
        background: #fff;
        z-index: 1050;
    }
    #nav-c .nav-items .dropdown.dd-open > .dd-c { display: block; }
    #nav-c .dd-c .dd-item {
        display: block;
        border-radius: 8px;
        font-size: 12.5px;
        font-weight: 500;
        padding: 8px 14px;
        text-transform: uppercase;
        letter-spacing: .04em;
        color: #2d3748;
        text-decoration: none;
        transition: background .15s;
        white-space: nowrap;
    }
    #nav-c .dd-c .dd-item:hover { background: rgba(0,0,0,.06); color: #222; }
    /* Nested submenu */
    #nav-c .dd-sub { position: relative; }
    #nav-c .dd-sub > .dd-c { top: 0; left: 100%; margin: 0 0 0 4px; display: none; }
    #nav-c .dd-sub.dd-sub-open > .dd-c { display: block; }
    #nav-c .dd-sub > .dd-item { display: flex; align-items: center; justify-content: space-between; }

    #nav-c .lang-wrap {
        display: flex;
        align-items: center;
        background: rgba(255,255,255,.1);
        border-radius: 8px;
        padding: 3px;
        gap: 1px;
    }
    #nav-c .lang-wrap a {
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .08em;
        color: rgba(255,255,255,.6);
        text-decoration: none;
        padding: 3px 10px;
        border-radius: 6px;
        transition: background .15s, color .15s;
    }
    #nav-c .lang-wrap a:hover,
    #nav-c .lang-wrap a.active-lang {
        background: rgba(255,255,255,.18);
        color: #fff;
    }

    /* Mobile ham */
    #nav-c .ham-btn {
        background: rgba(255,255,255,.1);
        border: none;
        border-radius: 8px;
        color: #fff;
        font-size: 1.2rem;
        width: 38px; height: 38px;
        display: none;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        flex-shrink: 0;
    }
    #nav-c .ham-btn:hover { background: rgba(0,0,0,.18); }
    #nav-c .mob-nav { display: none; }
    @media (max-width: 991.98px) {
        #nav-c .nav-items, #nav-c .right-items { display: none !important; }
        #nav-c .ham-btn { display: flex !important; }
        #nav-c .mob-nav {
            padding: 8px 0 12px;
            border-top: 1px solid rgba(255,255,255,.1);
        }
        #nav-c .mob-nav.open { display: block; }
        #nav-c .mob-nav .ml {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 9px 4px;
            font-size: 13px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: .05em;
            color: rgba(255,255,255,.8);
            text-decoration: none;
            border-radius: 8px;
            transition: background .15s, color .15s;
            cursor: pointer;
        }
        #nav-c .mob-nav .ml:hover { background: rgba(0,0,0,.15); color: #fff; }
        #nav-c .mob-sub {
            padding-left: 12px;
            display: none;
            border-left: 2px solid rgba(255,255,255,.15);
            margin: 2px 0 4px;
        }
        #nav-c .mob-sub.open { display: block; }
        #nav-c .mob-sub .ml { font-size: 12px; font-weight: 500; color: rgba(255,255,255,.6); }
        #nav-c .mob-lang {
            display: flex; gap: 6px; padding: 8px 4px 4px;
            border-top: 1px solid rgba(255,255,255,.1);
            margin-top: 6px;
        }
        #nav-c .mob-lang a {
            font-size: 11px; font-weight: 700; letter-spacing: .08em;
            color: rgba(255,255,255,.6); text-decoration: none;
            padding: 3px 10px; border-radius: 6px;
            background: rgba(255,255,255,.08);
            transition: background .15s, color .15s;
        }
        #nav-c .mob-lang a.active-lang { background: rgba(255,255,255,.2); color: #fff; }
    }

    /* Sub-navbar prodi */
    #nav-c .subbar {
        background: var(--second-color);
        padding: 0;
        overflow: hidden;
    }
    #nav-c .subbar .container::-webkit-scrollbar { display: none; }
    #nav-c .subbar .sub-link {
        font-size: 10px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: .05em;
        color: rgba(255,255,255,.8);
        text-decoration: none;
        padding: 10px 10px;
        border-radius: 6px;
        transition: background .15s, color .15s;
        white-space: nowrap;
    }
    #nav-c .subbar .sub-link:hover { background: rgba(255,255,255,.15); color: #fff; }

    /* Search button — ikut warna teks navbar */
    #nav-c .nv-search-btn { color: rgba(255,255,255,.85); }
    #nav-c .nv-search-btn:hover { background: rgba(0,0,0,.18); color: #fff; }