/* Mobile Header: Two-column layout */
@media (max-width: 1024px) {
  .site-header-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px; /* Add consistent horizontal padding */
  }

  .site-header-main-section-left,
  .site-header-main-section-right {
    display: flex;
    align-items: center;
  }

  /* Logo section (left) */
  .site-header-main-section-left {
    justify-content: flex-start;
  }

  /* Menu toggle button */
  .site-header-main-section-right .site-header-item-navgation-popup-toggle {
    background-color: #E3B602;
    width: 32px;
    height: 32px;
    border-radius: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Right-side icons: search, cart, user... */
  .site-header-main-section-right .site-header-item {
    width: 32px;
    height: 32px;
    border-radius: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border: none;
  }
    .site-header .site-header-item {
        margin-right: 8px;
    }
}








/* Mobile slide-out search bar full width */
@media (max-width: 1024px) {
  .site-header-item.site-header-focus-item[data-section="base_customizer_header_search_advanced"],
  .header-search-advanced.header-item-search-advanced {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 8px;
  }

  .header-item-search-advanced .search-form.woocommerce-product-search {
    display: flex;
    width: 100%;
  }

  .header-item-search-advanced input[type="search"] {
    flex: 1;
    width: 100%;
    padding: 10px 14px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 6px 0 0 6px;
  }

  .header-item-search-advanced button {
    padding: 10px 14px;
    background-color: #FAC63F; /* adjust to match your theme */
    border: 1px solid #ccc;
    border-left: 0;
    border-radius: 0 6px 6px 0;
    cursor: pointer;
  }
  
  
  
  
  
  
  .drawer-content.mobile-drawer-content.content-align-left.content-valign-top {
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
    margin-top: 24px;
  }
  





  /* All menu items (both with and without children) */
  .mobile-navigation li {
    margin-bottom: 8px;
    border-radius: 6px;
    background-color: #f5f5f5;
  }

  /* Make clickable area consistent for regular and parent items */
  .mobile-navigation li > a {
    display: block;
    padding: 12px 16px;
    font-size: 16px;
    line-height: 1.4;
  }

  /* Child links inside dropdowns (same background, no extra spacing) */
  .mobile-navigation li.menu-item-has-children .drawer-nav-drop-wrap {
    padding: 0;
  }

  .mobile-navigation li.menu-item-has-children .drawer-nav-drop-wrap a {
    display: block;
    padding: 12px 16px;
    background: none;
  }

  /* Optional hover effect */
  .mobile-navigation li a:active {
    background-color: #e3b602;
  }
}