.listing li a {
  text-decoration: none !important;
  border: none !important;
}
.listing li {
  margin: 0 !important;
  padding: 0 !important;
}
.mobile-menu-list li a {
  text-decoration: none !important;
  border: none !important;
  margin: 0 !important;
  padding: 12px 20px !important;
}
.mobile-menu-list li {
  margin: 0 !important;
  padding: 0 !important;
}

/* ===== Mobile Styles ===== */
@media screen and (max-width: 768px) {
  .header-top {
    display: none !important;
  }

  /* Navbar color constant */
  .header-bottom {
    background: #daedef !important;
    padding: 10px 15px;
    transition: all 0.3s ease;
  }

  .main-menu {
    display: none !important;
  }

  .header-right {
    display: flex;
    align-items: center;
    gap: 15px;
  }

  body.dark-mode #mobileMenuToggle i {
    color: white !important;
  }

  .ToggleThemeButton i {
    font-size: 24px;
    color: black;
    transition: color 0.3s ease;
  }

  .hamburger {
    font-size: 28px;
    color: black;
    cursor: pointer;
    transition: transform 0.3s ease, color 0.3s ease;
  }

  .hamburger.active {
    transform: rotate(90deg);
  }

  .mobile-menu-container {
    display: none;
    background: #ffffff;
    padding: 10px 0;
    border-radius: 0 0 10px 10px;
    border-top: 1px solid #e0e0e0;
    transition: background 0.3s ease, color 0.3s ease;
  }

  .mobile-menu-container.active {
    display: block;
    animation: slideDown 0.3s ease forwards;
  }

  .mobile-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .mobile-menu-list li {
    border-bottom: 1px solid #ddd;
  }

  .mobile-menu-list li a {
    display: block;
    color: #000;
    text-decoration: none;
    padding: 12px 20px;
    font-size: 15px;
  }

  /* Dropdown inside mobile menu */
  .mobile-dropdown .dropdown-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
  }

  .mobile-dropdown .toggle-submenu {
    color: #222 !important;
  }
  body.dark-mode .mobile-dropdown .toggle-submenu {
    color: #ffd700 !important;
  }

  .mobile-dropdown.active .toggle-submenu {
    transform: rotate(45deg);
  }

  .submenu-list {
    list-style: none;
    padding-left: 20px;
    background: #f9f9f9;
    display: none;
  }
  body.dark-mode .submenu-list {
    background: #222 !important;
  }

  .mobile-dropdown.active .submenu-list {
    display: block;
    animation: slideDown 0.3s ease forwards;
  }

  .mobile-bottom-actions {
    padding: 15px 0;
    border-top: 1px solid #e0e0e0;
  }

  .notification-btn i {
    font-size: 22px;
    color: #000;
    transition: color 0.3s ease;
  }

  .signIn-btn {
    background: #d7b46a;
    color: #fff;
    font-size: 14px;
    padding: 6px 14px;
    border-radius: 4px;
    text-decoration: none;
  }

  @keyframes slideDown {
    from {
      opacity: 0;
      transform: translateY(-10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* ===== DARK MODE ===== */
  body.dark-mode {
    background-color: #000 !important;
    color: #fff !important;
  }

  body.dark-mode .mobile-menu-container {
    background: #121212 !important;
    color: #fff;
    border-color: #333;
  }

  body.dark-mode .mobile-menu-list li a,
  body.dark-mode .dropdown-header {
    color: black !important;
  }

  body.dark-mode .notification-btn i {
    color: #fff;
  }

  body.dark-mode .hamburger i {
    color: #fff !important;
  }

  body.dark-mode .ToggleThemeButton i {
    color: #fff !important;
  }
  body.dark-mode h1,
  body.dark-mode h2,
  body.dark-mode h3,
  body.dark-mode h4,
  body.dark-mode h5,
  body.dark-mode h6 {
    color: #017b6e !important;
  }

  body.dark-mode .expect-list .list {
    color: #fff !important;
  }
  body.dark-mode .count .pera {
    color: #fff !important;
  }
  body.dark-mode .rating .pera {
    color: #fff !important;
  }

  body.dark-mode .count i {
    color: #017b6e !important;
  }

  body.dark-mode .mobile-menu-container,
  body.dark-mode .mobile-menu-list {
    background-color: black !important;
  }

  body.dark-mode .mobile-menu-container.active .mobile-menu-list li a {
    color: white !important;
  }

  body.dark-mode .dropdown-header {
    background-color: white !important;
  }

  body.dark-mode .mobile-bottom-actions .notification-btn i {
    color: black !important;
  }
}

.mobile-menu-container {
  width: 100%;
}

body.dark-mode {
  background-color: black !important;
}
body.dark-mode .top-menu-wrapper {
  background: #12151e !important;
}
body.dark-mode .top-menu-wrapper .info .title a {
  color: white !important;
}
body.dark-mode .header-top,
body.dark-mode .header-bottom {
  background: #24292f !important;
}

body.dark-mode .header-bottom #navigation .single-list .single {
  color: white !important;
}
body.dark-mode .header-bottom .listing .single-list:hover .single {
  background-color: #446465 !important;
}
body.dark-mode .header-bottom .listing .single-list .single:hover::after {
  background-color: #446465 !important;
}
body.dark-mode .submenu {
  background-color: #446465 !important;
}
body.dark-mode .notification-btn i {
  color: white !important;
}
body.dark-mode .ToggleThemeButton i {
  color: white !important;
}

body.dark-mode .mobile-menu-container {
  background: #ffffff !important;
  color: black;
  border-color: #ccc;
}

body.dark-mode .mobile-menu-list li a,
body.dark-mode .dropdown-header {
  color: black !important;
}

body.dark-mode .notification-btn i {
  color: black;
}

body.dark-mode .hamburger i {
  color: black !important;
}
body.dark-mode #aboutTour {
  color: white !important;
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
  color: #017b6e !important;
}
body.dark-mode .listing #bookingDeadline {
 color:#7f88a3 !important;
}
body.dark-mode .expect-list .list {
  color: white !important;
}
body.dark-mode .count .pera {
  color: white !important;
}
body.dark-mode .rating .pera {
  color: white !important;
}

body.dark-mode .count i {
  color: #017b6e !important;
}
body.dark-mode .accordion-button .title {
  color: white !important;
}

.share-btn-container {
  background: none !important;
  padding: 0;
  margin-top: 16px;
  border-radius: 6px;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.share-btn {
  background-color: #017b6e !important;
  color: #fff !important;
  border: none;
  padding: 10px 22px;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 0 2px 8px rgba(1, 123, 110, 0.08);
  transition: background 0.3s;
}

.share-btn:hover {
  background-color: #015a50 !important;
  color: #fff !important;
}

.share-btn i {
  font-size: 18px;
  color: #fff !important;
}
.signIn-btn {
  background: #e3b567 !important;
  color: #fff !important;
  font-size: 16px;
  font-weight: bold;
  padding: 8px 22px;
  border: none;
  border-radius: 4px;
  text-decoration: none;
  transition: 0.5s;
}
.signIn-btn:hover {
  background: none !important;
  border: 1px solid #e3b567 !important;
  color: #e3b567 !important;
}

.notification-btn {
  border: none !important;
  cursor: pointer;
  padding: 0px 20px !important;
}
.notification-btn i {
  font-size: 24px;
  color: black;
  padding-left: 10px;
  transition: color 0.3s ease;
}