/* =========================================================
   P.T. LEE CHENGALVARAYA NAICKER TRUST
   MODERN PREMIUM GOLD NAVIGATION
========================================================= */

.trust-navbar {
    width: 100%;
    position: relative;
    z-index: 5000;

    background: linear-gradient(
        135deg,
        #050018 0%,
        #0b0630 38%,
        #101f58 72%,
        #071a45 100%
    );

    box-shadow:
        0 8px 30px rgba(0, 0, 0, 0.28);

    transition:
        box-shadow 0.3s ease,
        transform 0.3s ease;
}

.trust-navbar::before,
.trust-navbar::after {
    content: "";

    position: absolute;

    left: 0;

    width: 100%;
    height: 2px;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 215, 0, 0.20) 15%,
        #b8860b 30%,
        #ffd700 50%,
        #b8860b 70%,
        rgba(255, 215, 0, 0.20) 85%,
        transparent 100%
    );

    box-shadow:
        0 0 8px rgba(255, 215, 0, 0.45);

    pointer-events: none;
}

.trust-navbar::before {
    top: 0;
}

.trust-navbar::after {
    bottom: 0;
}

/* =========================================================
   STICKY NAVIGATION
========================================================= */

.trust-navbar.scrolled {
    position: fixed;

    top: 0;
    left: 0;
    right: 0;

    width: 100%;
    z-index: 99999;

    box-shadow:
        0 12px 35px rgba(0, 0, 0, 0.38),
        0 2px 12px rgba(255, 215, 0, 0.08);

    animation:
        stickyNavIn 0.35s ease forwards;
}


@keyframes stickyNavIn {

    from {
        opacity: 0;
        transform: translateY(-100%);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


/* =========================================================
   NAV CONTAINER
   REDUCED HEIGHT
========================================================= */

.nav-container {
    width: 100%;
    max-width: 1500px;

    min-height: 48px;

    margin: 0 auto;
    padding: 0 20px;

    display: flex;
    align-items: stretch;
    justify-content: center;

    gap: 3px;
}


/* =========================================================
   MAIN NAVIGATION LINKS
   REDUCED HEIGHT
========================================================= */

.nav-link {
    min-height: 48px;

    padding: 0 17px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    color: #ffffff;

    text-decoration: none;

    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 600;

    letter-spacing: 0.15px;

    white-space: nowrap;

    position: relative;

    cursor: pointer;

    transition:
        background 0.28s ease,
        color 0.28s ease,
        box-shadow 0.28s ease;
}


/* =========================================================
   NAV ICON
========================================================= */

.nav-link i {
    font-size: 14px;

    color: #f5d76e;

    transition:
        color 0.28s ease,
        transform 0.28s ease;
}


/* =========================================================
   BOTTOM GOLD GLOW — SAME STYLE AS TOP
========================================================= */

.trust-navbar::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 2px;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 215, 0, 0.20) 15%,
        #b8860b 30%,
        #ffd700 50%,
        #b8860b 70%,
        rgba(255, 215, 0, 0.20) 85%,
        transparent 100%
    );

    box-shadow:
        0 0 8px rgba(255, 215, 0, 0.45),
        0 1px 4px rgba(255, 215, 0, 0.25);

    pointer-events: none;
}
/* =========================================================
   NAV HOVER
========================================================= */

.nav-link:hover {
    color: #ffffff;

    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.10),
        rgba(255, 215, 0, 0.05)
    );
}


.nav-link:hover i {
    color: #ffd700;

    transform: translateY(-1px);
}


.nav-link:hover::after {
    width: 72%;
}


/* =========================================================
   ACTIVE PAGE
========================================================= */

.nav-link.active {
    color: #ffffff;

    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.10),
        rgba(255, 215, 0, 0.05)
    );
}


.nav-link.active i {
    color: #ffd700;
}


.nav-link.active::after {
    width: 72%;
}


