/* ============================================
   COMPREHENSIVE MOBILE FIXES - ALL ISSUES
   ============================================ */

/* Fix all absolute positioned elements on mobile */
@media (max-width: 768px) {
    /* Reset problematic absolute positions */
    .contact-info,
    .get-in-touch,
    .contact-form-container,
    .contact-clock,
    .website-credit {
        position: static !important;
        transform: none !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
    }
    
    /* Fix section padding */
    .section {
        padding: 5rem 1.5rem 3rem !important;
        min-height: auto !important;
        box-sizing: border-box;
    }
    
    #home {
        padding: 5rem 1.5rem 2rem !important;
        min-height: 100vh;
    }
    
    #contact {
        padding: 5rem 1.5rem 2rem !important;
        min-height: auto !important;
    }
    
    /* Fix contact container */
    .contact-container {
        height: auto !important;
        min-height: auto !important;
        padding: 2rem 1.5rem !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 2rem !important;
        overflow: visible !important;
    }
    
    /* Fix footer positioning */
    .footer {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 99 !important;
        padding: 1rem 1.5rem !important;
        background: rgba(0, 0, 0, 0.8) !important;
        backdrop-filter: blur(10px) !important;
    }
    
    /* Ensure no horizontal overflow */
    * {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    body,
    html,
    .container,
    .main-scroll {
        overflow-x: hidden !important;
        width: 100% !important;
        max-width: 100vw !important;
    }
    
    /* Fix particles canvas */
    .particles-canvas,
    .skills-particles-canvas,
    .projects-particles-canvas {
        width: 100% !important;
        height: 100% !important;
        max-width: 100vw !important;
    }
    
    /* Fix about photo */
    .about-photo-right {
        position: static !important;
        transform: none !important;
        width: 100% !important;
        max-width: 350px !important;
        margin: 1.5rem auto 0 !important;
        display: block !important;
    }
    
    /* Fix experience section */
    .about-experience {
        padding-left: 0 !important;
        margin-top: 1.5rem !important;
        width: 100% !important;
    }
    
    /* Fix education items */
    .education-item {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Fix project cards */
    .project-card {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Fix skill boxes */
    .skills-boxes,
    .skills-boxes-right {
        position: static !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 1.5rem auto !important;
    }
    
    /* Fix certifications */
    .certifications-container {
        flex-direction: column !important;
        width: 100% !important;
    }
    
    .certifications-left,
    .certifications-right {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .certifications-divider {
        width: 100% !important;
        height: 2px !important;
        margin: 1rem 0 !important;
    }
    
    /* Fix header */
    .header {
        padding: 1rem 1.5rem !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Fix all text overflow */
    * {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }
    
    /* Fix form elements */
    .form-input,
    .form-textarea {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Fix modals */
    .project-modal-content {
        width: 95% !important;
        max-width: 95% !important;
        max-height: 90vh !important;
        overflow-y: auto !important;
    }
}

@media (max-width: 480px) {
    .section {
        padding: 4rem 1rem 2rem !important;
    }
    
    #home {
        padding: 4rem 1rem 1.5rem !important;
    }
    
    #contact {
        padding: 4rem 1rem 1.5rem !important;
    }
    
    .contact-container {
        padding: 1.5rem 1rem !important;
        gap: 1.5rem !important;
    }
    
    .header {
        padding: 0.75rem 1rem !important;
    }
    
    .footer {
        padding: 0.75rem 1rem !important;
    }
    
    /* Smaller fonts on very small screens */
    .section-title {
        font-size: 1.75rem !important;
    }
    
    .name {
        font-size: 1.75rem !important;
    }
    
    /* Stack everything vertically */
    .home-social-links {
        flex-direction: column !important;
        align-items: center !important;
    }
}