.buffet-filter-bar {
  display: grid;
  grid-template-columns:
    minmax(240px, 1.5fr)
    minmax(190px, 1fr)
    auto;
  gap: .75rem;
  align-items: end;
  margin: 0 0 1rem;
  padding: 1rem;
  border: 1px solid #eadbcf;
  border-radius: 16px;
  background: #fff8f0;
}

.buffet-filter-field {
  display: flex;
  flex-direction: column;
  gap: .4rem;
  font-weight: 800;
  color: #4d3426;
}

.buffet-filter-field input,
.buffet-filter-field select {
  width: 100%;
  min-height: 48px;
  box-sizing: border-box;
  border: 1px solid #ddcdbd;
  border-radius: 11px;
  padding: .7rem .85rem;
  background: #fff;
  color: #30241e;
  font: inherit;
}

.buffet-filter-field input:focus,
.buffet-filter-field select:focus {
  outline: 3px solid rgba(87, 50, 32, .12);
  border-color: #8d624a;
}

.buffet-filter-clear {
  min-height: 48px;
  border: 1px solid #8d624a;
  border-radius: 11px;
  padding: .7rem 1rem;
  background: #fff;
  color: #573220;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.buffet-filter-clear:hover {
  background: #573220;
  color: #fff;
}

.buffet-filter-result {
  grid-column: 1 / -1;
  color: #705646;
  font-size: .92rem;
  font-weight: 800;
}

.buffet-filter-empty {
  margin: 0 0 1rem;
  padding: 1rem;
  border: 1px dashed #d6bda8;
  border-radius: 14px;
  background: #fffaf5;
  color: #704d3d;
  text-align: center;
  font-weight: 800;
}

.builder-item[hidden],
.builder-category[hidden],
.buffet-filter-empty[hidden] {
  display: none !important;
}

@media (max-width: 760px) {
  .buffet-filter-bar {
    grid-template-columns: 1fr 1fr;
  }

  .buffet-filter-clear {
    grid-column: 1 / -1;
  }
}

@media (max-width: 520px) {
  .buffet-filter-bar {
    grid-template-columns: 1fr;
  }

  .buffet-filter-clear,
  .buffet-filter-result {
    grid-column: 1;
  }
}

/* BUFFET_UNIFIED_CONTROLS_START */
.buffet-all-controls {
  direction: rtl;
  display: grid;
  gap: .7rem;
  align-items: end;
  margin: 0 0 1rem;
  padding: 1rem;
  border: 1px solid #eadbcf;
  border-radius: 18px;
  background: #fff8f0;
}

.buffet-all-controls > .builder-toolbar,
.buffet-all-controls > .buffet-filter-bar {
  display: contents;
}

.buffet-all-controls .buffet-filter-result {
  grid-column: auto !important;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0 .75rem;
  border: 1px solid #eadbcf;
  border-radius: 11px;
  background: #fff;
  white-space: nowrap;
  box-sizing: border-box;
}

.buffet-all-controls .buffet-filter-clear {
  min-height: 48px;
  white-space: nowrap;
}

/* الشاشات الكبيرة: جميع العناصر في صف واحد */
@media (min-width: 1250px) {
  .buffet-all-controls {
    grid-template-columns:
      minmax(115px, .65fr)
      minmax(165px, .9fr)
      minmax(130px, .7fr)
      minmax(245px, 1.45fr)
      minmax(175px, .95fr)
      max-content
      max-content;
  }
}

/* الأجهزة اللوحية والشاشات المتوسطة */
@media (min-width: 760px) and (max-width: 1249px) {
  .buffet-all-controls {
    grid-template-columns:
      repeat(4, minmax(0, 1fr));
  }

  .buffet-all-controls .buffet-search-field {
    grid-column: span 2;
  }

  .buffet-all-controls .buffet-filter-result {
    grid-column: span 2 !important;
  }
}

/* الجوال */
@media (max-width: 759px) {
  .buffet-all-controls {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
    padding: .8rem;
  }

  .buffet-all-controls .buffet-search-field {
    grid-column: 1 / -1;
  }

  .buffet-all-controls .buffet-filter-result {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 520px) {
  .buffet-all-controls {
    grid-template-columns: 1fr;
  }

  .buffet-all-controls .buffet-search-field,
  .buffet-all-controls .buffet-filter-result {
    grid-column: 1 !important;
  }

  .buffet-all-controls .buffet-filter-clear {
    width: 100%;
  }
}
/* BUFFET_UNIFIED_CONTROLS_END */