/* ===== Global Styles ===== */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;
}
body{
    background:#fff;
    color:#111;
    transition:0.3s;
}
a{text-decoration:none;color:inherit;}
section{padding:80px 10%;}
h1,h2,h3{margin-bottom:20px;}
span{color:#e63946;}

/* ===== Header ===== */
.header{display:flex;justify-content:space-between;align-items:center;padding:15px 10%;position:sticky;top:0;background:#fff;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.05);}
.navbar a{margin-left:20px;font-weight:600;transition:0.3s;
/* height: 100px; */
}
.navbar a:hover{color:#e63946;}
#themeToggle{padding:5px 10px;cursor:pointer;font-size:18px;background:none;border:none;}

/* ===== Hero ===== */
.hero{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:80px;}
.hero-text h1{font-size:48px;animation:fadeInUp 1s ease forwards;}
.hero-text p{font-size:20px;margin:20px 0;animation:fadeInUp 1s ease 0.3s forwards;}
.btn{padding:12px 25px;background:#e63946;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:0.3s;}
.btn:hover{background:#d62828;}
.hero-image img{
    width:400px;
    border-radius:20px;
    transition:transform 0.3s;
    transform: translate(750px,-50px);
}
.hero-image img:hover{transform:scale(1.05);}

/* ===== Menu ===== */
.menu h2{text-align:center;margin-bottom:50px;}
.menu-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;}
.menu-card{background:#f8f8f8;border-radius:15px;padding:20px;text-align:center;transition:0.3s;cursor:pointer;}
.menu-card img{width:100%;border-radius:15px;margin-bottom:15px;}
.menu-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,0.2);}
.menu-card .price{display:block;margin-top:10px;font-weight:600;color:#e63946;}

/* ===== Gallery ===== */
.gallery h2{text-align:center;margin-bottom:50px;}
.gallery-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;}
.gallery-container img{width:100%;border-radius:15px;transition:transform 0.3s;}
.gallery-container img:hover{transform:scale(1.05);}

/* ===== About ===== */
.about{text-align:center;}
.about p{max-width:700px;margin:20px auto;line-height:1.8;}

/* ===== Reservation ===== */
.reservation h2{text-align:center;margin-bottom:40px;}
.reservation-form{max-width:600px;margin:auto;display:grid;gap:15px;}
.reservation-form input,.reservation-form button{padding:12px;border-radius:5px;border:1px solid #ccc;}
.reservation-form button{background:#e63946;color:#fff;border:none;cursor:pointer;transition:0.3s;}
.reservation-form button:hover{background:#d62828;}

/* ===== Location ===== */
.location h2{text-align:center;margin-bottom:40px;}

/* ===== Footer ===== */
.footer{text-align:center;padding:20px;background:#f8f8f8;margin-top:50px;}

/* ===== Animations ===== */
@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px);}100%{opacity:1;transform:translateY(0);}}

/* ===== Dark Mode ===== */
body.dark{background:#111;color:#fff;}
body.dark .header{background:#222;}
body.dark .navbar a{color:#fff;}
body.dark .btn{background:#e63946;color:#fff;}