/* =========================================================
   DROPDOWN CONTAINER
========================================================= */

.nav-dropdown {
    position: relative;

    display: flex;
    align-items: stretch;
}


/* =========================================================
   DROPDOWN TOGGLE
========================================================= */

.dropdown-toggle {
    cursor: pointer;
}


/* =========================================================
   DROPDOWN ARROW
========================================================= */

.nav-dropdown .arrow {
    font-size: 9px;

    color: #f5d76e;

    transition:
        transform 0.3s ease,
        color 0.3s ease;
}


.nav-dropdown:hover .arrow {
    color: #ffd700;
}


/* =========================================================
   DROPDOWN MENU
========================================================= */

.nav-dropdown-menu {
    position: absolute;

    top: 100%;
    left: 50%;

    width: 235px;

    padding: 8px;

    transform:
        translateX(-50%)
        translateY(10px);

    background: linear-gradient(
        145deg,
        #ffffff 0%,
        #fffdf7 50%,
        #f8f5ed 100%
    );

    border: 1px solid rgba(212, 175, 55, 0.28);

    border-radius:
        0 0 14px 14px;

    box-shadow:
        0 18px 45px rgba(5, 15, 45, 0.30),
        0 3px 12px rgba(212, 175, 55, 0.10);

    opacity: 0;
    visibility: hidden;

    pointer-events: none;

    transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        visibility 0.25s ease;
}


/* =========================================================
   DROPDOWN GOLD TOP LINE
========================================================= */

.nav-dropdown-menu::before {
    content: "";

    position: absolute;

    top: 0;
    left: 12px;
    right: 12px;

    height: 2px;

    background: linear-gradient(
        90deg,
        transparent,
        #d4af37,
        #ffd700,
        #d4af37,
        transparent
    );

    border-radius: 10px;
}


/* =========================================================
   CLICK OPEN ONLY
========================================================= */

.nav-dropdown.open .nav-dropdown-menu {
    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform:
        translateX(-50%)
        translateY(0);
}


/* =========================================================
   OPEN ARROW
========================================================= */

.nav-dropdown.open .arrow {
    transform: rotate(180deg);

    color: #ffd700;
}


/* =========================================================
   DROPDOWN LINKS
========================================================= */

.nav-dropdown-menu a {
    display: block;

    width: 100%;

    padding: 11px 13px;

    color: #172033;

    text-decoration: none;

    font-family: "Poppins", sans-serif;

    font-size: 12.5px;
    font-weight: 500;

    line-height: 1.45;

    border-radius: 8px;

    position: relative;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease,
        padding-left 0.25s ease;
}


/* =========================================================
   GOLD SIDE INDICATOR
========================================================= */

.nav-dropdown-menu a::before {
    content: "";

    position: absolute;

    left: 7px;
    top: 50%;

    width: 3px;
    height: 0;

    border-radius: 5px;

    background: linear-gradient(
        180deg,
        #ffd700,
        #b8860b
    );

    transform: translateY(-50%);

    transition:
        height 0.25s ease;
}


/* =========================================================
   DROPDOWN HOVER
========================================================= */

.nav-dropdown-menu a:hover {
    color: #a97900;

    background: linear-gradient(
        90deg,
        rgba(212, 175, 55, 0.12),
        rgba(255, 215, 0, 0.045)
    );

    transform: translateX(3px);

    padding-left: 16px;
}


.nav-dropdown-menu a:hover::before {
    height: 18px;
}


/* =========================================================
   ACTIVE DROPDOWN LINK
========================================================= */

.nav-dropdown-menu a.active {
    color: #a97900;

    background: linear-gradient(
        90deg,
        rgba(212, 175, 55, 0.12),
        rgba(255, 215, 0, 0.045)
    );
}


.nav-dropdown-menu a.active::before {
    height: 18px;
}


/* =========================================================
   INSTITUTION DROPDOWN
========================================================= */

.institution-menu {
    width: 340px;
}


