/* ===== NARROW DESKTOP VISIBILITY FIX ===== */
/* Fixes for disappearing elements on narrow desktop widths */
/* Addresses: "Email Infrastructure" text and "Request Access" box outline */
/* Addresses: About page white headers and box outlines */

/* Force visibility for text elements that might be hidden on narrow desktop */
@media (min-width: 768px) and (max-width: 1024px) {
    /* Ensure all headings and text remain visible */
    h1, h2, h3, h4, h5, h6,
    .about-hero__title,
    .hero-section__description,
    .gradient-text {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: inherit !important;
    }
    
    /* Ensure gradient text maintains proper styling */
    .gradient-text {
        background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        background-clip: text !important;
    }
    
    /* Force visibility for button outlines and Request Access elements */
    .btn,
    .btn--secondary,
    .hero-section__actions .btn,
    .cta-section__actions .btn {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        border: 1px solid rgba(139, 92, 246, 0.3) !important;
    }
    
    /* Ensure white headers on about page remain visible */
    .about-section__title,
    .about-hero__title {
        color: var(--color-text-primary) !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Force visibility for any elements that might be getting hidden */
    .container,
    .container--narrow,
    .container--wide {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Ensure all sections remain visible */
    section,
    .hero-section,
    .about-hero,
    .about-section {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* ===== MOBILE MENU Z-INDEX FIX ===== */
/* Ensure mobile menu appears above all page content */
@media (max-width: 768px) {
    .nav__menu,
    .mobile-menu,
    .nav__menu.active,
    .mobile-menu.active {
        z-index: 1010 !important;
    }
    
    .mobile-menu-overlay {
        z-index: 1009 !important;
    }
    
    /* Ensure mobile menu toggle button is above everything */
    .nav__toggle,
    .mobile-menu-toggle {
        z-index: 1011 !important;
    }
}

/* Additional fixes for any hidden-desktop classes that might be too aggressive */
@media (min-width: 768px) {
    .hidden-desktop {
        /* Only hide if specifically targeting larger screens */
        display: block;
    }
}

@media (min-width: 1024px) {
    .hidden-desktop {
        /* Restore normal hidden-desktop behavior on actual desktop */
        display: none;
    }
}