/* Rx Quick Pharmacy – custom styles */

html {
    scroll-behavior: smooth;
}

.hero-pattern {
    background-color: #eff6ff;
    background-image:
        radial-gradient(ellipse 90% 70% at 0% 50%, rgba(37, 99, 235, 0.38) 0%, transparent 55%),
        radial-gradient(ellipse 80% 60% at 100% 20%, rgba(16, 185, 129, 0.34) 0%, transparent 50%),
        radial-gradient(ellipse 60% 50% at 80% 90%, rgba(37, 99, 235, 0.22) 0%, transparent 45%),
        radial-gradient(ellipse 50% 40% at 20% 10%, rgba(5, 150, 105, 0.2) 0%, transparent 40%),
        linear-gradient(
            135deg,
            #dbeafe 0%,
            #ecfdf5 35%,
            #d1fae5 65%,
            #bfdbfe 100%
        );
}

.hero-pattern::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(
        90deg,
        rgba(37, 99, 235, 0.08) 0%,
        transparent 40%,
        transparent 60%,
        rgba(16, 185, 129, 0.1) 100%
    );
    pointer-events: none;
}

.hero-pattern > * {
    position: relative;
    z-index: 1;
}

.fade-in {
    animation: fadeIn 0.6s ease-out;
}

.service-card:hover .service-icon {
    transform: scale(1.1);
}

.service-icon {
    transition: transform 0.3s ease;
}

.testimonial-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08);
}

.testimonial-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.footer-wave {
    background-color: #0c1e3d;
}

.footer-wave-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    pointer-events: none;
    user-select: none;
}

.hero-logo-badge {
    background: rgba(255, 255, 255, 0.95);
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}