/* My Images Tab Styles */

/* Cover Image Upload Area */
#coverUploadArea:hover {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1), rgba(118, 75, 162, 0.1)) !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(102, 126, 234, 0.2);
}

#coverUploadArea.drag-over {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15), rgba(118, 75, 162, 0.15)) !important;
    border-color: #667eea !important;
    border-width: 3px !important;
}

/* Gallery Upload Area */
#galleryUploadArea:hover {
    background: linear-gradient(135deg, rgba(78, 205, 196, 0.1), rgba(102, 126, 234, 0.1)) !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(78, 205, 196, 0.2);
}

#galleryUploadArea.drag-over {
    background: linear-gradient(135deg, rgba(78, 205, 196, 0.15), rgba(102, 126, 234, 0.15)) !important;
    border-color: #4ecdc4 !important;
    border-width: 3px !important;
}

/* Gallery Grid Items */
.gallery-item {
    animation: fadeInUp 0.4s ease;
}

.gallery-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.25) !important;
}

.gallery-item .delete-gallery-image {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.gallery-item:hover .delete-gallery-image {
    opacity: 1;
}

/* @keyframes - Moved to theme files */
}

/* Current Cover Preview */
.current-cover-preview img {
    animation: fadeIn 0.5s ease;
}

/* @keyframes - Moved to theme files */
}

/* File Input Buttons */
#coverUploadArea button,
#galleryUploadArea button {
    transition: all 0.3s ease;
}

#coverUploadArea button:hover,
#galleryUploadArea button:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}