/* Custom styles for Brayden's Lawn Care */

html {
    scroll-behavior: smooth;
}

.hero-bg {
    background-color: #1b431a;
    background-image: radial-gradient(#275926 1px, transparent 1px), radial-gradient(#275926 1px, #1b431a 1px);
    background-size: 40px 40px;
    background-position: 0 0, 20px 20px;
}

.grass-stripe {
    background: repeating-linear-gradient(
        90deg,
        #15803d,
        #15803d 40px,
        #166534 40px,
        #166534 80px
    );
}

.card-hover {
    transition: all 0.2s ease-in-out;
}

.card-hover:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 24px -10px rgba(22, 101, 52, 0.2);
}

/* Custom scrollbars */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #489b43;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #367c32;
}