#window-hinge-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    perspective: 1200px;

    overflow: visible;
}

.hinge-logic-frame {
    position: relative;
    width: 100%;
    height: 80px;

    transform-origin: top;
    transform-style: preserve-3d;
    backface-visibility: hidden;

    overflow: visible; 
}


.hinge-shutter-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 35, 128, 1) 0%, rgba(10, 103, 220, 1) 74%);
    z-index: -1;
    border-bottom: 1px solid #feda38;
}


@keyframes hingeOpen {
    0% {
        transform: rotateX(-110deg);
        opacity: 0;
    }
    100% {
        transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes hingeClose {
    0% {
        transform: rotateX(0deg);
        opacity: 1;
    }
    100% {
        transform: rotateX(-110deg);
        opacity: 0;
    }
}


.nav-hinge-open .hinge-logic-frame {
    animation: hingeOpen 0.9s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}


.nav-hinge-closed .hinge-logic-frame {
    animation: hingeClose 1.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    box-shadow: 0 20px 40px rgba(0,0,0,0.4);
    pointer-events: none;
}


.hinge-flex-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 0 2%;
}

.hinge-logo { 
    max-height: 45px; 
    width: auto; 
}

.hinge-menu-list {
    display: flex;
    list-style: none;
    gap: 15px;
    margin: 0;
    padding: 0;
    align-items: center;
    margin-top: 10px;
}

.hinge-menu-list a, .toggle-label {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: color 0.3s;
}

.hinge-menu-list a:hover {
    color: #feda38;
}

.hinge-cta {
    background: #ed1c24;
    padding: 8px 20px !important;
    border-radius: 4px;
}


.has-submenu, .has-inner { 
    position: relative; 
}


.hinge-dropdown {
    position: absolute;
    top: 100%;
    right: 0;

    background: #0a67dc;
    min-width: 220px;
    display: none;
    list-style: none;
    padding: 10px 0;

    z-index: 99999; 
    box-shadow: -5px 5px 15px rgba(0,0,0,0.3);

    transform: translateZ(20px); 
}


.hinge-inner-dropdown {
    position: absolute;
    top: 0;
    right: 100%;

    background: #002380;
    min-width: 220px;
    display: none;
    list-style: none;
    padding: 10px 0;

    z-index: 99999;
    border-right: 2px solid #ed1c24;

    transform: translateZ(20px);
}


.has-submenu:hover > .hinge-dropdown,
.has-inner:hover > .hinge-inner-dropdown { 
    display: block; 
}

.hinge-dropdown a { 
    padding: 10px 20px; 
    display: block; 
    white-space: nowrap; 
}



.sub-input, 
.hinge-input, 
.hinge-btn, 
.toggle-label { 
    display: none; 
}



@media (max-width: 1140px) {
   
    #window-hinge-nav, 
    #window-hinge-nav.nav-hinge-closed .hinge-logic-frame {
        position: fixed !important;
        transform: rotateX(0deg) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .hinge-logic-frame { height: 65px; }

    /* BURGER BUTTON */
    .hinge-btn { display: flex; flex-direction: column; gap: 5px; cursor: pointer; }
    .hinge-bar { width: 25px; height: 2px; background: #fff; transition: 0.3s; }

    
    .hinge-menu-list {
        position: fixed;
        top: 65px;
        left: 0;
        width: 100%;
        height: calc(100vh - 65px);
        background: #002380; 
        flex-direction: column;
        align-items: flex-start;
        transform: translateX(100%);
        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        overflow-y: auto;
        gap: 0;
        padding: 0;
    }

    .hinge-input:checked ~ .hinge-menu-list { transform: translateX(0); }

  
    .desktop-only { display: none !important; } 
    
    .toggle-label { 
        display: flex !important; 
        justify-content: space-between;
        width: 100%;
        padding: 15px 25px; 
        border-bottom: 1px solid rgba(255,255,255,0.1);
        background: rgba(0,0,0,0.1);
    }
    
    .toggle-label::after { content: '▼'; font-size: 10px; opacity: 0.6; }


    .hinge-dropdown, .hinge-inner-dropdown { 
        position: static; 
        width: 100%; 
        box-shadow: none;
        padding: 0;
        display: none; 
        background: #052a8a;
    }

  
    #drop-3:checked ~ .hinge-dropdown,
    #drop-2025:checked ~ .hinge-inner-dropdown,
    #drop-2024:checked ~ .hinge-inner-dropdown,
    #drop-2023:checked ~ .hinge-inner-dropdown,
    #drop-2022:checked ~ .hinge-inner-dropdown { 
        display: block !important; 
    }

    .hinge-menu-list li { width: 100%; }

    .hinge-menu-list > li > a {
        padding: 15px 25px;
        display: block;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }


    .hinge-dropdown a { padding-left: 45px; background: #052a8a; }
    .hinge-inner-dropdown a { padding-left: 65px; background: #08319e; }
}




.mobile-header-only{
    display:none;
}


@media(max-width:991px){

    #window-hinge-nav{
        display:none !important;
    }

    .mobile-header-only{
        display:block;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        z-index:99999;
        background:linear-gradient(90deg, rgba(0,35,128,1) 0%, rgba(10,103,220,1) 74%);
        border-bottom:1px solid #feda38;
    }

    .mobile-topbar{
        height:80px;
        padding:0 18px;
        display:flex;
        align-items:center;
        justify-content:space-between;
    }

    .mobile-logo{
        height:42px;
        width:auto;
    }

    .mobile-toggle-btn{
        background:none;
        border:none;
        display:flex;
        flex-direction:column;
        gap:5px;
        padding:0;
    }

    .mobile-toggle-btn span{
        width:25px;
        height:2px;
        background:#fff;
        display:block;
    }

    .mobile-menu-panel{
        position:fixed;
        top:65px;
        left:-100%;
        width:100%;
        height:calc(100vh - 65px);
        background:#002380;
        overflow-y:auto;
        transition:0.4s;
    }

    .mobile-menu-panel.active{
        left:0;
    }

    .mobile-main-menu{
        list-style:none;
        margin:0;
        padding:0;
    }

    .mobile-main-menu li{
        width:100%;
    }

    .mobile-main-menu a{
        color:#fff;
        text-decoration:none;
        display:block;
        padding:15px 20px;
        border-bottom:1px solid rgba(255,255,255,0.1);
    }

    .mobile-dropdown-title,
    .mobile-inner-title{
        color:#fff;
        padding:15px 20px;
        border-bottom:1px solid rgba(255,255,255,0.1);
        display:flex;
        align-items:center;
        justify-content:space-between;
        cursor:pointer;
    }

    .mobile-submenu,
    .mobile-inner-menu{
        display:none;
        list-style:none;
        margin:0;
        padding:0;
    }

    .mobile-submenu.active,
    .mobile-inner-menu.active{
        display:block;
    }

    .mobile-submenu a{
        padding-left:40px;
        background:#063090;
    }

    .mobile-inner-menu a{
        padding-left:60px;
        background:#0a3ea8;
    }

    .mobile-register-btn{
        background:#ed1c24;
        text-align:center;
        margin:20px;
        border-radius:5px;
        border:none !important;
    }
}