/* The Twisted Spud — Additional Custom Styles
 * All primary styles are in index.html for single-file deployment.
 * This file provides supplementary overrides and print styles.
 */

/* Ensure images never overflow */
img { max-width: 100%; height: auto; }

/* Focus styles for accessibility */
a:focus-visible, button:focus-visible {
    outline: 2px solid #B8860B;
    outline-offset: 2px;
}

/* Print styles */
@media print {
    .hero, .gallery, .map-section, .nav, .mobile-toggle { display: none !important; }
    body { background: #fff !important; color: #000 !important; }
    section { padding: 2rem 0 !important; }
    .menu-section, .testimonials, .cta-section { background: #fff !important; color: #000 !important; }
    .menu-card, .testimonial-card, .info-card { background: #f5f5f5 !important; color: #000 !important; }
    .menu-card h3, .testimonial-card p, .info-card h3 { color: #000 !important; }
}

/* High contrast mode support */
@media (forced-colors: active) {
    .stat-card, .menu-card, .testimonial-card, .info-card {
        border: 1px solid ButtonText;
    }
}

/* Reduced motion: ensure content is always visible */
@media (prefers-reduced-motion: reduce) {
    .reveal { opacity: 1 !important; transform: none !important; }
    html { scroll-behavior: auto; }
    * { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}