/**
 * Mobile filters toggle – מובייל בלבד (< 768px).
 * Barn2 Product Filters: שליטה בתצוגת .wcf-form-elements-wrapper via כפתור "סינון".
 */

/* כפתורים מוסתרים בדסקטופ/טאבלט */
.mobile-filters-actions,
.mobile-filters-toggle,
.mobile-filters-reset {
  display: none;
}

@media (max-width: 768px) {

  .mobile-filters-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0 20px;
    align-items: center;
    margin-bottom: 0.75rem;
  }

  /* טופס פילטרים – קיים ב-DOM, display block */
  .wcf-filter-form.is-mobile {
    display: block;
  }

  /* תוכן פנימי: גלוי = block, מוסתר = none */
  .wcf-form-elements-wrapper {
    display: block !important;
  }
  .wcf-form-elements-wrapper.is-hidden {
    display: none !important;
  }


  .mobile-filters-toggle,
  .mobile-filters-reset {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-width: 0;
    padding: 0.5em 1em;
    font-size: 1rem;
    font-family: inherit;
    font-weight: 500;
    border: none;
    border-radius: 6px;
    cursor: pointer;
  }

  .mobile-filters-toggle {
    color: #fff;
    background-color: #2ba6a1;
  }

  .mobile-filters-toggle:hover {
    background-color: #249690;
  }

  .mobile-filters-reset {
    color: #2ba6a1;
    background-color: #fff;
    border: 1px solid #2ba6a1;
  }

  .mobile-filters-reset:hover {
    background-color: #f0f9f8;
  }
}