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

/* Category tabs bar */
.category-tabs { position: sticky; top:10px; z-index: 10; display: flex; background-color: white; gap: 10px; margin-bottom: 20px; padding: 15px 15px 15px 15px !important; border: solid 1px #0000004D; border-radius: 200px; margin-top: 36px; }
.category-tab { padding: 0px 10px; border: none; background-color: transparent; border-radius: 5px; cursor: pointer; white-space: nowrap; transition: all 0.3s ease; font-family: 'Poppins'; font-weight: 500; color: #98C800; }
.category-tab.active { background-color: #2271b100; color: #005959!important; }
.category-tabs button.category-tab:hover { background: transparent; color: #005b5a; }
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; }
.category-tab:hover { border-color: #f59e0b; color: #f59e0b; background: rgba(245, 158, 11, 0.1); }

@media (max-width: 1281px) {
  .custom-category-menu { height: 250px; overflow-y: scroll; top: 70px !important; border: 1px solid grey; }
  .custom-category-menu { display: none; flex-direction: column; }
  .category-tabs { gap: 6px !important; justify-content: space-between; }
  .custom-category-menu.active { display: flex; position: absolute; background: white; left: 0; width: 100%; top: 56px; }
}

/* Category menu edges fade */
.category-menu-wrapper::before, .category-menu-wrapper::after { content: ''; position: absolute; top: 0; bottom: 0; width: 20px; pointer-events: none; z-index: 2; }
.category-menu-wrapper::before { left: 0; background: linear-gradient(to right, rgba(255,255,255,0.8), transparent); border-radius: 25px 0 0 25px; }
.category-menu-wrapper::after { right: 0; background: linear-gradient(to left, rgba(255,255,255,0.8), transparent); border-radius: 0 25px 25px 0; }

@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: #005959; border-radius: 10px; border: 1px solid transparent; }
.category-menu-wrapper::-webkit-scrollbar-thumb:hover { background-color: #555; }