/* NUCLEAR READABILITY FIX - MAXIMUM CONTRAST */

/* GLOBAL: Force readable text everywhere */
* {
    font-weight: 500 !important;
}

/* MAIN CONTENT: Black text on light backgrounds */
main p, main span, main div:not([class*="hero"]):not([style*="background"]),
main h1:not([class*="hero"] *), main h2:not([class*="hero"] *), main h3:not([class*="hero"] *),
main li, main td, main th, main label {
    color: #000000 !important;
    font-weight: 600 !important;
    text-shadow: none !important;
}

/* NAVIGATION: Force visibility */
header nav a, header .nav a, nav a {
    color: #000000 !important;
    background: rgba(255, 255, 255, 0.95) !important;
    border: 2px solid #2c3e50 !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    margin: 4px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    display: inline-block !important;
}

header nav a:hover, header .nav a:hover {
    background: #d4af37 !important;
    color: #000000 !important;
    border-color: #d4af37 !important;
}

header nav a.active, header .nav a.active {
    background: #d4af37 !important;
    color: #000000 !important;
    border-color: #d4af37 !important;
}

/* HERO SECTIONS: Force white text on dark backgrounds */
section[class*="hero"], section[class*="Hero"],
div[class*="hero"], div[class*="Hero"],
[style*="background: linear-gradient"],
[style*="background:linear-gradient"],
[style*="background: #"],
[style*="background:#"] {
    background: linear-gradient(135deg, #1a252f 0%, #2c3e50 100%) !important;
}

section[class*="hero"] *, section[class*="Hero"] *,
div[class*="hero"] *, div[class*="Hero"] *,
[style*="background: linear-gradient"] *,
[style*="background:linear-gradient"] *,
[style*="background: #"] *,
[style*="background:#"] * {
    color: #ffffff !important;
    text-shadow: 3px 3px 6px rgba(0,0,0,1) !important;
    font-weight: 600 !important;
}

/* BUTTONS: Force readable buttons in hero sections */
section[class*="hero"] button, section[class*="hero"] a[style*="background"],
div[class*="hero"] button, div[class*="hero"] a[style*="background"] {
    background: #d4af37 !important;
    color: #000000 !important;
    border: 2px solid #000000 !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    padding: 12px 24px !important;
    border-radius: 8px !important;
}

section[class*="hero"] button:hover, section[class*="hero"] a[style*="background"]:hover,
div[class*="hero"] button:hover, div[class*="hero"] a[style*="background"]:hover {
    background: #ffffff !important;
    color: #000000 !important;
    border-color: #000000 !important;
}

/* HEADER: Ensure visibility */
header {
    background: #2c3e50 !important;
}

header h1, header span:not(nav *), header .logo {
    color: #ffffff !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
}

/* MOBILE: Enhanced readability */
@media (max-width: 768px) {
    /* Navigation wrapping */
    header nav {
        flex-wrap: wrap !important;
        gap: 8px !important;
        max-width: 100% !important;
        overflow-x: visible !important;
    }
    
    header nav a {
        font-size: 13px !important;
        padding: 8px 12px !important;
        margin: 2px !important;
        white-space: nowrap !important;
    }
    
    /* Mobile text sizes */
    body {
        font-size: 16px !important;
    }
    
    main p {
        font-size: 16px !important;
        line-height: 1.6 !important;
        color: #000000 !important;
        font-weight: 600 !important;
    }
    
    h1 {
        font-size: 28px !important;
        color: #000000 !important;
        font-weight: 700 !important;
    }
    
    h2 {
        font-size: 24px !important;
        color: #000000 !important;
        font-weight: 600 !important;
    }
    
    h3 {
        font-size: 20px !important;
        color: #000000 !important;
        font-weight: 600 !important;
    }
    
    /* Mobile hero sections - ultra strong */
    section[class*="hero"] *, div[class*="hero"] * {
        color: #ffffff !important;
        text-shadow: 4px 4px 10px rgba(0,0,0,1) !important;
        font-weight: 700 !important;
    }
    
    /* Mobile buttons in hero */
    section[class*="hero"] button, section[class*="hero"] a,
    div[class*="hero"] button, div[class*="hero"] a {
        background: #d4af37 !important;
        color: #000000 !important;
        border: 3px solid #000000 !important;
        font-weight: 800 !important;
        text-shadow: none !important;
        font-size: 16px !important;
    }
}