/* Main Stylesheet for CleanWiz */

/* Base Styles */
body {
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth;
}

.font-montserrat {
    font-family: 'Montserrat', sans-serif;
}

/* CleanWiz Brand Colors */
.text-brand-primary {
    color: #0047FF;
}

.bg-brand-primary {
    background-color: #0047FF;
}

.text-brand-secondary {
    color: #ADD8E6;
}

.bg-brand-secondary {
    background-color: #ADD8E6;
}

.text-brand-accent-orange {
    color: #FF8C00;
}

.bg-brand-accent-orange {
    background-color: #FF8C00;
}

.shadow-lg-custom {
    box-shadow: 0 10px 15px -3px rgba(0, 71, 255, 0.1), 0 4px 6px -2px rgba(0, 71, 255, 0.05);
}

/* Header gradient background */
.header-gradient-bg {
    /* Match hero gradient for seamless look */
    background-image: linear-gradient(135deg, rgba(7, 36, 118, 0.878) 0%, rgba(45, 96, 225, 0.862) 100%, url('../images/hero/hero.png'));
}

/* Custom Animations */
@keyframes bounce-slow {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
}

.animate-bounce-slow {
    animation: bounce-slow 3s infinite ease-in-out;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.animate-spin-fast {
    animation: spin 0.8s linear infinite;
}

/* Mobile Menu Hamburger Animation */
.hamburger-active .hamburger-line-1 {
    transform: rotate(45deg) translate(5px, 5px);
}

.hamburger-active .hamburger-line-2 {
    opacity: 0;
}

.hamburger-active .hamburger-line-3 {
    transform: rotate(-45deg) translate(7px, -6px);
}

.hamburger-line-1,
.hamburger-line-2,
.hamburger-line-3 {
    transition: all 0.3s ease;
}

/* Mobile Menu Overlay */
.mobile-menu-open {
    transform: translateX(0) !important;
}

/* Custom gradient for hero sections */
.hero-gradient-bg {
    background-image: linear-gradient(135deg, rgba(7, 36, 118, 0.878) 0%, rgba(16, 71, 213, 0.862) 100%), url('../images/hero/hero2.png');
    background-size: cover;
    background-position: center;
}

/* Custom filter for partner logos */
.filter-white-invert {
    filter: brightness(0) invert(1);
    opacity: 0.7;
}

/* Solid white filter (no opacity) for primary logo */
.filter-white {
    filter: brightness(0) invert(1);
}

.avatar:not(:first-child) {
    margin-left: -0.75rem;
}