/* ==========================================================================
   GDrive Gallery Pro - Custom Styles
   ========================================================================== */

/* Custom Animations */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in {
    animation: fadeIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Tùy chỉnh thanh cuộn (Custom Scrollbar) */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #020617; /* slate-950 */
}

::-webkit-scrollbar-thumb {
    background: #1e293b; /* slate-800 */
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #334155; /* slate-700 */
}

/* Đảm bảo tỉ lệ và ảnh không vỡ */
.gallery-card {
    contain: content;
}

.gallery-thumbnail-img {
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.gallery-card:hover .gallery-thumbnail-img {
    transform: scale(1.05);
}