/* style.css - Custom Styles for Wu's KBBQ */

/* Smooth scrolling for anchor links */
html {
	scroll-behavior: smooth;
}

/* Base typography overrides */
.font-serif {
	font-family: "Playfair Display", serif;
}

.font-sans {
	font-family: "Montserrat", sans-serif;
}

/* Custom Webkit Scrollbar to match the dark luxury theme */
::-webkit-scrollbar {
	width: 6px;
}

::-webkit-scrollbar-track {
	background: #0a0a0a;
}

::-webkit-scrollbar-thumb {
	background: #c2410c; /* Matches the brand-gold color */
	border-radius: 3px;
}

/* Menu Item Hover Effect */
.menu-item {
	transition:
		transform 0.3s ease,
		opacity 0.3s ease;
	padding-bottom: 0.5rem;
	border-bottom: 1px dashed #1f1f1f; /* brand-border */
}

.menu-item:hover {
	transform: translateX(8px);
}

.menu-item:hover h3 {
	color: #c2410c; /* Highlight title on hover */
	transition: color 0.3s ease;
}

/* Image Gallery Overlays (If images are added to menu items later) */
.gallery-overlay {
	background: rgba(10, 10, 10, 0.7);
	opacity: 0;
	transition: all 0.4s ease;
}

.gallery-item:hover .gallery-overlay {
	opacity: 1;
}