/* Custom styles for Mrs. French Tips */

/* Smooth scroll padding for fixed header */
section[id] {
    scroll-margin-top: 80px;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f0fdf9;
}
::-webkit-scrollbar-thumb {
    background: #5eead4;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #14b8a6;
}

/* Subtle pattern for mint sections */
.bg-mint-pattern {
    background-image: radial-gradient(circle at 25% 25%, rgba(94, 234, 212, 0.05) 0%, transparent 50%),
                      radial-gradient(circle at 75% 75%, rgba(94, 234, 212, 0.05) 0%, transparent 50%);
}

/* Floating animation for decorative elements */
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}

/* Pulse animation for CTA buttons */
@keyframes pulse-soft {
    0%, 100% { box-shadow: 0 0 0 0 rgba(94, 234, 212, 0.4); }
    50% { box-shadow: 0 0 0 10px rgba(94, 234, 212, 0); }
}

/* Selection color */
::selection {
    background: #5eead4;
    color: #0A2540;
}