/* Custom styles that complement Tailwind — kept minimal since most styling is inline in index.html <head> */

/* Smooth focus outlines for accessibility */
*:focus-visible {
    outline: 2px solid #fbbf24;
    outline-offset: 2px;
}

/* Selection color */
::selection {
    background: rgba(131, 20, 67, 0.2);
    color: #500724;
}

/* Prevent layout shift on images */
img {
    max-width: 100%;
    height: auto;
}

/* Ensure map iframe is responsive */
.map-container {
    position: relative;
}

.map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Subtle page load animation for hero only (not above-fold content) */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hero-bg .relative > div {
    animation: fadeInUp 0.8s ease-out forwards;
}

/* Print styles */
@media print {
    .navbar, .mobile-menu, .animate-bounce {
        display: none !important;
    }
    body {
        color: #000;
        background: #fff;
    }
}