/* Styling for Sections */
html {
    scroll-behavior: smooth; /* This makes the jumping look like scrolling */
}

body {
    font-family: 'Poppins', sans-serif;
}

.py-100 {
    padding: 100px 0;
}

.section-title {
    font-family: 'Playfair Display', serif;
    font-size: 2.5rem;
    margin-bottom: 30px;
}

/* Hero Section Image */
#home {
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), 
              /* url('https://images.unsplash.com/photo-1542314831-068cd1dbfeeb?auto=format&fit=crop&w=1920&q=80');*/
               
                url('Img/1.jpeg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; /* Prevents tiling */
    height: 100vh;
}

/* Navbar Scrolled State */
.navbar {
    transition: background 0.4s ease;
    padding: 20px 0;
}

.navbar-scrolled {
    background: #111 !important;
    padding: 10px 0;
}

/* Color Accents */
.btn-warning {
    background-color: #d4af37 !important; /* Gold */
    border-color: #d4af37 !important;
    color: white !important;
}

.text-warning {
    color: #d4af37 !important;
}
/* Container for each menu photo */
.menu-card {
    position: relative;
    overflow: hidden;
    background: #fff;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.menu-card:hover {
    transform: translateY(-5px); /* Lifts the image slightly */
    z-index: 5;
}

.menu-card img {
    width: 100%;
    height: auto;
    display: block;
}

/* Icon that appears on hover to suggest 'Click to Zoom' */
.menu-zoom-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 2rem;
    background: rgba(197, 160, 89, 0.7); /* Your Gold theme color */
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: 0.3s ease;
}

.menu-card:hover .menu-zoom-icon {
    opacity: 1;
}