/*
Theme Name: Jai Club
Author: Ranjeet Kumar
Description: Custom Light theme for gaming/prediction site.
Version: 1.1
*/

:root {
    --bg-dark: #ffffff; /* Changed to pure white */
    --bg-nav: #000a28;
    --primary-blue: #1a6fff;
    --text-white: #ffffff;
    --text-dark: #333333; /* Dark text for readability on white */
    --glow-blue: rgba(26, 111, 255, 0.2);
}

body {
    margin: 0;
    padding: 0;
    background-color: var(--bg-dark);
    color: var(--text-dark); /* Applies dark text globally */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Force dark blue on all global headings and Elementor titles for contrast */
h1, h2, h3, h4, h5, h6, .elementor-heading-title {
    color: #0b3d99 !important; /* Professional dark blue headings */
    text-shadow: none !important; /* Removed the neon glow for a clean look */
}

/* Desktop Header Upgrade (Kept intact from your file) */
.site-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 40px; 
    background-color: #0b0c10; 
    border-bottom: 1px solid #1a2342;
}

.desktop-nav,
.header-auth {
    display: none;
}

@media (min-width: 992px) {
    .menu-toggle {
        display: none;
    }
    .desktop-nav {
        display: flex;
        flex: 1;
        justify-content: center;
    }
    .header-nav-menu {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
        gap: 35px;
    }
    .header-nav-menu li a {
        color: #ffffff;
        text-decoration: none;
        font-size: 15px;
        font-weight: 500;
        transition: color 0.3s ease;
    }
    .header-nav-menu li a:hover,
    .header-nav-menu li.current-menu-item a {
        color: #00e5ff;
    }
    .header-auth {
        display: flex;
        gap: 15px;
    }
    .btn-outline {
        padding: 8px 25px;
        border: 2px solid #00e5ff;
        background: transparent;
        color: #00e5ff;
        font-weight: bold;
        text-decoration: none;
        border-radius: 4px;
        transition: all 0.3s ease;
        text-transform: uppercase;
        font-size: 14px;
        letter-spacing: 0.5px;
    }
    .btn-outline:hover {
        background: #00e5ff;
        color: #0b0c10;
        box-shadow: 0 0 10px rgba(0, 229, 255, 0.4);
    }
}