/* Custom Styles for Buzz Computer */

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: #fcfaf8;
}

::-webkit-scrollbar-thumb {
    background: #8f3d5e;
    border-radius: 6px;
    border: 3px solid #fcfaf8;
}

::-webkit-scrollbar-thumb:hover {
    background: #6b2f48;
}

/* Editorial shadow effect */
.editorial-shadow {
    box-shadow: 12px 12px 0px #2d1520;
}

.editorial-shadow-sm {
    box-shadow: 6px 6px 0px #2d1520;
}

/* Hover lift effect */
.hover-lift {
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), 
                box-shadow 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.hover-lift:hover {
    transform: translate(-4px, -4px);
    box-shadow: 16px 16px 0px #2d1520;
}

.hover-lift-sm {
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), 
                box-shadow 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.hover-lift-sm:hover {
    transform: translate(-2px, -2px);
    box-shadow: 8px 8px 0px #2d1520;
}

/* Noise texture overlay */
.bg-noise {
    background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)" opacity="0.05"/%3E%3C/svg%3E');
}

/* Animation for floating cards */
@keyframes float {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
}

.float-animation {
    animation: float 4s ease-in-out infinite;
}

/* Reduced motion preference */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    
    html {
        scroll-behavior: auto;
    }
}