/* Derby Serenity — Additional Custom Styles */

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

/* Ensure all interactive elements have proper focus states */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 2px solid #d4952a;
    outline-offset: 2px;
}

/* Selection color */
::selection {
    background: rgba(212, 149, 42, 0.3);
    color: #faf8f4;
}

/* Reduced motion — keep content visible */
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
    .reveal {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    .room-card {
        transition: none !important;
    }
    .room-card:hover {
        transform: none !important;
    }
    .room-card:hover .room-img {
        transform: none !important;
    }
    .btn-gold::before {
        display: none;
    }
    .mobile-menu {
        transition: none !important;
    }
}

/* Print styles */
@media print {
    .grain::after { display: none; }
    #navbar, .mobile-menu { display: none; }
    body { background: white; color: black; }
}