/* Custom styles that extend Tailwind */

/* Ensure the hero image doesn't have layout shift */
.magazine-grid img {
    will-change: transform;
}

/* Subtle pattern for the CTA section */
.cta-pattern {
    background-image: radial-gradient(circle, rgba(255,255,255,0.15) 1px, transparent 1px);
    background-size: 24px 24px;
}

/* Smooth image loading */
img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* Focus visible for accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid #14b8a6;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Selection color */
::selection {
    background-color: #99f6e4;
    color: #134e4a;
}

/* Print styles */
@media print {
    .mobile-menu,
    #menuBtn {
        display: none !important;
    }
    nav {
        position: static !important;
    }
}