/*
 * The Cottage Coffee Shop — Custom Styles
 * Complements Tailwind CDN utilities
 */

/* Base typography refinements */
html {
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    text-rendering: optimizeLegibility;
}

/* Ensure smooth image rendering */
img {
    -webkit-font-smoothing: antialiased;
}

/* Selection color */
::selection {
    background: #9dd3b3;
    color: #111727;
}

/* Focus visible for keyboard navigation */
*:focus-visible {
    outline: 2px solid #6fba8c;
    outline-offset: 2px;
}

/* Reduced motion — content already visible by default */
@media (prefers-reduced-motion: reduce) {
    .reveal {
        opacity: 1 !important;
        transform: none !important;
    }
    html {
        scroll-behavior: auto;
    }
    .img-zoom img {
        transition: none;
    }
    .img-zoom:hover img {
        transform: none;
    }
}

/* Subtle print styles */
@media print {
    header, footer, #contact {
        display: none;
    }
    body {
        color: #000;
        background: #fff;
    }
}

/* Wide-screen optimization */
@media (min-width: 1920px) {
    .max-w-7xl {
        max-width: 80rem;
    }
}

/* Ensure the nav doesn't overlap hero content on small viewports */
@media (max-width: 639px) {
    #hero {
        padding-top: 5rem;
    }
}