/* Custom styles — supplementing Tailwind */

.font-playfair {
    font-family: 'Playfair Display', serif;
}

/* Subtle gold accent line under section labels */
section > div > div:first-child > span::after {
    content: '';
    display: block;
    width: 40px;
    height: 2px;
    background: linear-gradient(90deg, #d4a843, transparent);
    margin-top: 12px;
}

/* Room card image overlay on hover */
.room-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), 0 0 40px rgba(212, 168, 67, 0.08);
}

/* Smooth focus ring for inputs */
input:focus, select:focus, textarea:focus {
    box-shadow: 0 0 0 3px rgba(212, 168, 67, 0.15);
}

/* Date input styling */
input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(0.7) sepia(1) saturate(3) hue-rotate(10deg);
    cursor: pointer;
}

/* Gold gradient border animation for hero CTA */
@keyframes shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

/* Mobile menu transition */
#mobile-menu {
    animation: slideDown 0.3s ease;
}

@keyframes slideDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

#mobile-menu.hidden {
    animation: none;
    display: none;
}

/* Prevent layout shift on images */
img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Selection color */
::selection {
    background-color: rgba(212, 168, 67, 0.3);
    color: #f5f5f5;
}