/* Custom styles that complement Tailwind */

/* Smooth focus outlines for accessibility */
*:focus-visible {
    outline: 2px solid #0d9488;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Selection color */
::selection {
    background: #99f6e4;
    color: #042f2e;
}

/* Subtle gradient overlay on hero image for contrast */
.hero-img::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(4, 47, 46, 0.15) 0%, transparent 60%);
    border-radius: 1.5rem;
}

/* Ensure form inputs look polished */
input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.2s;
}
input[type="date"]::-webkit-calendar-picker-indicator:hover {
    opacity: 1;
}

/* Subtle pattern for teal sections */
.bg-pattern-teal {
    background-image: radial-gradient(circle at 25% 25%, rgba(255,255,255,0.05) 0%, transparent 50%),
                      radial-gradient(circle at 75% 75%, rgba(255,255,255,0.03) 0%, transparent 50%);
}

/* Navbar glass effect on scroll */
.navbar.scrolled {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

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