/* Custom styles for LibertyX Bitcoin ATM */

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

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

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

::-webkit-scrollbar-thumb {
    background: #0f766e;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #115e59;
}

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

/* Apply floating animation to hero cards */
.floating-card {
    animation: float 6s ease-in-out infinite;
}

.floating-card:nth-child(2) {
    animation-delay: -2s;
}

.floating-card:nth-child(3) {
    animation-delay: -4s;
}

/* Ensure text is readable on all backgrounds */
.bg-slate-900 h1,
.bg-slate-900 h2,
.bg-slate-900 h3,
.bg-slate-900 h4 {
    color: #ffffff;
}

.bg-slate-900 p {
    color: #cbd5e1;
}

/* Hero section text styling */
.hero-gradient {
    background: linear-gradient(135deg, #0f172a 0%, #134e4a 100%);
}

/* Button hover effects */
.btn-primary {
    transition: all 0.3s ease;
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px -5px rgba(20, 184, 166, 0.4);
}

/* Card hover effects */
.service-card {
    transition: all 0.3s ease;
}

.service-card:hover {
    transform: translateY(-5px);
}

/* Mobile menu transition */
#mobile-menu {
    transition: all 0.3s ease;
}

/* Navbar scroll effect */
nav.scrolled {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* Print styles */
@media print {
    nav,
    .floating-card,
    #mobile-menu {
        display: none;
    }
    
    body {
        color: #000;
        background: #fff;
    }
}