/* ======================================================
       PREMIUM NAVBAR
    ====================================================== */


 .premium-nav {

     background: rgba(8, 15, 30, .75);

     backdrop-filter: blur(18px);

     -webkit-backdrop-filter: blur(18px);

     border-bottom: 1px solid rgba(255, 255, 255, .06);

     padding: 14px 0;

     transition: .3s ease;
 }

 .premium-nav.scrolled {

     background: rgba(8, 15, 30, .92);

     box-shadow: 0 10px 35px rgba(0, 0, 0, .25);
 }

 /* ======================================================
       LOGO
    ====================================================== */

 .premium-nav .navbar-brand img {

     width: 95px;

     object-fit: contain;
 }

 /* ======================================================
   FINAL MOBILE FIX
====================================================== */

 @media(max-width:991px) {

     .premium-nav .container-fluid {

         justify-content: space-between;
     }

     .mobile-offcanvas {

         max-width: 100% !important;

         width: 100% !important;

         height: 100vh;

         overflow-y: auto;

         z-index: 999999;
     }

     .mobile-offcanvas .offcanvas-body {

         display: block !important;

         overflow-y: auto;
     }

     .mobile-offcanvas .navbar-nav {

         align-items: stretch !important;
     }

     .mobile-offcanvas .dropdown {

         width: 100%;
     }

     .mobile-offcanvas .dropdown-toggle::after {

         margin-left: auto;
     }

     .mobile-offcanvas .mega-menu {

         position: relative !important;

         display: none !important;

         width: 100% !important;

         inset: auto !important;

         transform: none !important;

         top: auto !important;

         left: auto !important;
     }

     .mobile-offcanvas .mega-menu.show {

         display: block !important;
     }

     .mobile-offcanvas .mega-inner {

         display: flex !important;

         flex-direction: column !important;
     }

     .mobile-offcanvas .dropdown-item {

         white-space: normal;
     }
 }

 /* ======================================================
       NAV LINKS
    ====================================================== */

 .nav-link {
     color: rgba(255, 255, 255, .78) !important;
     font-family: "Jost", sans-serif;
     font-size: 1.2rem;
     font-weight: 700 !important;
     text-transform: uppercase;
     padding: 10px 16px !important;
     border-radius: 12px;
     transition: .3s ease;
     letter-spacing: 0px !important;
 }

 .nav-link:hover,
 .nav-link.active {

     color: #f5982a !important;
 }

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

 @media(min-width:992px) {

     .navbar .nav-item.dropdown {

         position: static;
     }

     .navbar .dropdown-menu {

         display: block;

         opacity: 0;

         visibility: hidden;

         transform: translateY(16px);

         transition:
             opacity .3s ease,
             transform .3s ease,
             visibility .3s ease;

         pointer-events: none;

         margin-top: 0;
     }

     /* ======================================================
   KEEP MENU OPEN
====================================================== */
     .navbar .nav-item.dropdown {

         position: static;
     }


     .navbar .dropdown-toggle::after {

         transition: transform .3s ease;
     }

     /* ======================================================
   CLICK DROPDOWN ACTIVE STATE
====================================================== */

     .navbar .nav-item.dropdown.active>.dropdown-menu {

         opacity: 1;

         visibility: visible;

         transform: translateY(0);

         pointer-events: auto;
     }

     .navbar .nav-item.dropdown.active .dropdown-toggle::after {

         transform: rotate(180deg);
     }
 }

 /* ======================================================
       FULLSCREEN MEGA MENU
    ====================================================== */

 .mega-menu {
     position: fixed !important;
     top: 100px !important;
     left: 0 !important;
     width: 100vw !important;
     background-image: url('https://newsite.chezzion.com/wp-content/uploads/2026/06/MENU-BG-1-scaled.png');
     backdrop-filter: blur(24px);
     -webkit-backdrop-filter: blur(24px);
     border: none !important;
     border-radius: 0 !important;
     padding: 20px 80px !important;
     background-repeat: no-repeat;
     overflow-y: auto;
     background-size: cover;
     background-position: center;
     z-index: 999;
     display: block !important;
     border-bottom: 1px solid #f5982a !important;
 }

 .mega-menu::before {

     content: "";

     position: absolute;

     top: -30px;

     left: 0;

     width: 100%;

     height: 30px;
 }

 .mega-inner {

     max-width: 75%;

     margin: auto;

     display: grid;

     grid-template-columns:
         repeat(4, 1fr);

     gap: 70px;
 }

 .mega-column {

     display: flex;

     flex-direction: column;

 }

 /* ======================================================
       DROPDOWN HEADER
    ====================================================== */

 .dropdown-header {

     font-size: 1.55rem;

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

     color: #f4a12e;
     text-decoration: none;

     font-weight: 700;

     margin-bottom: 24px;

     display: block;

     padding: 0;
 }

 /* ======================================================
       DROPDOWN ITEM
    ====================================================== */

 .dropdown-item {

     color: #ffffff;

     padding: 5px 0;

     border-radius: 0;
     font-family: "Jost", sans-serif;

     transition: .25s ease;

     font-size: 1rem;

     background: none !important;

     display: flex;

     align-items: center;

 }

 .dropdown-item:hover {

     color: #f5982a;

     padding-left: 10px;
 }

 /* ======================================================
       CTA BUTTON
    ====================================================== */
 .cta a {
     font-size: 16px;
     font-family: "Jost", sans-serif;
     font-weight: 600 !important;
     border-radius: 12px;
     letter-spacing: 0px !important;
     padding: 11px 18px;
 }

 /* ======================================================
       PARTNER LOGO
    ====================================================== */

 .nav-partner-logo img {

     width: 95px;

     object-fit: contain;
 }

 /* ======================================================
       MOBILE TOGGLER
    ====================================================== */

 .navbar-toggler {

     border: none !important;

     box-shadow: none !important;
 }

 .navbar-toggler-icon {

     background-image: none !important;

     display: flex;

     align-items: center;

     justify-content: center;

     color: white;

     font-size: 1.4rem;
 }

 /* ======================================================
   MOBILE OFFCANVAS FIX
====================================================== */

 @media(max-width:991px) {

     /* ==============================================
       OFFCANVAS
    ============================================== */

     .mobile-offcanvas {

         width: 100% !important;

         background:
             linear-gradient(135deg,
                 #050816,
                 #091224);

         overflow-y: auto;

         padding-bottom: 40px;
     }

     /* ==============================================
       HEADER
    ============================================== */

     .mobile-offcanvas .offcanvas-header {

         padding: 20px;

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

     .mobile-logo {

         width: 90px;
     }

     /* ==============================================
       BODY
    ============================================== */

     .mobile-offcanvas .offcanvas-body {
         width: 100%;
         padding: 20px;
     }

     /* ==============================================
       NAVBAR
    ============================================== */

     .mobile-offcanvas .navbar-nav {

         width: 100%;

         gap: 12px;
     }

     .mobile-offcanvas .nav-item {

         width: 100%;
     }

     /* ==============================================
       NAV LINKS
    ============================================== */

     .mobile-offcanvas .nav-link {

         width: 100%;

         padding: 20px 12px !important;

         border-radius: 16px;

         background:
             rgba(255, 255, 255, .04);

         display: flex;

         align-items: center;

         justify-content: space-between;

         font-size: .95rem;
     }

     /* ==============================================
       MEGA MENU FIX
    ============================================== */

     .mobile-offcanvas .mega-menu {

         position: relative !important;

         top: 0 !important;

         left: 0 !important;

         width: 100% !important;

         height: auto !important;

         min-height: auto !important;

         padding: 14px !important;

         margin-top: 10px !important;

         border-radius: 18px !important;

         overflow: hidden !important;

         background: #292929 !important;

         backdrop-filter: blur(20px);

         display: none !important;

         box-shadow: none !important;
     }

     /* ==============================================
       SHOW MENU
    ============================================== */

     .mobile-offcanvas .mega-menu.show {

         display: block !important;
     }

     /* ==============================================
       GRID FIX
    ============================================== */

     .mobile-offcanvas .mega-inner {

         display: flex !important;

         flex-direction: column !important;

         gap: 24px !important;
     }

     /* ==============================================
       COLUMN FIX
    ============================================== */

     .mobile-offcanvas .mega-column {

         width: 100%;
     }

     /* ==============================================
       HEADERS
    ============================================== */

     .mobile-offcanvas .dropdown-header {

         font-size: 1rem;

         margin-bottom: 10px;

         color: #f5982a;

         padding-left: 8px;
     }

     /* ==============================================
       DROPDOWN ITEMS
    ============================================== */

     .mobile-offcanvas .dropdown-item {

         width: 100%;

         padding: 14px 16px;

         border-radius: 14px;

         color: rgba(255, 255, 255, .82);

         font-size: .92rem;
     }

     .mobile-offcanvas .dropdown-item:hover {

         background:
             rgba(255, 255, 255, .05);

         color: #f5982a;

         padding-left: 16px;
     }

     /* ==============================================
       REMOVE DESKTOP HOVER EFFECTS
    ============================================== */

     .mobile-offcanvas .dropdown-menu {

         opacity: 1 !important;

         visibility: visible !important;

         transform: none !important;

         pointer-events: auto !important;
     }

     /* ==============================================
       CTA
    ============================================== */

     .cta {

         display: none;
     }

     .nav-partner-logo {

         display: none !important;
     }
 }