/* =====================================
   GHOST NEON DROPDOWN MENU
===================================== */

/* -------------------------------------
   THEME FIXES
------------------------------------- */

.header-area,
.header-container,
.header-content,
.nav-wrap {
    overflow: visible !important;
}

/* =====================================
   ACTIVE PAGE UNDERLINE ONLY
===================================== */

/* disable all default underlines */
.nav-left .nav-item .nav-link::after,
.nav-right .nav-item .nav-link::after {
    opacity: 0 !important;
}

/* show underline only for current page */
.nav-left .nav-item .nav-link.nav-current::after,
.nav-right .nav-item .nav-link.nav-current::after {
    opacity: 1 !important;

    height: 1px !important;

    box-shadow:
        0 0 8px rgba(255,140,0,.45);
}

/* remove underline inside dropdown */
.dropdown-menu .nav-link::before,
.dropdown-menu .nav-link::after {
    display: none !important;
    content: none !important;
}

/* =====================================
   DESKTOP DROPDOWN
===================================== */

@media (min-width: 992px) {

    .has-dropdown {
        position: relative;
    }

    .has-dropdown > .nav-link {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    /* arrow */

    .dropdown-arrow {
        display: flex;
        align-items: center;
        justify-content: center;

        width: 18px;
        height: 18px;

        font-size: 10px;

        opacity: .65;

        transition:
            transform .25s ease,
            opacity .25s ease;
    }

    .has-dropdown:hover .dropdown-arrow {
        opacity: 1;
        transform: rotate(180deg);
    }

    /* dropdown */

    .dropdown-menu {
        position: absolute;

        top: calc(100% + 14px);
        left: -16px;

        display: flex;
        flex-direction: column;

        gap: 0;

        min-width: 260px;

        padding: 14px;

        margin: 0;

        list-style: none;

        background: rgba(12,12,12,.28);

        backdrop-filter:
          blur(5px)
          saturate(180%);

        -webkit-backdrop-filter:
          blur(5px)
          saturate(180%);

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

        border-radius: 22px;
        overflow: hidden;

        box-shadow:
            0 8px 32px rgba(0,0,0,.35),
            0 0 24px rgba(255,140,0,.08),
            inset 0 1px 0 rgba(255,255,255,.08);

        opacity: 0;
        visibility: hidden;

        transform:
            translateY(12px)
            scale(.98);

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

        z-index: 1000;
    }

    /* top glow line */

    .dropdown-menu::before {
        content: '';

        position: absolute;

        top: 0;
        left: 20px;
        right: 20px;

        height: 1px;

        background:
            linear-gradient(
                90deg,
                transparent,
                rgba(255,140,0,.35),
                transparent
            );
    }

    /* show dropdown */

    .has-dropdown:hover > .dropdown-menu {
        opacity: 1;
        visibility: visible;

        transform:
            translateY(0)
            scale(1);
    }

    /* dropdown items */

    .dropdown-menu .nav-item {
        width: 100%;

        margin: 0 !important;
        padding: 0 !important;

        border: none !important;
    }

    .dropdown-menu li + li {
        border-top: none !important;
    }

    /* links */

    .dropdown-menu .nav-link {
        display: flex;
        align-items: center;

        width: 100%;

        padding: 12px 14px;

        border: none !important;

        border-radius: 14px;

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

        background: transparent !important;

        transition:
            background .2s ease,
            transform .2s ease,
            color .2s ease;
    }

    /* hover */

    .dropdown-menu .nav-link:hover {
        background: rgba(255,140,0,.08) !important;

        color: #fff;

        transform: translateX(4px);
    }
}

/* =====================================
   MOBILE DROPDOWN
===================================== */

@media (max-width: 991px) {

    .has-dropdown {
        width: 100%;
    }

    .has-dropdown > .nav-link {
        display: flex;
        align-items: center;
        justify-content: space-between;

        width: 100%;

        gap: 12px;

        padding-right: 8px;

        background: transparent !important;
        box-shadow: none !important;
        border: none !important;
        outline: none !important;
    }

    .has-dropdown > .nav-link:hover,
    .has-dropdown > .nav-link:focus,
    .has-dropdown > .nav-link:active,
    .has-dropdown > .nav-link:focus-visible {
        background: transparent !important;
        box-shadow: none !important;
        border: none !important;
        outline: none !important;
    }

    /* arrow */

    .dropdown-arrow {
        opacity: .5;
        font-size: 10px;

        transition: transform .25s ease;
    }

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

    /* dropdown */

    .dropdown-menu {
        position: static !important;

        display: flex;
        flex-direction: column;

        gap: 2px;

        width: 100%;
        min-width: 100%;

        padding: 0 0 0 4px;
        margin: 4px 0 14px 0;

        background: transparent !important;

        border: none !important;
        box-shadow: none !important;
        backdrop-filter: none !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;

        overflow: hidden;

        max-height: 0;

        transition: max-height .3s ease;
    }

    .dropdown-menu::before {
        display: none !important;
    }

    .has-dropdown.dropdown-open .dropdown-menu {
        max-height: 400px;
    }

    /* items */

    .dropdown-menu .nav-item {
        width: 100%;

        margin: 0 !important;
        padding: 0 !important;

        border: none !important;
    }

    /* links */

    .dropdown-menu .nav-link {
        width: 100%;

        padding: 8px 0 8px 16px !important;

        font-size: inherit !important;

        opacity: .72;

        background: transparent !important;

        border: none !important;

        border-radius: 0 !important;

        box-shadow: none !important;

        transition:
            opacity .2s ease,
            transform .2s ease,
            border-color .2s ease;
    }

    /* hover */

    .dropdown-menu .nav-link:hover,
    .dropdown-menu .nav-link:focus {
        opacity: 1;

        background: transparent !important;

        transform: translateX(2px);

        border-left-color:
            rgba(255,140,0,.65) !important;
    }

    /* remove all pseudo effects */

    .dropdown-menu .nav-link::before,
    .dropdown-menu .nav-link::after,
    .has-dropdown > .nav-link::before,
    .has-dropdown > .nav-link::after {
        display: none !important;
        content: none !important;
    }
}