/* Touch device optimizations for skills drag-drop */

/* Increase touch target size */
@media (max-width: 768px) {
    .skill-icon.holo {
        min-width: 50px;
        min-height: 50px;
        touch-action: none; /* Prevents default touch actions */
    }
    
    .skills-holographic-container {
        overflow: hidden; /* Prevent scrolling issues when dragging */
        touch-action: none;
    }
    
    /* Ensure container is still visible on mobile */
    .skills-all-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    /* Improve visibility of skill categories on mobile */
    .skills-category {
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }
    
    .skills-icons-row {
        justify-content: center;
        flex-wrap: wrap;
        gap: 15px;
    }
    
    /* Add visual feedback for touch */
    .skill-icon.holo.dragging {
        opacity: 0.8;
        transform: scale(1.1);
    }
    
    /* Adaptive positioning for different screen sizes */
    @media (max-width: 480px) {
        .skills-holographic-container {
            min-height: 300px !important;
        }
        
        .skill-icon.holo {
            min-width: 40px;
            min-height: 40px;
        }
    }
}