/* Custom styles for Emerald Fortune LLC website */

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

/* Navbar shadow on scroll */
#navbar.scrolled {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

/* Subtle background pattern for hero */
.hero-pattern {
    background-image:
        radial-gradient(circle at 20% 50%, rgba(27, 153, 139, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(27, 153, 139, 0.1) 0%, transparent 50%);
}

/* Card hover lift */
.card-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -8px rgba(15, 42, 74, 0.15);
}

/* Fade-in animation */
.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Gradient text */
.gradient-text {
    background: linear-gradient(135deg, #1B998B 0%, #2EB174 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Selection color */
::selection {
    background-color: #1B998B;
    color: white;
}

/* Form input focus improvements */
input:focus, textarea:focus, select:focus {
    box-shadow: 0 0 0 3px rgba(27, 153, 139, 0.15);
}

/* Print styles */
@media print {
    .no-print { display: none !important; }
}

/* Mobile menu animation */
#mobileMenu {
    transition: max-height 0.3s ease-out, opacity 0.2s ease;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
}
#mobileMenu:not(.hidden) {
    max-height: 500px;
    opacity: 1;
}