/* Flower Shops Landing Page Styles */

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

/* Custom Animations */
@keyframes float {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0px);
    }
}

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

/* Form Elements Focus */
input:focus,
textarea:focus {
    outline: none;
    border-color: #ec4899;
    /* brand-pink */
    box-shadow: 0 0 0 3px rgba(236, 72, 153, 0.2);
}

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

/* Gradient Text Utility */
.text-gradient {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #ec4899, #10b981);
}