/*
Theme Name: BigByte IT Solutions
Theme URI: https://bigbyteit.com/
Author: Antigravity
Description: Custom one-page WordPress theme for BigByte IT Solutions. Designed to override standard Elementor global styles and load correctly.
Version: 1.0
Text Domain: bigbyte-it
*/

html {
    scroll-behavior: smooth;
}

#bigbyte-landing, #bigbyte-landing * {
    font-family: 'Poppins', sans-serif !important;
}

body {
    font-family: 'Poppins', sans-serif !important;
}

/* Float animation for the hero car image */
@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px);
    }
}

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

/* Subtle fade-in-up animation for loading elements */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    opacity: 0;
    animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Staggered animation delay utilities */
.animation-delay-100 {
    animation-delay: 100ms;
}

.animation-delay-200 {
    animation-delay: 200ms;
}

.animation-delay-300 {
    animation-delay: 300ms;
}

.animation-delay-400 {
    animation-delay: 400ms;
}

/* Custom layout classes with overrides */
.bg-bigbyte-blue {
    background-color: #0056D2 !important;
}

.bg-bigbyte-dark {
    background-color: #011D40 !important;
}

.text-bigbyte-blue {
    color: #0056D2 !important;
}

.text-bigbyte-dark {
    color: #011D40 !important;
}

.border-bigbyte-blue {
    border-color: #0056D2 !important;
}

.hero-gradient {
    background: linear-gradient(to right, #ffffff 40%, transparent 100%) !important;
}

.cta-secondary-btn:hover {
    color: #0056D2 !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}