/* === LANGUAGE SWITCH === */
.lang-toggle-button {
    position: relative;
    width: 74px;
    height: 36px;
    margin: 0 auto;
    border-radius: 100px;
    overflow: hidden;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.lang-checkbox {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 3;
    cursor: pointer;
}

.lang-knob {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 26px;
    height: 26px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    background-color: #4aaa42;
    border-radius: 50%;
    text-align: center;
    line-height: 26px;
    z-index: 2;
    transition: 0.3s ease all;
}

.lang-knob span {
    display: inline-block;
    width: 100%;
}

.lang-checkbox:checked + .lang-knob {
    left: 44px;
    background-color: #0397d6;
}

.lang-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ebfcef;
    transition: background-color 0.3s ease;
    border-radius: 100px;
    z-index: 1;
}

.lang-checkbox:checked ~ .lang-layer {
    background-color: #ebf7fc;
}

/* === LOGO WRAPPER === */
.logo-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

.logo-wrapper > div {
    flex: 0 0 18%;
    text-align: center;
}

.logo-wrapper img {
    max-width: 100%;
    height: auto;
}

/* === SUBMENU LEVEL 3 (GRANDCHILD) === */
.main-menu__sub-list .submenu-right {
    position: absolute;
    top: -69px;
    left: 100%;
    display: none;
    z-index: 999;
}

/* Tampilkan grandchild saat hover di parent (li child) */
.main-menu__sub-list > li:hover > .submenu-right {
    display: block;
}

/* === HEADER FLEX LAYOUT === */
.header__top .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Logo selalu kiri */
.header__top .logo {
    display: flex;
    align-items: center;
}

/* Menu utama desktop */
.header__top .main-menu {
    display: flex;
    justify-content: center;
    /* Bikin rata tengah */
    align-items: center;
    flex: 1;
    /* Ambil ruang sisa di tengah */
    margin: 0;
}

/* Tombol login/dashboard/logout */
.header__button {
    margin-left: 15px;
}

/* Bagian kanan (lang + tombol + hamburger) */
.header__top .col-lg-9 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
    /* Jarak antar elemen kanan */
}

/* Lang toggle di kanan */
.lang {
    display: flex;
    align-items: center;
}

/* Responsive: tablet & mobile */
@media (max-width: 991px) {
    .header__top .main-menu {
        display: none;
        /* sembunyikan menu desktop */
    }

    .hamburger {
        display: block;
        /* tampilkan hamburger */
    }

    .lang {
        margin-left: 0;
    }
}

/* Responsive: desktop */
@media (min-width: 992px) {
    .hamburger {
        display: none;
        /* sembunyikan hamburger */
    }
}

/* Penyesuaian padding lang di layar besar */
@media (min-width: 1440px) and (max-height: 788px) {
    .lang {
        padding-top: 10px !important;
    }
}

/* Highlight warna submenu */
.header-f2 .lower-menu__link::after,
.header-f2 .main-menu__item .main-menu__link::before,
.header-f2 .main-menu__sub-list li a::after {
    background: #ffad26;
}

@media only screen and (min-width: 576px) {
    .header-f2 .logo__img {
        height: 70px;
    }
}

@media only screen and (min-width: 1367px) {
    .header-f2 .logo__img {
        height: 80px;
    }
}