/* Custom styles that complement Tailwind */

/* Smooth scroll offset for fixed nav */
section[id] {
    scroll-margin-top: 80px;
}

/* Ensure mobile menu is hidden by default on desktop */
@media (min-width: 768px) {
    #mobile-menu { display: none; }
}

/* Custom selection color */
::selection {
    background-color: #c43b3b;
    color: #fdf8f6;
}

/* Subtle pattern for hero section background */
#hero {
    background-image: radial-gradient(circle at 20% 80%, rgba(196, 59, 59, 0.03) 0%, transparent 50%),
                      radial-gradient(circle at 80% 20%, rgba(204, 107, 85, 0.03) 0%, transparent 50%);
}

/* Input autofill styling */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    .reveal {
        opacity: 1 !important;
        transform: none !important;
    }
}