/* Feed Viewer - Custom Styles */
/* Version: 2.0.0 - Mobile Optimized */

#feedList .card-base {
    animation: slideInRight 0.3s ease-out;
}

#feedList .card-base:hover {
    background: rgba(100, 108, 255, 0.05);
    transition: background 0.2s ease;
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* ===== MOBILE RESPONSIVE ===== */
@media (max-width: 768px) {
    /* Feed items - full width */
    #feedList .card-base,
    .feed-item {
        padding: 12px !important;
    }
    
    /* Feed images */
    .feed-image {
        max-height: 300px !important;
    }
    
    /* Feed actions */
    .feed-actions {
        flex-wrap: wrap !important;
        gap: 8px !important;
    }
    
    .feed-actions button {
        flex: 1 !important;
        min-width: 100px !important;
        font-size: 12px !important;
        padding: 8px 12px !important;
    }
    
    /* Feed meta info */
    .feed-meta {
        flex-direction: column !important;
        gap: 4px !important;
    }
}

@media (max-width: 480px) {
    #feedList .card-base,
    .feed-item {
        padding: 10px !important;
    }
    
    .feed-image {
        max-height: 200px !important;
    }
}