/* Live search */
input#live-search-input { padding-left: 46px; border: solid 1px #ececec; border-radius: 16px; width: 100%; background: #f7f4f4}
.live-search-container { position: relative; display: flex; width: 100%; height: 50px; }
.search-icon { position: absolute; right: 0; left: 16px; top: 50%; transform: translateY(-47%); pointer-events: none; color: #aaa; }
input#live-search-input::placeholder { color: #333; font-size: 16px; font-weight: 500; font-family: 'Poppins', sans-serif; }

/* Category tabs bar */
.category-tabs { position: sticky; top:20px; z-index: 10; display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; padding: 15px 15px 15px 15px !important;  margin-top: 36px; background-color: white; box-shadow: 0 4px 1px rgba(0, 0, 0, 0.15); border-radius: 16px; }
.category-tab { padding: 10px 20px; border-radius: 15px; cursor: pointer; white-space: nowrap; transition: all 0.3s ease; font-family: 'Poppins' !important; font-weight: 500; border: none; background-color: #f7f4f4 !important;  color: #111 !important}
.category-tab.active { background-color: #AA2D4B !important; color: white !important }
.category-tabs button.category-tab:hover { background: #701d31; color: white; }
button.category-tab[data-category="23"] { display: none; }

/* Dokan filter area tweaks when used inside tabs */
.dokan-store-products-filter-area.dokan-clearfix { display: none; }
.category-tabs .dokan-store-products-filter-area.dokan-clearfix { display: block; }
.category-tabs .dokan-store-products-filter-area { margin-bottom: 0; }

/* Horizontal category scroller menu */
.custom-category-menu { display: flex; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; gap: 12px; padding: 8px 12px; scrollbar-width: none; -ms-overflow-style: none; }
.custom-category-menu::-webkit-scrollbar { display: none; }

   .hamburger-toggle {    width: 45px; height: 45px; display: inline-block; font-size: 24px !important;  background-color: #0000 !important; color: #111 !important; border: none; margin-bottom: 0; cursor: pointer; padding: 0; margin-right: 0; }
.category-tab:hover { border-color: #f59e0b; color: #f59e0b; background: rgba(245, 158, 11, 0.1); }
@media (max-width: 480px) {
.live-search-container { position: relative; display: flex; width: 80%; }

}
@media (max-width: 1281px) {
  .custom-category-menu { 
    display: none; 
    flex-direction: column;
    position: absolute;
    background: white;
    left: 0;
    width: 94%;
    margin-top: 16px;
    height: 250px; 
    overflow-y: auto; 
    border: 1px solid #ececec;
	  border-radius: 9px;
    z-index: 1000;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }

  .custom-category-menu.active { 
    display: flex; 
  }
  
  /* Adjust the hamburger button positioning */
  .hamburger-toggle {
    position: relative;
    z-index: 1001;
  }
  
  /* Ensure the wrapper doesn't interfere */
  .category-menu-wrapper {
    width: auto !important;
    text-align: left;
  }
  
  /* Remove the gradient overlays on mobile */
  .category-menu-wrapper::before,
  .category-menu-wrapper::after {
    display: none;
  }
}
@media (max-width: 768px) {
    .category-tabs {
        flex-direction: row !important;
        gap: 6px !important;
        justify-content: space-between;
        border-radius: 9px;
        margin: 0px;
        box-shadow: none;
		top: 90px
    }
}
@media (min-width: 1281px) {
  .category-menu-wrapper { overflow-x: scroll; flex-wrap: nowrap; width: 100%; }
  .custom-category-menu { width: 0; overflow: visible !important; gap: 20px; }
}

/* Scrollbars for wrappers */
.category-menu-wrapper::-webkit-scrollbar { height: 4px; width:10px; }
.cart-items ul::-webkit-scrollbar { width: 4px; }
.category-menu-wrapper::-webkit-scrollbar-track, .cart-items ul::-webkit-scrollbar-track { background: transparent; }
.category-menu-wrapper::-webkit-scrollbar-thumb,.cart-items ul::-webkit-scrollbar-thumb{ background-color: #AA2D4B; border-radius: 10px; border: 1px solid transparent; }
.category-menu-wrapper::-webkit-scrollbar-thumb:hover { background-color: #555; }