.institution-menu a {
    font-size: 12px;
}


/* =========================================================
   MOBILE MENU BUTTON
========================================================= */

.mobile-menu-btn {
    display: none;

    border: 1px solid rgba(255, 215, 0, 0.25);

    outline: none;

    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.11),
        rgba(255, 215, 0, 0.07)
    );

    color: #ffffff;

    padding: 8px 14px;

    border-radius: 8px;

    font-family: "Poppins", sans-serif;

    font-size: 12px;
    font-weight: 600;

    cursor: pointer;

    align-items: center;
    justify-content: center;

    gap: 7px;

    box-shadow:
        0 3px 12px rgba(0, 0, 0, 0.15);

    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}


.mobile-menu-btn:hover {
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.15),
        rgba(255, 215, 0, 0.12)
    );

    border-color:
        rgba(255, 215, 0, 0.55);

    box-shadow:
        0 4px 16px rgba(255, 215, 0, 0.12);
}


.mobile-menu-btn i {
    font-size: 17px;

    color: #ffd700;

    transition:
        transform 0.3s ease;
}


.mobile-menu-btn.active i {
    transform:
        rotate(90deg);
}


/* =========================================================
   TABLET / MOBILE
========================================================= */

@media (max-width: 991px) {

    .nav-container {
        min-height: 46px;

        padding: 5px 15px;

        justify-content: flex-end;

        position: relative;
    }


    .trust-navbar.scrolled {
        position: fixed;

        top: 0;
        left: 0;
        right: 0;

        width: 100%;

        z-index: 99999;
    }


    .mobile-menu-btn {
        display: inline-flex;

        margin-left: auto;
    }


    .nav-container > .nav-link,
    .nav-container > .nav-dropdown {
        display: none;

        width: 100%;
    }


    .trust-navbar.mobile-open
    .nav-container > .nav-link,

    .trust-navbar.mobile-open
    .nav-container > .nav-dropdown {
        display: block;
    }


    .trust-navbar.mobile-open
    .nav-container {
        flex-direction: column;

        align-items: stretch;
    }


    .trust-navbar.mobile-open
    .mobile-menu-btn {
        align-self: flex-end;

        margin-bottom: 4px;
    }


    .nav-link {
        width: 100%;

        min-height: 46px;

        justify-content: flex-start;

        padding: 0 20px;

        border-bottom:
            1px solid
            rgba(255, 255, 255, 0.07);
    }


    .nav-link::after {
        display: none;
    }


    .nav-dropdown {
        width: 100%;

        display: block;
    }


    .nav-dropdown > .nav-link {
        width: 100%;
    }


    .nav-dropdown-menu,
    .institution-menu {
        position: static;

        width: 100%;
        max-width: 100%;

        max-height: 0;

        overflow: hidden;

        padding: 0;
        margin: 0;

        transform: none;

        opacity: 0;
        visibility: hidden;

        pointer-events: none;

        border: 0;
        border-radius: 0;

        box-shadow: none;

        background:
            rgba(0, 0, 0, 0.18);

        transition:
            max-height 0.35s ease,
            opacity 0.3s ease,
            visibility 0.3s ease;
    }


    .nav-dropdown-menu::before {
        display: none;
    }


    .nav-dropdown.open .nav-dropdown-menu {
        width: 100%;
        max-width: 100%;

        max-height: 700px;

        padding: 6px 10px;

        margin: 0;

        opacity: 1;

        visibility: visible;

        pointer-events: auto;
    }


    .nav-dropdown.open
    .institution-menu {
        width: 100%;
        max-width: 100%;

        padding: 6px 10px;

        margin: 0;

        transform: none;
    }


    .nav-dropdown.open .arrow {
        transform:
            rotate(180deg);

        color: #ffd700;
    }


    .nav-dropdown-menu a {
        color:
            rgba(255, 255, 255, 0.92);

        padding:
            11px 20px 11px 42px;

        border-radius: 6px;
    }


    .nav-dropdown-menu a::before {
        left: 25px;

        background:
            linear-gradient(
                180deg,
                #ffd700,
                #b8860b
            );
    }


    .nav-dropdown-menu a:hover {
        color: #ffffff;

        background:
            linear-gradient(
                90deg,
                rgba(255, 215, 0, 0.13),
                rgba(255, 255, 255, 0.045)
            );

        transform: none;

        padding-left: 42px;
    }


    .nav-dropdown-menu a:hover::before {
        height: 18px;
    }


    .nav-dropdown-menu a.active {
        color: #ffffff;

        background:
            linear-gradient(
                90deg,
                rgba(255, 215, 0, 0.13),
                rgba(255, 255, 255, 0.045)
            );

        transform: none;
    }


    /* =====================================================
       ADMINISTRATION MOBILE
    ===================================================== */

    .trust-navbar.mobile-open
    .administration-dropdown.open
    .nav-dropdown-menu > a,

    .trust-navbar.mobile-open
    .administration-dropdown.open
    .nav-dropdown-menu > a:link,

    .trust-navbar.mobile-open
    .administration-dropdown.open
    .nav-dropdown-menu > a:visited,

    .trust-navbar.mobile-open
    .administration-dropdown.open
    .nav-dropdown-menu > a:hover,

    .trust-navbar.mobile-open
    .administration-dropdown.open
    .nav-dropdown-menu > a:active {
        color: #ffffff !important;

        -webkit-text-fill-color:
            #ffffff !important;

        opacity: 1 !important;

        visibility: visible !important;
    }


    .trust-navbar.mobile-open
    .administration-dropdown.open
    > .nav-dropdown-menu {
        display: block !important;

        max-height: 1000px !important;

        height: auto !important;

        opacity: 1 !important;

        visibility: visible !important;

        pointer-events: auto !important;

        overflow: visible !important;

        position: static !important;

        width: 100% !important;

        padding: 6px 10px !important;

        transform: none !important;

        background:
            rgba(0, 0, 0, 0.18) !important;

        border: 0 !important;

        box-shadow: none !important;
    }


    .trust-navbar.mobile-open
    .administration-dropdown.open
    > .nav-dropdown-menu
    > a {
        display: block !important;

        width: 100% !important;

        visibility: visible !important;

        opacity: 1 !important;

        color: #ffffff !important;

        -webkit-text-fill-color:
            #ffffff !important;

        background: transparent !important;

        font-family:
            "Poppins", sans-serif !important;

        font-size:
            12.5px !important;

        font-weight:
            500 !important;

        line-height:
            1.45 !important;

        text-decoration:
            none !important;

        padding:
            11px 20px 11px 42px !important;

        border-radius:
            6px !important;
    }


    .trust-navbar.mobile-open
    .administration-dropdown.open
    > .nav-dropdown-menu
    > a:hover {
        color: #ffffff !important;

        -webkit-text-fill-color:
            #ffffff !important;

        background:
            linear-gradient(
                90deg,
                rgba(255, 215, 0, 0.13),
                rgba(255, 255, 255, 0.04)
            ) !important;

        transform: none !important;
    }


    .trust-navbar.mobile-open
    .administration-dropdown.open
    > .nav-dropdown-menu
    > a.active {
        color: #ffffff !important;

        -webkit-text-fill-color:
            #ffffff !important;

        background:
            linear-gradient(
                90deg,
                rgba(255, 215, 0, 0.13),
                rgba(255, 255, 255, 0.04)
            ) !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .nav-container {
        padding: 5px 10px;
    }


    .mobile-menu-btn {
        padding: 7px 13px;
    }


    .nav-link {
        font-size: 12px;

        padding: 0 15px;

        min-height: 44px;
    }


    .nav-dropdown-menu a {
        font-size: 11.5px;
    }

}


/* =========================================================
   END NAVIGATION CSS
========================================================= */