/* --- Oorwin Marketplace: Barra de búsqueda y filtros --- */

.oorwin-marketplace-filters {
  font-family: 'Lexend', Arial, sans-serif;
  font-size: 17px;
  color: #222b44;
  box-sizing: border-box;
  display: flex;
  align-items: flex-end;
  gap: 18px;
  padding: 18px 0 22px 0;
  background: transparent;
  flex-wrap: wrap;
}

.oorwin-marketplace-filters .mp-search-wrapper,
.mp-dropdown,
.mp-dropdown-sort,
#mp-reset {
  min-height: 48px;
  height: 48px;
  display: flex;
  align-items: center;
}

.mp-search-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  height: 48px;
}
#mp-search {
  background: #fff;
  border: 1.7px solid #e7e7ec;
  border-radius: 12px;
  padding: 0 16px 0 44px;
  min-width: 245px;
  font-size: 16.5px;
  height: 48px !important;
  line-height: 48px !important;
  transition: box-shadow 0.15s, border 0.15s;
  box-shadow: none;
  outline: none;
}
#mp-search:focus {
  border-color: #bfc2ff;
  box-shadow: 0 0 0 2px #e0e2fe;
}
.mp-search-icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 19px;
  color: #7d7d97;
  pointer-events: none;
  z-index: 5;
  display: flex !important;
}

/* Dropdowns */
.mp-dropdown, .mp-dropdown-sort {
  position: relative;
  min-width: 150px;
}
.mp-dropdown-btn, .mp-dropdown-sort-btn {
  background: #fff !important;
  color: #201E30 !important;
  border: 1.7px solid #e7e7ec;
  border-radius: 12px;
  padding: 0 42px 0 16px;
  font-size: 16.5px;
  min-width: 150px;
  height: 48px !important;
  line-height: 48px !important;
  cursor: pointer;
  text-align: left;
  position: relative;
  transition: border .17s, box-shadow .13s;
  font-weight: 700;
  box-shadow: none;
  display: flex;
  align-items: center;
}
.mp-dropdown-btn:after, .mp-dropdown-sort-btn:after {
  content: '\f078';
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #7d7d97;
  font-size: 15px;
  display: inline-block;
  position: absolute;
  right: 19px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.mp-dropdown-btn:hover, .mp-dropdown-sort-btn:hover,
.mp-dropdown-btn:focus, .mp-dropdown-sort-btn:focus {
  background: #fff !important;
  color: #201E30 !important;
  border-color: #bfc2ff;
  box-shadow: 0 0 0 2px #e0e2fe;
}

/* Dropdown content */
.mp-dropdown-list, .mp-dropdown-sort-list {
  display: none;
  position: absolute;
  top: 110%;
  left: 0;
  background: #fff;
  border: 1.7px solid #e7e7ec;
  border-radius: 16px;
  min-width: 220px;
  box-shadow: 0 6px 28px 0 rgba(50, 56, 85, 0.10);
  padding: 12px 0;
  z-index: 120;
  max-height: 270px;
  overflow-y: auto;
  transition: box-shadow .16s;
}
.mp-dropdown-sort-list { min-width: 180px; }
.mp-dropdown-list label, .mp-dropdown-sort-list label {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 9px 19px;
  cursor: pointer;
  user-select: none;
  border-radius: 7px;
  transition: background .13s;
  color: #201E30;
  font-weight: 500;
}
.mp-dropdown-list label:hover, .mp-dropdown-sort-list label:hover {
  background: #f4f5fa;
}

/* Checkbox y radio */
.mp-cat-filter, input[name="mp-sort"] {
  accent-color: #3c3e67;
  width: 19px; height: 19px;
}
input[type="radio"][name="mp-sort"] {
  border-radius: 50%;
  border: 1.5px solid #bec1df;
  background: #fff;
  appearance: none;
  outline: none;
  margin: 0;
  margin-right: 7px;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
}
input[type="radio"][name="mp-sort"]:checked {
  border-color: #484ebc;
  background: #fff;
}
input[type="radio"][name="mp-sort"]:checked::before {
  content: '';
  display: block;
  margin: 4px auto;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  background: #484ebc;
}
.mp-cat-filter[type="checkbox"] {
  border-radius: 5px;
  border: 1.5px solid #bec1df;
  background: #fff;
  appearance: none;
  outline: none;
  margin: 0;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  width: 19px; height: 19px;
}
.mp-cat-filter[type="checkbox"]:checked {
  border-color: #484ebc;
  background: #fff;
}
.mp-cat-filter[type="checkbox"]:checked::before {
  content: '';
  display: block;
  width: 11px; height: 11px;
  margin: 3px auto;
  border-radius: 3px;
  background: #484ebc;
}

/* Botón reset solo icono */
#mp-reset {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 10px !important;
  min-width: 44px;
  height: 48px !important;
  align-items: center;
  justify-content: center;
  display: none;
}
#mp-reset i {
  font-size: 22px;
  color: #484ebc;
  display: block;
  margin: 0 auto;
}

.oorwin-mp-loader {
  position: absolute;
  left: 50%; top: 40%;
  transform: translate(-50%, -50%);
  color: #5859d3;
  font-size: 1.2rem;
  background: rgba(255,255,255,.6);
  border-radius: 12px;
  margin-top: 50px;
  padding: 18px 30px;
  z-index: 10;
  box-shadow: 0 4px 16px rgba(90,90,170,.09);
}