/* Custom styles beyond Tailwind */

/* Smooth scrolling for the whole page */
html {
    scroll-behavior: smooth;
}

/* Add spacing for content below fixed header */
body {
    padding-top: 6rem; /* Adjust this value based on your header height */
}

/* Ensure main content doesn't scroll under header */
main {
    position: relative;
    z-index: 1;
    background-color: white;
}

/* Header styles */
header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: white;
    z-index: 50;
}

/* Custom transitions */
.transition {
    transition: all 0.3s ease;
}

/* Image hover effects */
.hover-grow {
    transition: transform 0.3s ease;
}

.hover-grow:hover {
    transform: scale(1.05);
}

/* Custom focus styles for better accessibility */
a:focus, button:focus {
    outline: 2px solid #CD853F;
    outline-offset: 2px;
}

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

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

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

::-webkit-scrollbar-thumb:hover {
    background: #8B4513;
}