/* RESET & BODY */
*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;}
body{background:#f5f5f5;color:#1b4332;scroll-behavior:smooth;}

/* NAVBAR */
.navbar{display:flex;justify-content:space-between;padding:20px 50px;background:#2d6a4f;position:fixed;width:100%;top:0;z-index:1000;}
.navbar .logo{color:white;font-size:22px;font-weight:bold;}
.navbar ul{list-style:none;display:flex;gap:20px;}
.navbar ul li a{color:white;text-decoration:none;transition:.3s;}
.navbar ul li a:hover{color:#c8a75d;}

/* HERO */
.hero{height:80vh;background:url('https://images.pexels.com/photos/461198/pexels-photo-461198.jpeg') center/cover no-repeat;display:flex;align-items:center;justify-content:center;position:relative;margin-top:80px;}
.overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);}
.hero-content{position:relative;color:white;text-align:center;z-index:2;}
.hero-content h1{font-size:50px;margin-bottom:20px;}
.hero-content p{font-size:20px;margin-bottom:30px;}
.btn{background:#0f5132;color:white;padding:15px 35px;border-radius:30px;text-decoration:none;transition:.3s;}
.btn:hover{background:#c8a75d;cursor:pointer;}

/* ABOUT SECTION */
.about-restaurant{padding:80px 20px;background:#f8f8f8;text-align:left;}
.about-restaurant .container{max-width:1100px;margin:auto;display:flex;flex-wrap:wrap;align-items:center;gap:50px;}
.about-image{flex:1;min-width:300px;max-width:500px;}
.about-image img{width:100%;border-radius:15px;box-shadow:0 10px 20px rgba(0,0,0,0.2);}
.about-text{flex:1;min-width:300px;max-width:500px;}
.about-text h2{color:#0f5132;font-size:40px;margin-bottom:20px;}
.about-text p{font-size:18px;line-height:1.8;margin-bottom:15px;color:#1b4332;}

/* RESERVATION */
.reservation{padding:80px 20px;text-align:center;}
.reservation-form{display:flex;flex-direction:column;gap:15px;max-width:500px;margin:auto;}
.reservation-form input, .reservation-form button{padding:12px;border:2px solid #2d6a4f;border-radius:5px;}
.reservation-form button{background:#2d6a4f;color:white;cursor:pointer;transition:.3s;}
.reservation-form button:hover{background:#0f5132;}

/* FOOTER */
footer{background:#1b4332;color:white;padding:30px;text-align:center;margin-top:50px;}
.language-switcher{margin-top:15px;}