/* Custom styles for Lacrosse Skills Clinic */

/* Hero diagonal pattern */
.hero-pattern {
    background-image:
        repeating-linear-gradient(
            45deg,
            transparent,
            transparent 20px,
            rgba(255, 255, 255, 0.03) 20px,
            rgba(255, 255, 255, 0.03) 40px
        );
}

/* Field grass texture */
.field-texture {
    background-image:
        repeating-linear-gradient(
            90deg,
            transparent,
            transparent 2px,
            rgba(255, 255, 255, 0.02) 2px,
            rgba(255, 255, 255, 0.02) 4px
        ),
        repeating-linear-gradient(
            0deg,
            transparent,
            transparent 10px,
            rgba(0, 0, 0, 0.05) 10px,
            rgba(0, 0, 0, 0.05) 20px
        );
}

/* Coach card hover effect */
.coach-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.coach-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.15);
}

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

/* Focus visible for accessibility */
:focus-visible {
    outline: 2px solid #c9a227;
    outline-offset: 2px;
}

/* Custom selection color */
::selection {
    background-color: #c9a227;
    color: #0f2744;
}

/* Ensure readable line lengths */
.max-w-prose {
    max-width: 65ch;
}

/* Image aspect ratio fallback */
@supports not (aspect-ratio: 4 / 3) {
    .aspect-\[4\/3\] {
        padding-top: 75%;
        position: relative;
    }
    .aspect-\[4\/3\] > img {
        position: absolute;
        inset: 0;
    }
}