/* Custom styles for Rene + Rose Salon */

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

/* Geometric shape animations */
@media (prefers-reduced-motion: no-preference) {
    .geo-circle {
        animation: float 6s ease-in-out infinite;
    }
    .geo-circle:nth-child(2) {
        animation-delay: -2s;
        animation-duration: 8s;
    }
    .geo-circle:nth-child(3) {
        animation-delay: -4s;
        animation-duration: 7s;
    }
    .geo-rect {
        animation: float 7s ease-in-out infinite;
        animation-delay: -1s;
    }
    .geo-triangle {
        animation: float 9s ease-in-out infinite;
        animation-delay: -3s;
    }
}

@keyframes float {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-15px) rotate(3deg); }
}

/* Service card image hover */
.service-card img {
    transition: transform 0.4s ease;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #FAF9F6;
}
::-webkit-scrollbar-thumb {
    background: #a5d6a7;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #66bb6a;
}

/* Selection color */
::selection {
    background-color: #c5e1a5;
    color: #0d3b12;
}