/* General Styles */
body {
 font-family: 'Roboto', sans-serif;
 line-height: 1.6;
 color: #333;
}

h1, h2, h3, h4, h5, h6 {
 font-family: 'Playfair Display', serif;
 color: #222;
}

.white { color: white; }
/* Navbar */
.navbar {
 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.navbar-brand {
 font-family: 'Playfair Display', serif;
 font-size: 1.8rem;
 color: #d9534f !important;
}

.nav-link {
 font-size: 1.1rem;
 padding: 0.5rem 1rem !important;
 color: #333 !important;
}

.nav-link:hover {
 color: #d9534f !important;
}

/* Hero Section */
.hero {
 background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://cdn.pixabay.com/photo/2020/11/02/12/59/table-5706576_1280.jpg') no-repeat center center/cover;
 height: 100vh;
 color: #fff;
}

.hero h1 {
 font-size: 3.5rem;
 font-weight: 700;
}

.hero p {
 font-size: 1.5rem;
 margin-bottom: 2rem;
}

.hero .btn-primary {
 background-color: #d9534f;
 border-color: #d9534f;
 padding: 0.75rem 2rem;
 font-size: 1.2rem;
}

.hero .btn-primary:hover {
 background-color: #c9302c;
 border-color: #c9302c;
}

/* About Section */
#about img {
 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Menu Section */
.card {
 border: none;
 transition: transform 0.3s;
}

.card:hover {
 transform: translateY(-5px);
 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.card-img-top {
 height: 200px;
 object-fit: cover;
}

.card-title {
 font-family: 'Playfair Display', serif;
 font-size: 1.5rem;
}

.btn-outline-primary {
 border-color: #d9534f;
 color: #d9534f;
}

.btn-outline-primary:hover {
 background-color: #d9534f;
 color: #fff;
}

/* Contact Section */
#contact iframe {
 border-radius: 5px;
 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

#contact h4, #contact h5 {
 color: #d9534f;
}

/* Footer */
footer {
 background-color: #222;
}

.copyright {
 background-color: #1a1a1a;
 color: #fff;
 font-size: 0.9rem;
}

.copyright a {
 color: #d9534f;
 text-decoration: none;
}

.copyright a:hover {
 text-decoration: underline;
}

/* Responsive Design */
@media (max-width: 768px) {
 .hero {
 height: 80vh;
 }

 .hero h1 {
 font-size: 2.5rem;
 }

 .hero p {
 font-size: 1.2rem;
 }

 #about img {
 margin-top: 1.5rem;
 }
}