/* Additional custom styles for Tyee Campground */

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

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 12px;
}

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

::-webkit-scrollbar-thumb {
    background: #4d8063;
    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background: #284e3d;
}

/* Geometric shape rotations */
.rotated-45 {
    transform: rotate(45deg);
}

/* Button focus states */
button:focus,
a:focus {
    outline: 3px solid #9bbfa7;
    outline-offset: 2px;
}

/* Selection color */
::selection {
    background: #4d8063;
    color: #F5F0E8;
}

/* Image hover effects */
img {
    transition: transform 0.3s ease;
}

/* Loading animation for images */
img {
    opacity: 1;
    transition: opacity 0.3s ease;
}

img[data-src] {
    opacity: 0;
}

/* Form styles (for future use) */
input,
textarea {
    border: 2px solid #c6dace;
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    font-family: inherit;
    transition: border-color 0.3s ease;
}

input:focus,
textarea:focus {
    outline: none;
    border-color: #4d8063;
}

/* Print styles */
@media print {
    .geometric-shape,
    .accent-shape {
        display: none;
    }
}