/* Custom styles for Rogers RV Park */

/* Ensure smooth rendering */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #fdf8e8;
}
::-webkit-scrollbar-thumb {
    background: #d4612a;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #c44e1d;
}

/* Focus styles for accessibility */
*:focus-visible {
    outline: 2px solid #d4612a;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Ensure hero content is always visible */
#hero {
    min-height: 100vh;
    min-height: 100dvh;
}

/* Prevent layout shift on images */
img {
    max-width: 100%;
    height: auto;
}

/* Smooth transitions for interactive elements */
a, button {
    transition: all 0.2s ease;
}

/* Selection color */
::selection {
    background: #f0ad8e;
    color: #6c2b15;
}

/* Subtle pattern overlay for sections */
.bg-pattern {
    background-image: radial-gradient(circle at 1px 1px, rgba(212, 97, 42, 0.05) 1px, transparent 0);
    background-size: 24px 24px;
}