/* ==================== VPN HEADER FIX ==================== */

/* Keep top blue bar as requested */
.rts-ht.rts-ht__bg {
    background: #0774FF !important;           /* Your original blue */
    color: #ffffff !important;
    border-bottom: none;
}

.rts-ht.rts-ht__bg a,
.rts-ht.rts-ht__bg p,
.rts-ht.rts-ht__bg strong {
    color: #ffffff !important;
}

/* Main Header - Make it clean like floating/sticky version */
.rts-header.style-one.header__default {
    background: #ffffff !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
    border-bottom: 1px solid #f1f1f1;
    transition: all 0.3s ease;
}

/* Menu links styling */
.hostie-desktop-menu > li > a {
    color: #1e2937 !important;
    font-weight: 500;
}

.hostie-desktop-menu > li:hover > a,
.hostie-desktop-menu > li.active > a {
    color: #0774FF !important;
}

/* Logo area */
.rts-header__logo .site-logo img {
    transition: all 0.3s ease;
}

/* Optional: Nice blur effect on scroll */
.header-sticky .rts-header.style-one.header__default {
    background: rgba(255, 255, 255, 0.97) !important;
    backdrop-filter: blur(10px);
}
.feature-icon {
    font-size: 50px;
    color: #00aaff;
}
.nav-icon {
    font-size: 20px;
	color: #00aaff;
	margin-right: 16px;
}
.golink { 
color: #1A73E8;
}
.golink:hover { 
color: #FFC107;
}
/* Hover on the entire single-plan box */
.single-plan:hover .golink {
    color: #FFC107 !important;
    transition: color 0.3s ease;
}

/* Hover directly on the link text itself */
.single-plan:hover .golink:hover {
    color: #ffffff !important;
}

/* Optional: Make the whole box slightly more interactive */
.single-plan {
    transition: all 0.35s ease;
}

.single-plan:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(7, 116, 255, 0.15) !important;
}

/* Also improve the button hover */
.single-plan .buy__plan:hover {
    background: #FFC107 !important;
    color: #001233 !important;
}
/* ====================== VPN SAFE MOBILE MENU BUTTON FIX ====================== */

/* Hide mobile menu button on large screens (desktop) */
@media (min-width: 992px) {
    .rts-header__right .mobile__active.menu-btn,
    #menu-btn {
        display: none !important;
    }
}

/* Show mobile menu button only on mobile & tablet */
@media (max-width: 991px) {
    .rts-header__right .mobile__active.menu-btn,
    #menu-btn {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        opacity: 1 !important;
        visibility: visible !important;
        z-index: 9999;
        width: 50px;
        height: 50px;
        font-size: 26px;
        color: var(--color-secondary);
    }

    /* Hide login button on mobile to make space */
    .rts-header__right .login__btn {
        display: none !important;
    }
}

/* Optional: Better styling for the hamburger */
.mobile__active.menu-btn {
    background: transparent;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.mobile__active.menu-btn:hover {
    color: var(--color-primary);
    transform: rotate(90deg);
}

/* Sticky header support */
.rts-header.header-sticky .mobile__active.menu-btn {
    color: var(--color-secondary);
}
/* LAST LINE - MAXIMUM FORCE */
.rts-mega-menu .mega-menu-item a:hover { 
    color: #1A73E8 !important; 
}
/* =============================================
   CUSTOM HOVER CLASS FOR VPN SAFE (Improved)
   ============================================= */

.vpn-menu-hover,
.vpn-menu-hover a,
a.vpn-menu-hover,
.vpn-menu-hover .info p,
a.vpn-menu-hover .info p {

}

/* Hover State */
.vpn-menu-hover:hover,
a.vpn-menu-hover:hover,
.vpn-menu-hover:hover .info p,
a.vpn-menu-hover:hover .info p {
    color: #1A73E8 !important;
}

/* Force for mega menu */
.rts-mega-menu .vpn-menu-hover,
.rts-mega-menu a.vpn-menu-hover {
    color: #1A73E8 !important;
}

.isp-wrapper {
    color: #FFC107 !important;
}