/* ========================================
   HEADER NAV - DESKTOP
   Keep current glow on desktop navigation
   ======================================== */
@media (min-width: 992px) {
    #header .navbar-nav .nav-link {
        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.95), 0 0 18px rgba(0, 0, 0, 0.75);
    }

    #header .navbar-nav .nav-link i,
    #header .navbar-nav .nav-link svg {
        filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.95)) drop-shadow(0 0 18px rgba(0, 0, 0, 0.75));
    }

    #header .header-desktop-search .form-control {
        color: rgba(255, 255, 255, 0.98);
        border-color: rgba(255, 255, 255, 0.58);
        border-width: 1.5px;
        box-shadow: none;
    }

    #header .header-desktop-search .form-control::placeholder {
        color: rgba(255, 255, 255, 0.82);
        opacity: 1;
    }

    #header .header-desktop-search .input-group-text {
        color: rgba(255, 255, 255, 0.96);
        border-color: rgba(255, 255, 255, 0.58);
        border-width: 1.5px;
        box-shadow: none;
    }

    #header .header-desktop-search .fi {
        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.85);
    }
}

/* ========================================
   HEADER NAV - MOBILE
   Use clean mobile navigation without glow
   Use the same blue active result as desktop
   category dropdown hover
   ======================================== */
@media (max-width: 991px) {
    #header .navbar-nav .nav-link,
    #header .navbar-nav .nav-link i,
    #header .navbar-nav .nav-link svg {
        text-shadow: none !important;
        filter: none !important;
        box-shadow: none !important;
    }

    #header .navbar-nav .nav-link:hover,
    #header .navbar-nav .nav-link:focus,
    #header .navbar-nav .nav-link:active,
    #header .navbar-nav .nav-link.active,
    #header .navbar-nav .show > .nav-link {
        color: #009fe3 !important;
        background-color: transparent !important;
        text-shadow: none !important;
        box-shadow: none !important;
        outline: none !important;
    }

    #header .navbar-nav .nav-link:hover i,
    #header .navbar-nav .nav-link:focus i,
    #header .navbar-nav .nav-link:active i,
    #header .navbar-nav .nav-link.active i,
    #header .navbar-nav .show > .nav-link i,
    #header .navbar-nav .nav-link:hover svg,
    #header .navbar-nav .nav-link:focus svg,
    #header .navbar-nav .nav-link:active svg,
    #header .navbar-nav .nav-link.active svg,
    #header .navbar-nav .show > .nav-link svg {
        color: #009fe3 !important;
        filter: none !important;
    }
}