/* Fusion FC Custom Colors - Replace Neon Green with Neon Blue/Cyan */

/* Primary theme color changes from green to cyan/blue */
:root {
    --theme: #00d9ff !important;
    --theme-color: #00d9ff;
    --theme-color-2: #00bcd4;
    --theme-color-3: #0dcaf0;
    --neon-blue: #00d9ff;
    --neon-cyan: #00bcd4;
    --electric-blue: #0dcaf0;
}

.hide { display: none;}

/* Button backgrounds */
.gt-theme-btn,
.theme-btn {
    background: linear-gradient(135deg, #00d9ff 0%, #00bcd4 100%) !important;
}

.gt-theme-btn:hover,
.theme-btn:hover {
    background: linear-gradient(135deg, #00bcd4 0%, #0891b2 100%) !important;
}

/* Progress bars */
.progress-value {
    background: linear-gradient(90deg, #00d9ff 0%, #00bcd4 100%) !important;
}

.progress-value.style-two {
    background: linear-gradient(90deg, #0dcaf0 0%, #00d9ff 100%) !important;
}

/* Section titles and accents */
.section-title h6,
.gt-content-ber h6 {
    color: #00d9ff !important;
}

/* Links and hover states */
a:hover {
    color: #00d9ff !important;
}

/* Icon colors */
.icon,
.play-btn {
    background: linear-gradient(135deg, #00d9ff 0%, #00bcd4 100%) !important;
}

/* Border accents */
.gt-gaming-card-item:hover {
    border-color: #00d9ff !important;
}

/* Social icons hover */
.social-icon a:hover {
    background: #00d9ff !important;
    color: #fff !important;
}

/* Navigation active/hover */
.main-menu nav ul li a:hover,
.main-menu nav ul li a.active {
    color: #00d9ff !important;
}

/* Footer links */
.footer-section-5 a:hover {
    color: #00d9ff !important;
}

/* Custom gradient overlays */
.gradient-overlay {
    background: linear-gradient(135deg, rgba(0, 217, 255, 0.2) 0%, rgba(0, 188, 212, 0.2) 100%) !important;
}

/* Glow effects */
.glow-blue {
    box-shadow: 0 0 20px rgba(0, 217, 255, 0.5),
                0 0 40px rgba(0, 217, 255, 0.3),
                0 0 60px rgba(0, 217, 255, 0.2) !important;
}

/* Text highlights */
.text-highlight {
    color: #00d9ff !important;
}

/* Background highlights */
.bg-highlight {
    background-color: rgba(0, 217, 255, 0.1) !important;
    border-left-color: #00d9ff !important;
}

/* Video/Play button */
.video-btn {
    background: #00d9ff !important;
}

.video-btn:hover {
    background: #00bcd4 !important;
}

/* Counter items */
.gt-count-item {
    background: linear-gradient(135deg, rgba(0, 217, 255, 0.1) 0%, rgba(0, 188, 212, 0.1) 100%) !important;
}

/* Swiper pagination */
.swiper-pagination-bullet-active {
    background: #00d9ff !important;
}

/* Array buttons */
.array-button button:hover {
    background: #00d9ff !important;
    border-color: #00d9ff !important;
}

/* Form focus states */
input:focus,
textarea:focus,
select:focus {
    border-color: #00d9ff !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 217, 255, 0.25) !important;
}

/* Animated underlines */
.animated-underline::after {
    background: linear-gradient(90deg, #00d9ff 0%, #00bcd4 100%) !important;
}

/* Badge/Tag colors */
.badge-primary,
.tag-primary {
    background: #00d9ff !important;
}

/* Ripple effect */
.ripple::before {
    background: rgba(0, 217, 255, 0.3) !important;
}

.ripple::after {
    background: rgba(0, 217, 255, 0.2) !important;
}

/* Slider arrows */
.swiper-button-next,
.swiper-button-prev {
    color: #00d9ff !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background: rgba(0, 217, 255, 0.1) !important;
}

/* Tab navigation */
.nav-link.active {
    background: linear-gradient(135deg, #00d9ff 0%, #00bcd4 100%) !important;
    border-color: #00d9ff !important;
}

.nav-link:hover {
    color: #00d9ff !important;
}

/* Preloader */
.preloader .spinner {
    border-top-color: #00d9ff !important;
}

/* Back to top button */
#gt-back-top {
    background: linear-gradient(135deg, #00d9ff 0%, #00bcd4 100%) !important;
}

#gt-back-top:hover {
    background: linear-gradient(135deg, #00bcd4 0%, #0891b2 100%) !important;
}

/* Custom Fusion FC specific styles */
.fusion-fc-highlight {
    background: linear-gradient(135deg, #00d9ff 0%, #00bcd4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.fusion-fc-btn {
    background: linear-gradient(135deg, #00d9ff 0%, #00bcd4 100%);
    color: white;
    padding: 15px 35px;
    border-radius: 50px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
}

.fusion-fc-btn:hover {
    background: linear-gradient(135deg, #00bcd4 0%, #0891b2 100%);
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(0, 217, 255, 0.4);
}

/* Neon glow text effect */
.neon-text {
    color: #00d9ff;
    text-shadow:
        0 0 10px rgba(0, 217, 255, 0.8),
        0 0 20px rgba(0, 217, 255, 0.6),
        0 0 30px rgba(0, 217, 255, 0.4),
        0 0 40px rgba(0, 217, 255, 0.2);
}

/* Pulsing animation for CTAs */
@keyframes pulse-blue {
    0%, 100% {
        box-shadow: 0 0 20px rgba(0, 217, 255, 0.4);
    }
    50% {
        box-shadow: 0 0 40px rgba(0, 217, 255, 0.8);
    }
}

.pulse-cta {
    animation: pulse-blue 2s ease-in-out infinite;
}

/* =================================================================
   CUSTOM SCROLLBAR - Neon Blue Theme
   ================================================================= */

/* Webkit Browsers (Chrome, Safari, Edge) */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: #0a0e27;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #00d9ff 0%, #00bcd4 100%);
    border-radius: 10px;
    border: 2px solid #0a0e27;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #00bcd4 0%, #0891b2 100%);
    box-shadow: 0 0 10px rgba(0, 217, 255, 0.5);
}

::-webkit-scrollbar-thumb:active {
    background: #00d9ff;
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #00d9ff #0a0e27;
}

/* =================================================================
   CUSTOM CURSOR - Neon Blue Theme - DISABLED FOR SIMPLICITY
   ================================================================= */

/* Outer cursor circle */
/* .mouseCursor.cursor-outer {
    width: 40px;
    height: 40px;
    border: 2px solid #00d9ff;
    border-radius: 50%;
    position: fixed;
    pointer-events: none;
    z-index: 99999;
    transition: all 0.15s ease;
    background: rgba(0, 217, 255, 0.1);
    box-shadow: 0 0 20px rgba(0, 217, 255, 0.3);
}

/* Inner cursor dot */
.mouseCursor.cursor-inner {
    width: 8px;
    height: 8px;
    background: #00d9ff;
    border-radius: 50%;
    position: fixed;
    pointer-events: none;
    z-index: 99999;
    transition: all 0.1s ease;
    box-shadow: 0 0 10px rgba(0, 217, 255, 0.8),
                0 0 20px rgba(0, 217, 255, 0.5);
}

/* Cursor hover states */
body:hover .cursor-outer {
    transform: scale(1.5);
    border-color: #0dcaf0;
    background: rgba(13, 202, 240, 0.2);
}

a:hover ~ .cursor-outer,
button:hover ~ .cursor-outer,
.gt-theme-btn:hover ~ .cursor-outer {
    transform: scale(2);
    border-color: #00d9ff;
    background: rgba(0, 217, 255, 0.3);
    box-shadow: 0 0 30px rgba(0, 217, 255, 0.5);
}

a:hover ~ .cursor-inner,
button:hover ~ .cursor-inner,
.gt-theme-btn:hover ~ .cursor-inner {
    transform: scale(1.5);
    background: #0dcaf0;
} */

/* =================================================================
   REPLACE ALL YELLOW/GREEN ELEMENTS WITH NEON BLUE
   ================================================================= */

/* Yellow to Blue conversions */
.text-yellow,
.bg-yellow,
.border-yellow,
[class*="yellow"] {
    color: #00d9ff !important;
    background-color: transparent !important;
    border-color: #00d9ff !important;
}

/* Green to Blue conversions */
.text-success,
.bg-success,
.border-success,
.text-green,
.bg-green,
.border-green,
[class*="green"],
[class*="success"] {
    color: #00d9ff !important;
    background-color: rgba(0, 217, 255, 0.1) !important;
    border-color: #00d9ff !important;
}

/* Gradients containing yellow or green */
.gradient-yellow,
.gradient-green,
.gradient-success {
    background: linear-gradient(135deg, #00d9ff 0%, #00bcd4 100%) !important;
}

/* SVG fills */
svg [fill*="yellow"],
svg [fill*="green"],
svg [fill*="#ff0"],
svg [fill*="#0f0"],
svg [fill*="#4caf50"],
svg [fill*="#8bc34a"] {
    fill: #00d9ff !important;
}

svg [stroke*="yellow"],
svg [stroke*="green"],
svg [stroke*="#ff0"],
svg [stroke*="#0f0"],
svg [stroke*="#4caf50"],
svg [stroke*="#8bc34a"] {
    stroke: #00d9ff !important;
}

/* Specific color overrides */
.color-primary,
.primary-color,
.theme-color {
    color: #00d9ff !important;
}

.bg-primary,
.primary-bg,
.theme-bg {
    background: linear-gradient(135deg, #00d9ff 0%, #00bcd4 100%) !important;
}

/* Icons and symbols */
.icon-yellow,
.icon-green,
.fa-yellow,
.fa-green {
    color: #00d9ff !important;
}

/* Alerts and notifications */
.alert-success,
.alert-warning {
    background: rgba(0, 217, 255, 0.1) !important;
    border-color: #00d9ff !important;
    color: #00d9ff !important;
}

/* Badges */
.badge-success,
.badge-warning,
.badge-yellow,
.badge-green {
    background: linear-gradient(135deg, #00d9ff 0%, #00bcd4 100%) !important;
    color: #fff !important;
}

/* Progress bars - catch any missed ones */
.progress-bar-success,
.progress-bar-warning,
.bg-success,
.bg-warning {
    background: linear-gradient(90deg, #00d9ff 0%, #00bcd4 100%) !important;
}

/* Borders */
.border-success,
.border-warning,
.border-yellow,
.border-green {
    border-color: #00d9ff !important;
}

/* Text colors */
.text-success,
.text-warning,
.text-yellow,
.text-green {
    color: #00d9ff !important;
}

/* Shadows with green/yellow tints */
.shadow-success,
.shadow-warning,
.shadow-yellow,
.shadow-green {
    box-shadow: 0 0 20px rgba(0, 217, 255, 0.3) !important;
}

/* Active/Selected states */
.active,
.selected,
.current {
    color: #00d9ff !important;
    border-color: #00d9ff !important;
}

/* List item bullets */
ul li::marker,
ol li::marker {
    color: #00d9ff !important;
}

/* Checkmarks and success indicators */
.check-mark,
.success-icon,
.verified,
[class*="check"] {
    color: #00d9ff !important;
}

/* Highlights */
mark,
.highlight,
::selection {
    background: rgba(0, 217, 255, 0.3) !important;
    color: #fff !important;
}

/* Countdown timers and counters */
.counter,
.countdown,
.timer {
    color: #00d9ff !important;
}

/* Pricing tables */
.price,
.pricing-value,
.cost {
    color: #00d9ff !important;
}

/* Star ratings */
.star,
.rating,
[class*="star"] {
    color: #00d9ff !important;
}

/* Tooltips */
.tooltip-inner {
    background: #00d9ff !important;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before,
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-top-color: #00d9ff !important;
    border-bottom-color: #00d9ff !important;
}

/* Popovers */
.popover {
    border-color: #00d9ff !important;
}

/* Modal headers */
.modal-header {
    border-bottom-color: #00d9ff !important;
}

/* Dividers */
hr,
.divider {
    border-color: rgba(0, 217, 255, 0.3) !important;
}

/* Animated elements */
.animate-glow {
    animation: glow-blue 2s ease-in-out infinite;
}

@keyframes glow-blue {
    0%, 100% {
        box-shadow: 0 0 10px rgba(0, 217, 255, 0.5);
    }
    50% {
        box-shadow: 0 0 30px rgba(0, 217, 255, 0.9);
    }
}

/* Specific template elements that might use green/yellow */
.gt-post li i,
.gt-social-item i,
.gt-count-item {
    color: #00d9ff !important;
}

/* Override any inline styles */
[style*="color: green"],
[style*="color: yellow"],
[style*="background: green"],
[style*="background: yellow"],
[style*="border-color: green"],
[style*="border-color: yellow"] {
    color: #00d9ff !important;
    background: rgba(0, 217, 255, 0.1) !important;
    border-color: #00d9ff !important;
}

/* Webkit text fill for gradients */
.webkit-text,
.gradient-text {
    background: linear-gradient(135deg, #00d9ff 0%, #00bcd4 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* Neon underline effect */
.neon-underline {
    border-bottom: 2px solid #00d9ff;
    box-shadow: 0 2px 10px rgba(0, 217, 255, 0.5);
}

/* Glowing box effect */
.glow-box {
    box-shadow: 0 0 20px rgba(0, 217, 255, 0.3),
                0 0 40px rgba(0, 217, 255, 0.2),
                inset 0 0 20px rgba(0, 217, 255, 0.1);
    border: 1px solid rgba(0, 217, 255, 0.5);
}

/* =================================================================
   ANIMATED HERO TITLE - Neon Blue Glow
   ================================================================= */

/* Hero title neon glow animation */
.gt-hero-content h1,
.gt-hero-6 h1 {
    animation: neon-flicker 3s ease-in-out infinite alternate;
    text-shadow:
        0 0 10px rgba(0, 217, 255, 0.8),
        0 0 20px rgba(0, 217, 255, 0.6),
        0 0 30px rgba(0, 217, 255, 0.4),
        0 0 40px rgba(0, 188, 212, 0.3),
        0 0 70px rgba(0, 188, 212, 0.2),
        0 0 80px rgba(0, 188, 212, 0.1);
}

@keyframes neon-flicker {
    0%, 100% {
        text-shadow:
            0 0 10px rgba(0, 217, 255, 0.8),
            0 0 20px rgba(0, 217, 255, 0.6),
            0 0 30px rgba(0, 217, 255, 0.4),
            0 0 40px rgba(0, 188, 212, 0.3),
            0 0 70px rgba(0, 188, 212, 0.2);
    }
    20% {
        text-shadow:
            0 0 10px rgba(0, 217, 255, 1),
            0 0 20px rgba(0, 217, 255, 0.8),
            0 0 30px rgba(0, 217, 255, 0.6),
            0 0 40px rgba(0, 188, 212, 0.5),
            0 0 70px rgba(0, 188, 212, 0.3),
            0 0 80px rgba(0, 188, 212, 0.2),
            0 0 100px rgba(0, 188, 212, 0.1);
    }
    50% {
        text-shadow:
            0 0 10px rgba(0, 217, 255, 0.9),
            0 0 20px rgba(0, 217, 255, 0.7),
            0 0 30px rgba(0, 217, 255, 0.5),
            0 0 40px rgba(0, 188, 212, 0.4),
            0 0 70px rgba(0, 188, 212, 0.25);
    }
}

/* Hero subtitle glow */
.gt-hero-content h3,
.gt-hero-content .text {
    text-shadow: 0 0 15px rgba(0, 217, 255, 0.5);
}

.gt-hero-content h3 span,
.gt-hero-content .text span {
    color: #00d9ff !important;
    text-shadow:
        0 0 10px rgba(0, 217, 255, 0.8),
        0 0 20px rgba(0, 217, 255, 0.5);
}

/* =================================================================
   TOP RIGHT HEADER MENU - Neon Blue Theme
   ================================================================= */

/* Header background */
.header-1,
.header-6,
#header-sticky {
    background: rgba(10, 14, 39, 0.95) !important;
    border-bottom: 1px solid rgba(0, 217, 255, 0.2);
    box-shadow: 0 4px 20px rgba(0, 217, 255, 0.1);
}

/* Navigation links */
.main-menu nav ul li a {
    color: #fff !important;
    transition: all 0.3s ease;
}

.main-menu nav ul li a:hover {
    color: #00d9ff !important;
    text-shadow: 0 0 10px rgba(0, 217, 255, 0.5);
}

.main-menu nav ul li a.active,
.main-menu nav ul li.active > a {
    color: #00d9ff !important;
    text-shadow: 0 0 10px rgba(0, 217, 255, 0.6);
}

/* Dropdown menu */
.main-menu nav ul li .submenu {
    background: rgba(10, 14, 39, 0.98) !important;
    border: 1px solid rgba(0, 217, 255, 0.3);
    box-shadow: 0 10px 30px rgba(0, 217, 255, 0.2);
}

.main-menu nav ul li .submenu li a:hover {
    background: rgba(0, 217, 255, 0.1) !important;
    color: #00d9ff !important;
    padding-left: 25px;
}

/* Mobile menu toggle */
.sidebar__toggle,
.header__hamburger {
    transition: all 0.3s ease;
}

.sidebar__toggle:hover,
.header__hamburger:hover {
    transform: scale(1.1);
    filter: drop-shadow(0 0 10px rgba(0, 217, 255, 0.6));
}

/* Social icons in header */
.header-main .social-icon a {
    color: #fff !important;
    transition: all 0.3s ease;
    position: relative;
}

.header-main .social-icon a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 40px;
    height: 40px;
    background: rgba(0, 217, 255, 0.2);
    border-radius: 50%;
    transition: transform 0.3s ease;
}

.header-main .social-icon a:hover::before {
    transform: translate(-50%, -50%) scale(1);
}

.header-main .social-icon a:hover {
    color: #00d9ff !important;
    text-shadow: 0 0 10px rgba(0, 217, 255, 0.8);
}

/* Search icon */
.main-header__search:hover {
    filter: drop-shadow(0 0 8px rgba(0, 217, 255, 0.6));
}

/* Sticky header animation */
#header-sticky.sticky {
    background: rgba(10, 14, 39, 0.98) !important;
    box-shadow: 0 4px 25px rgba(0, 217, 255, 0.15);
}

/* =================================================================
   CUSTOM CURSOR HOVER EFFECTS - Enhanced Neon Blue - DISABLED
   ================================================================= */

/* Force override all cursor colors to neon blue - COMPLETE OVERRIDE */
/* .mouseCursor.cursor-outer,
.mouseCursor.cursor-outer *,
.cursor-outer,
.cursor-outer *,
div.cursor-outer,
div.cursor-outer * {
    width: 40px !important;
    height: 40px !important;
    border: 2px solid #00d9ff !important;
    border-color: #00d9ff !important;
    border-top-color: #00d9ff !important;
    border-right-color: #00d9ff !important;
    border-bottom-color: #00d9ff !important;
    border-left-color: #00d9ff !important;
    border-radius: 50% !important;
    position: fixed !important;
    pointer-events: none !important;
    z-index: 99999 !important;
    transition: all 0.2s ease !important;
    background: rgba(0, 217, 255, 0.05) !important;
    background-color: rgba(0, 217, 255, 0.05) !important;
    box-shadow: 0 0 20px rgba(0, 217, 255, 0.4) !important;
    mix-blend-mode: screen !important;
}

/* Remove any pseudo-elements that might be green */
.mouseCursor.cursor-outer::before,
.mouseCursor.cursor-outer::after,
.cursor-outer::before,
.cursor-outer::after {
    display: none !important;
    content: none !important;
}

.mouseCursor.cursor-inner,
.mouseCursor.cursor-inner *,
.cursor-inner,
.cursor-inner *,
div.cursor-inner,
div.cursor-inner * {
    width: 8px !important;
    height: 8px !important;
    background: #00d9ff !important;
    background-color: #00d9ff !important;
    border: none !important;
    border-color: transparent !important;
    border-radius: 50% !important;
    position: fixed !important;
    pointer-events: none !important;
    z-index: 99999 !important;
    transition: all 0.15s ease !important;
    box-shadow:
        0 0 10px rgba(0, 217, 255, 1) !important,
        0 0 20px rgba(0, 217, 255, 0.6) !important,
        0 0 30px rgba(0, 217, 255, 0.3) !important;
    mix-blend-mode: screen !important;
}

/* Remove any pseudo-elements from inner cursor */
.mouseCursor.cursor-inner::before,
.mouseCursor.cursor-inner::after,
.cursor-inner::before,
.cursor-inner::after {
    display: none !important;
    content: none !important;
}

/* Override the cursor-hover state with grey border in main.css */
.cursor-inner.cursor-hover {
    background-color: #00d9ff !important;
    border: 1px solid #00d9ff !important;
    border-color: #00d9ff !important;
}

/* =================================================================
   CURSOR SMOKE TRAIL - Neon Blue
   ================================================================= */

/* Override the green smoke trail effect */
.smoke {
    background: linear-gradient(180deg, rgba(0, 217, 255, 0) 40%, #00d9ff 100%) !important;
}

/* Override any animation or transform that might add green circle */
@keyframes cursor-animation {
    0%, 100% {
        border-color: #00d9ff !important;
        background: rgba(0, 217, 255, 0.05) !important;
    }
}

/* Force remove any green color from cursor */
.mouseCursor[style*="green"],
.mouseCursor[class*="green"],
.cursor-outer[style*="green"],
.cursor-inner[style*="green"] {
    border-color: #00d9ff !important;
    background-color: rgba(0, 217, 255, 0.05) !important;
    color: #00d9ff !important;
}

/* Cursor on link/button hover - force blue */
a:hover ~ .mouseCursor.cursor-outer,
button:hover ~ .mouseCursor.cursor-outer,
.gt-theme-btn:hover ~ .mouseCursor.cursor-outer,
[role="button"]:hover ~ .mouseCursor.cursor-outer,
a:hover ~ .mouseCursor.cursor-outer *,
button:hover ~ .mouseCursor.cursor-outer *,
.gt-theme-btn:hover ~ .mouseCursor.cursor-outer * {
    transform: scale(2) !important;
    border-color: #00d9ff !important;
    background: rgba(0, 217, 255, 0.15) !important;
    background-color: rgba(0, 217, 255, 0.15) !important;
    box-shadow:
        0 0 30px rgba(0, 217, 255, 0.6) !important,
        0 0 50px rgba(0, 217, 255, 0.3) !important;
}

a:hover ~ .mouseCursor.cursor-inner,
button:hover ~ .mouseCursor.cursor-inner,
.gt-theme-btn:hover ~ .mouseCursor.cursor-inner,
[role="button"]:hover ~ .mouseCursor.cursor-inner,
a:hover ~ .mouseCursor.cursor-inner *,
button:hover ~ .mouseCursor.cursor-inner *,
.gt-theme-btn:hover ~ .mouseCursor.cursor-inner * {
    transform: scale(2) !important;
    background: #0dcaf0 !important;
    background-color: #0dcaf0 !important;
    box-shadow:
        0 0 15px rgba(13, 202, 240, 1) !important,
        0 0 25px rgba(13, 202, 240, 0.7) !important,
        0 0 35px rgba(13, 202, 240, 0.4) !important;
}

/* Cursor on clickable elements - force blue */
.swiper-slide:hover ~ .mouseCursor.cursor-outer,
.gt-gaming-card-item:hover ~ .mouseCursor.cursor-outer,
.gt-news-card-item:hover ~ .mouseCursor.cursor-outer,
.swiper-slide:hover ~ .mouseCursor.cursor-outer *,
.gt-gaming-card-item:hover ~ .mouseCursor.cursor-outer *,
.gt-news-card-item:hover ~ .mouseCursor.cursor-outer * {
    border-width: 3px !important;
    border-color: #0dcaf0 !important;
}

/* Force remove any yellow/green from cursor */
.mouseCursor,
.mouseCursor *,
.cursor-outer,
.cursor-outer *,
.cursor-inner,
.cursor-inner * {
    color: #00d9ff !important;
    fill: #00d9ff !important;
    stroke: #00d9ff !important;
}

/* Override any inline styles on cursor */
.mouseCursor[style*="yellow"],
.mouseCursor[style*="green"],
.mouseCursor[style*="#ff0"],
.mouseCursor[style*="#0f0"] {
    border-color: #00d9ff !important;
    background: rgba(0, 217, 255, 0.05) !important;
    color: #00d9ff !important;
} */

/* =================================================================
   FORCE ALL SVG ELEMENTS TO NEON BLUE
   ================================================================= */

/* SVG global color override */
svg,
svg * {
    fill: #00d9ff !important;
    stroke: #00d9ff !important;
}

/* SVG in specific elements */
.sidebar__toggle svg,
.sidebar__toggle svg *,
.header__hamburger svg,
.header__hamburger svg *,
.bar-icon svg,
.bar-icon svg *,
.search-icon svg,
.search-icon svg *,
img[src*=".svg"],
.array-prev svg,
.array-prev svg *,
.array-next svg,
.array-next svg * {
    fill: #00d9ff !important;
    stroke: #00d9ff !important;
    color: #00d9ff !important;
}

/* Force SVG paths, circles, rects to blue */
svg path,
svg circle,
svg rect,
svg polygon,
svg polyline,
svg line,
svg ellipse {
    fill: #00d9ff !important;
    stroke: #00d9ff !important;
}

/* SVG in navigation and menus */
nav svg,
nav svg *,
.main-menu svg,
.main-menu svg *,
.mean__menu-wrapper svg,
.mean__menu-wrapper svg * {
    fill: #00d9ff !important;
    stroke: #00d9ff !important;
}

/* SVG icons */
.icon svg,
.icon svg *,
i svg,
i svg * {
    fill: #00d9ff !important;
    stroke: #00d9ff !important;
}

/* Button SVGs */
button svg,
button svg *,
.gt-theme-btn svg,
.gt-theme-btn svg *,
.theme-btn svg,
.theme-btn svg * {
    fill: #00d9ff !important;
    stroke: #00d9ff !important;
}

/* Social icon SVGs */
.social-icon svg,
.social-icon svg * {
    fill: #00d9ff !important;
    stroke: #00d9ff !important;
}

/* Slider/Swiper SVGs */
.swiper-button-next svg,
.swiper-button-next svg *,
.swiper-button-prev svg,
.swiper-button-prev svg *,
.array-button svg,
.array-button svg * {
    fill: #00d9ff !important;
    stroke: #00d9ff !important;
}

/* Header specific SVGs */
.header-1 svg,
.header-1 svg *,
.header-6 svg,
.header-6 svg *,
#header-sticky svg,
#header-sticky svg * {
    fill: #00d9ff !important;
    stroke: #00d9ff !important;
}

/* Override SVG fills with specific colors */
svg [fill="#000"],
svg [fill="#000000"],
svg [fill="black"],
svg [fill="#fff"],
svg [fill="#ffffff"],
svg [fill="white"],
svg [fill*="green"],
svg [fill*="yellow"],
svg [fill*="#4caf50"],
svg [fill*="#8bc34a"],
svg [fill*="#ffeb3b"],
svg [fill*="#ffc107"] {
    fill: #00d9ff !important;
}

svg [stroke="#000"],
svg [stroke="#000000"],
svg [stroke="black"],
svg [stroke="#fff"],
svg [stroke="#ffffff"],
svg [stroke="white"],
svg [stroke*="green"],
svg [stroke*="yellow"] {
    stroke: #00d9ff !important;
}

/* Filter SVG to blue tone */
svg {
    filter: brightness(1.2) saturate(1.5) hue-rotate(180deg) !important;
}

/* Specific logo SVGs */
img[src*="bar-icon.svg"],
img[src*="search-icon.svg"] {
    filter: brightness(0) saturate(100%) invert(56%) sepia(86%) saturate(2088%) hue-rotate(163deg) brightness(101%) contrast(101%) !important;
}

/* SVG images as background */
[style*="background-image"][style*=".svg"] {
    filter: brightness(0) saturate(100%) invert(56%) sepia(86%) saturate(2088%) hue-rotate(163deg) brightness(101%) contrast(101%) !important;
}

/* Icon elements that might contain SVG */
.fa svg,
.fab svg,
.far svg,
.fas svg {
    fill: #00d9ff !important;
    stroke: #00d9ff !important;
}

/* Additional SVG override for any missed elements */
* svg,
* svg * {
    fill: #00d9ff !important;
    stroke: #00d9ff !important;
}

/* Make sure white backgrounds in SVG are transparent or blue-tinted */
svg [fill="white"],
svg [fill="#fff"],
svg [fill="#ffffff"] {
    fill: rgba(0, 217, 255, 0.1) !important;
}

/* Logo specific overrides */
.logo svg,
.logo svg *,
.footer-logo svg,
.footer-logo svg *,
.footer-logo img {
    filter: brightness(0) saturate(100%) invert(56%) sepia(86%) saturate(2088%) hue-rotate(163deg) brightness(101%) contrast(101%) !important;
}

/* =================================================================
   ADDITIONAL HOVER EFFECTS - Neon Blue
   ================================================================= */

/* Card hover effects */
.gt-gaming-card-item,
.gt-news-card-item,
.benefit-card,
.feature-card {
    transition: all 0.4s ease;
    position: relative;
}

.gt-gaming-card-item:hover,
.gt-news-card-item:hover,
.benefit-card:hover,
.feature-card:hover {
    transform: translateY(-10px);
    box-shadow:
        0 20px 40px rgba(0, 217, 255, 0.3),
        0 0 30px rgba(0, 217, 255, 0.2),
        inset 0 0 20px rgba(0, 217, 255, 0.05);
    border-color: #00d9ff !important;
}

.gt-gaming-card-item::before,
.gt-news-card-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(0, 217, 255, 0) 0%, rgba(0, 217, 255, 0.1) 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
    border-radius: inherit;
    pointer-events: none;
}

.gt-gaming-card-item:hover::before,
.gt-news-card-item:hover::before {
    opacity: 1;
}

/* Image hover glow */
.gt-gaming-image:hover,
.gt-news-image:hover,
.gt-hero-image:hover {
    filter: drop-shadow(0 0 20px rgba(0, 217, 255, 0.4));
}

/* Icon hover effects */
.icon:hover,
.fa:hover,
i:hover {
    color: #00d9ff !important;
    text-shadow: 0 0 10px rgba(0, 217, 255, 0.8);
    transform: scale(1.1);
}

/* Button pulse effect on hover - DISABLED for better performance */
/* .gt-theme-btn:hover,
.theme-btn:hover {
    animation: pulse-glow 1.5s ease-in-out infinite;
}

@keyframes pulse-glow {
    0%, 100% {
        box-shadow: 0 0 20px rgba(0, 217, 255, 0.4);
    }
    50% {
        box-shadow:
            0 0 30px rgba(0, 217, 255, 0.6),
            0 0 50px rgba(0, 217, 255, 0.4),
            0 0 70px rgba(0, 217, 255, 0.2);
    }
} */

/* Array button arrows */
.array-prev:hover,
.array-next:hover {
    background: #00d9ff !important;
    border-color: #00d9ff !important;
    box-shadow: 0 0 20px rgba(0, 217, 255, 0.5);
    transform: scale(1.1);
}

.array-prev:hover svg path,
.array-next:hover svg path {
    fill: #fff !important;
}

/* Progress bar animation on hover */
.pro-items:hover .progress-value {
    animation: progress-glow 2s ease-in-out infinite;
}

@keyframes progress-glow {
    0%, 100% {
        box-shadow: 0 0 10px rgba(0, 217, 255, 0.5);
    }
    50% {
        box-shadow:
            0 0 20px rgba(0, 217, 255, 0.8),
            0 0 30px rgba(0, 217, 255, 0.5);
    }
}

/* Video play button */
.video-btn,
.video-popup {
    background: #00d9ff !important;
    box-shadow:
        0 0 20px rgba(0, 217, 255, 0.5),
        0 0 40px rgba(0, 217, 255, 0.3);
}

.video-btn:hover,
.video-popup:hover {
    background: #0dcaf0 !important;
    box-shadow:
        0 0 30px rgba(0, 217, 255, 0.7),
        0 0 50px rgba(0, 217, 255, 0.5),
        0 0 70px rgba(0, 217, 255, 0.3);
    transform: scale(1.15);
}

/* Ripple animation */
.ripple {
    position: relative;
    overflow: hidden;
}

.ripple::before,
.ripple::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    border: 2px solid rgba(0, 217, 255, 0.8);
    animation: ripple-animation 2s ease-out infinite;
}

.ripple::after {
    animation-delay: 1s;
}

@keyframes ripple-animation {
    0% {
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

/* Tab hover effects */
.nav-item .nav-link:hover {
    background: rgba(0, 217, 255, 0.1) !important;
    color: #00d9ff !important;
    border-color: #00d9ff !important;
}

/* Footer hover effects */
.footer-section-5 a:hover {
    transform: translateX(5px);
    color: #00d9ff !important;
    text-shadow: 0 0 10px rgba(0, 217, 255, 0.5);
}