/* Media Queries for Responsive Design */
@media only screen and (max-width: 767px) {
  .dropdown svg {
    color: #d0a851 !important;
  }
  .header-wrapper {
    padding: 0px;
  }

  li.menu-item-has-children.submenu-open > ul.sub-menu {
    display: block !important;
    margin-top: 60px;
    width: 80%;
  }

  li.menu-item-has-children > ul.sub-menu {
    display: none !important;
  }
  .nav-menu-mobile {
    width: 100vw;
    height: 90vh;
    position: fixed;
    top: 80px;
    left: 0;
    background: #f8f2e5;
    border-radius: 0px 0px 16px 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    margin: 0;
    padding: 20px;
    overflow-y: auto;
    z-index: 99999;
    list-style: none;
  }

  .nav-menu-mobile a {
    display: flex;
    align-items: center;
    padding: 10px 14px;
    text-decoration: none;
    border-radius: 6px;
    transition: background-color 0.2s ease;
    width: 100%;
    position: relative;
  }
  .hide-mobile {
    display: none !important;
  }
  .navbar-start {
    width: 12% !important;
  }
  .teb-btn {
    gap: 6px;
    padding: 6px 12px;
  }
}