/* Mobile Simplified Styles */

/* Reset for mobile */
body.mobile-view {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    position: relative;
    width: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

/* Hide complex elements */
body.mobile-view .hero,
body.mobile-view .hero-slider,
body.mobile-view .animation-container,
body.mobile-view canvas,
body.mobile-view .logo-digital-rain,
body.mobile-view .logo-brackets,
body.mobile-view .slider-controls,
body.mobile-view .slider-dots,
body.mobile-view .scroll-indicator {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Mobile navigation */
body.mobile-view .nav-links {
    position: fixed;
    top: 0;
    right: -100%;
    width: 80%;
    max-width: 300px;
    height: 100vh;
    background: var(--primary-dark);
    padding: 80px 20px 20px;
    transition: right 0.3s ease;
    z-index: 1001;
    overflow-y: auto;
    border-left: 2px solid var(--secondary-main);
}

body.mobile-view .nav-links.active {
    right: 0;
}

body.mobile-view .nav-links .nav-link {
    display: block;
    padding: 15px;
    margin: 5px 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

body.mobile-view .dropdown-content {
    position: static;
    background: transparent;
    box-shadow: none;
    padding-left: 20px;
    display: none;
}

body.mobile-view .dropdown.active .dropdown-content {
    display: block;
}

/* Menu toggle */
body.mobile-view .menu-toggle {
    display: block;
    position: relative;
    z-index: 1002;
}

/* Overlay */
body.mobile-view .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    display: none;
    z-index: 1000;
}

body.mobile-view .overlay.active {
    display: block;
}

/* Services and Solutions optimization */
body.mobile-view .services-grid,
body.mobile-view .solutions-grid,
body.mobile-view .team-grid {
    grid-template-columns: 1fr !important;
    gap: 20px;
}

body.mobile-view .service-card,
body.mobile-view .solution-card,
body.mobile-view .team-card {
    margin-bottom: 20px;
}

/* Typography for mobile */
body.mobile-view .section-title {
    font-size: 24px !important;
    line-height: 1.3;
}

body.mobile-view .section-subtitle {
    font-size: 16px !important;
}

/* Form optimization */
body.mobile-view .contact-content {
    flex-direction: column;
}

body.mobile-view .contact-info {
    margin-bottom: 30px;
}

/* Button sizes */
body.mobile-view .btn {
    padding: 12px 24px !important;
    font-size: 16px !important;
    min-height: 48px;
}

/* WhatsApp float */
body.mobile-view .whatsapp-float {
    width: 50px;
    height: 50px;
    font-size: 24px;
    bottom: 20px;
    right: 20px;
}

/* Back to top */
body.mobile-view .back-to-top {
    width: 40px;
    height: 40px;
    font-size: 14px;
}

/* Footer optimization */
body.mobile-view .footer-content {
    grid-template-columns: 1fr !important;
    gap: 30px;
}

/* Smooth scrolling */
@media (prefers-reduced-motion: no-preference) {
    body.mobile-view {
        scroll-behavior: smooth;
    }
}

/* iOS specific fixes */
@supports (-webkit-touch-callout: none) {
    body.mobile-view {
        -webkit-overflow-scrolling: touch;
    }
    
    body.mobile-view input,
    body.mobile-view textarea,
    body.mobile-view select {
        font-size: 16px; /* Prevents iOS zoom */
    }
}

/* Android specific */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    body.mobile-view select,
    body.mobile-view textarea,
    body.mobile-view input {
        font-size: 16px !important;
    }
}

/* Prevent text selection on mobile */
body.mobile-view {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Allow text selection on specific elements */
body.mobile-view p,
body.mobile-view h1,
body.mobile-view h2,
body.mobile-view h3,
body.mobile-view li,
body.mobile-view a {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}