/* Extra small device specific optimizations */

@media (max-width: 480px) {
    /* Adjust section spacing */
    .section-padding {
        padding: 60px 0;
    }
    
    /* Further optimize header for small screens */
    .glass-header {
        height: 60px;
    }
    
    .logo-text {
        font-size: 18px;
    }
    
    /* Optimize all buttons */
    .btn {
        padding: 10px 20px;
        font-size: 14px;
    }
    
    /* Optimize hero section */
    .hero-title {
        font-size: 24px;
        line-height: 1.3;
    }
    
    .text-reveal {
        font-size: 14px;
        margin-bottom: 20px;
    }
    
    /* Make navigation better for tiny screens */
    .section-header h2 {
        font-size: 28px;
    }
    
    /* Improve About section */
    .about-text h3 {
        font-size: 18px;
        line-height: 1.4;
    }
    
    .about-text p {
        font-size: 14px;
        line-height: 1.5;
    }
    
    /* Skills section */
    .skills-category h4 {
        font-size: 16px;
    }
    
    /* Education section */
    .timeline-item-content h3 {
        font-size: 16px;
    }
    
    .timeline-item-content p {
        font-size: 13px;
    }
    
    /* Contact section */
    .contact-info h3,
    .contact-form h3 {
        font-size: 18px;
    }
    
    .info-item span {
        font-size: 13px;
    }
    
    .info-item p {
        font-size: 14px;
    }
    
    /* Footer */
    footer {
        font-size: 14px;
    }
    
    .footer-logo {
        font-size: 20px;
    }
    
    /* Ensure proper touch targets */
    a, button, .menu-btn, .carousel-button, .social-icon {
        min-height: 44px;
        min-width: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    
    /* Give space around links for better touch */
    a:not(.btn):not(.menu-item) {
        padding: 5px;
        margin: -5px;
    }
}