/* Custom Styles for Foscot House & Cottage */

:root {
    --foscot-stone: #FDFCFB;
    --foscot-sage: #5A5A40;
    --foscot-ink: #3A3A32;
    --foscot-accent: #FAF9F6;
}

/* Base Fade Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fadeInUp 1s ease forwards;
}

.delay-100 { animation-delay: 0.1s; }
.delay-200 { animation-delay: 0.2s; }

/* Sticky Nav Glaze */
nav#main-nav.scrolled {
    background: rgba(253, 252, 251, 0.9);
    backdrop-filter: blur(20px);
    box-shadow: 0 1px 0 rgba(58, 58, 50, 0.05);
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

/* Custom Serif Tweaks */
h1, h2, h3, h4, .font-serif {
    font-family: 'Cormorant Garamond', serif;
}

.font-sans {
    font-family: 'Montserrat', sans-serif;
}

.location-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--foscot-sage);
    display: inline-block;
}

.tracking-widest {
    letter-spacing: 0.15em;
}

/* Mobile Menu Transitions */
#mobile-menu.active {
    transform: translateX(0);
}

.menu-link {
    transition: all 0.3s ease;
    opacity: 0.8;
}

.menu-link:hover {
    opacity: 1;
    letter-spacing: 2px;
}

/* Smooth Image Reveal placeholder */
img {
    transition: opacity 1s ease;
}

/* Forms */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: white !important;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

/* Smooth transitions for links */
a {
    transition: all 0.3s ease;
}

/* Custom Scrollbar for the site */
::-webkit-scrollbar {
    width: 4px;
}

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

::-webkit-scrollbar-thumb {
    background: #3A3A32;
}

/* Section transitions */
section {
    opacity: 1;
    transform: none;
    transition: opacity 1s ease, transform 1s ease;
}

.reveal {
    opacity: 0;
    transform: translateY(20px);
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}