* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: Arial, sans-serif; }

/* Navbar */
.navbar {
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:#deebf0;
  padding:0 20px;
  height:60px;
  position:relative;
  z-index:10;
} 

.logo img { height:50px; }

.menu {
  display:flex;
  gap:20px;
  list-style:none;
  align-items:center;
}

.menu li a {
  text-decoration:none;
  color:black;
  font-weight:bold;
  padding-right: 40px;
}

.book-btn {
  background-color:#690213;
  color:white;
  padding:8px 16px;
  border:none;
  cursor:pointer;
  font-weight:600;
  border-radius:4px;
}

.hamburger { display:none; font-size:24px; cursor:pointer; }
.right-items { display:none; align-items:center; gap:10px; }

/* Mobile Menu sliding from top */
.mobile-menu {
  list-style:none;
  display:flex;
  flex-direction:column;
  position:absolute;
  top:-100%;
  left:0;
  width:100%;
  background:#deebf0;
  padding:10px 0;
  gap:15px;
  box-shadow:0 2px 5px rgba(0,0,0,0.1);
  transition: top 0.3s ease;
  z-index:9;
  padding-top: 40px;
}

.mobile-menu li a {
  color:black;
  font-size:18px;
  text-decoration:none;
  padding-left:20px;
}

.overlay {
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.3);
  z-index:8;
}

/* Responsive */
@media (max-width:768px) {
  .menu { display:none; }
  .navbar { justify-content:space-between; padding:0 15px; }
  .navbar-mobile { display:flex; width:100%; justify-content:space-between; align-items:center; }
  .hamburger { display:block; }
  .right-items { display:flex; }
  .logo { position:absolute; left:50%; transform:translateX(-50%); }
}

@media (min-width:768px) {
  .logo img { padding-left: 40px; }
  .book-btn { margin-right: 40px; }
}


/*CSS FOR FAQ ROOM SECTION*/
.faq-section { font-family: Arial, sans-serif; }
.faq-item { margin-bottom: 10px; border-radius: 6px; overflow: hidden; border:1px solid #ccc; background:#fff; width:100%; }
.faq-question {
  width:100%;
  padding:15px 20px;
  text-align:left;
  background:#c55f0c;
  color:#fff;
  font-size:1.1rem;
  border:none;
  outline:none;
  cursor:pointer;
  display:flex;
  justify-content: space-between;
  align-items: center;
  transition: background 0.3s;
}
.faq-question:hover { background:#c55f0c; }
.faq-answer {
  display:none;
  padding:15px 20px;
  background:#ebe5e0;
  color:#333;
  line-height:1.5;
  font-size:1rem;
}
.faq-icon {
  font-weight:bold;
  transition: transform 0.3s;
}
.faq-item.active .faq-answer { display:block; animation: slideDown 0.3s ease; }
.faq-item.active .faq-icon { transform: rotate(45deg); } /* + becomes x rotation style */
@keyframes slideDown {
  0% { opacity:0; transform: translateY(-10px); }
  100% { opacity:1; transform: translateY(0); }
}