/*
Theme Name: Nexus Modern Tech Blog
Author: Modern Web Design
Description: A modern tech insights and stories WordPress blog theme built with Tailwind CSS.
Version: 1.0.0
*/

/* Custom Smooth Transitions & Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.6);
}
::-webkit-scrollbar-thumb {
    background: #4f46e5;
    border-radius: 9999px;
}

.glass-header {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}
.dark .glass-header {
    background: rgba(9, 13, 22, 0.8);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.glass-card {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(226, 232, 240, 0.8);
}
.dark .glass-card {
    background: rgba(17, 23, 38, 0.7);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(31, 41, 61, 0.8);
}

/* Filter animation classes */
.post-card {
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.post-card.hidden-card {
    opacity: 0;
    transform: scale(0.95) translateY(10px);
    pointer-events: none;
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: none;
}

/* Gradient Effects */
.gradient-text {
    background: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-bg {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #c026d3 100%);
}