#views-exposed-form-all-solutions-block-1 select{
  display: none;
}

#views-exposed-form-all-solutions-block-1 #edit-sort-by{
  color: #222222;
  text-decoration: underline;
}

#views-exposed-form-all-solutions-block-1 input,
#views-exposed-form-all-solutions-block-1 select,
#views-exposed-form-all-solutions-block-1 .myp-solution-filter-select-wrapper span,
#views-exposed-form-all-solutions-block-1 .exposed-count,
#views-exposed-form-all-solutions-block-1 .custom-select-toggle {
  color: #6D7071;
  font-family: 'Ubuntu', sans-serif;
}

#views-exposed-form-all-solutions-block-1 #exposed-actions,
#views-exposed-form-all-solutions-block-1 #exposed_form_rows_count {
  font-size: 14px;
}
#views-exposed-form-all-solutions-block-1 .exposed-sort span {
  color: #222222;
  font-size: 14px;
}
#views-exposed-form-all-solutions-block-1 .exposed-sort .custom-select-toggle {
  background-color: white;
  border: none;
  text-decoration: underline;
  color: #222222;
  background-image: none;
  padding: 0 !important;
}

#views-exposed-form-all-solutions-block-1 .field input,
#views-exposed-form-all-solutions-block-1 .field select,
#views-exposed-form-all-solutions-block-1 .custom-select-toggle {
  width: 100% !important;
  border: 2px solid #E2EAEE;
  padding: 14px !important;
  background-color: #FFFFFF !important;
  border-radius: 0;
  outline: none;
}
#views-exposed-form-all-solutions-block-1 .field input:focus{
  border: 2px solid #95AFBB;
}

#views-exposed-form-all-solutions-block-1 .all-solutions-sort-select,
#views-exposed-form-all-solutions-block-1 .all-solutions-sort-select:focus{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none !important;
  outline: none !important;
}

/* Mantieni la stessa icona/colore anche in focus */
#views-exposed-form-all-solutions-block-1 select:focus,
#views-exposed-form-all-solutions-block-1 .custom-select-toggle.selected {
  border: 2px solid #95AFBB;
  outline: none !important;
}

#views-exposed-form-all-solutions-block-1 .myp-solution-filter-select-wrapper.desktop .form-actions {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  gap: 10px; /* spazio tra i bottoni */
  align-items: center;
}

#views-exposed-form-all-solutions-block-1 .myp-solution-filter-select-wrapper.desktop .form-actions input,
#views-exposed-form-all-solutions-block-1 .myp-solution-filter-select-wrapper.desktop .form-actions button {
  margin-left: 0 !important;
  border: none !important;
  flex: 0 0 auto !important;
  max-width: 152px;
  padding: 16px 32px !important;
  box-sizing: border-box;
}

#views-exposed-form-all-solutions-block-1 input#search-products-autocomplete[type="search"] {
  -webkit-appearance: textfield !important;
  -moz-appearance: textfield !important;
  appearance: textfield !important;
  background-image: none !important;
}

#views-exposed-form-all-solutions-block-1 .button{ border-radius: 8px !important; }
#views-exposed-form-all-solutions-block-1 .form-actions #edit-submit-all-solutions{
  background-color: #FF582B !important;
  border: 2px solid #FF582B !important;
  color: #FFFFFF !important;
}
#views-exposed-form-all-solutions-block-1 .form-actions #edit-reset{
  border: 2px solid #FF582B !important;
  color: #222222;
}

.myp-configurator__results #view_total_rows{ display: none; }

/* CSS - aggiungere a `all_solutions/srch_autocomplete` */
.field--search-solutions .search-input-wrapper {
  position: relative;
}

/* Input: spazio a destra per testo + icona */
.field--search-solutions .search-input-wrapper input[type="search"],
.field--search-solutions .search-input-wrapper input[type="text"],
.field--search-solutions .search-input-wrapper .form-text,
.field--search-solutions .search-input-wrapper .form-search {
  width: 100%;
  box-sizing: border-box;
  padding-right: 7rem; /* spazio per hint + icona */
}

/* Testo (prima dell'icona) dentro il campo, allineato verticalmente */
.field--search-solutions .search-input-wrapper .search-hint {
  position: absolute;
  right: 2.0rem; /* posizionato prima dell'icona */
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.95rem;
  white-space: nowrap;
  pointer-events: none;
  z-index: 2;
}

/* Icona dentro il campo a destra */
.field--search-solutions .search-input-wrapper .search-icon {
  position: absolute;
  right: 0.6rem; /* icona alla destra del testo */
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 2;
}

/* Ridimensiona l'SVG per allineamento */
.field--search-solutions .search-input-wrapper .search-icon svg {
  width: 1rem;
  height: 1rem;
  display: block;
}

/* Regole responsive */
@media (max-width: 480px) {
  .field--search-solutions .search-input-wrapper input[type="search"],
  .field--search-solutions .search-input-wrapper input[type="text"] {
    padding-right: 5.2rem;
  }
  .field--search-solutions .search-input-wrapper .search-hint {
    right: 1.9rem;
    font-size: 0.9rem;
  }
  .field--search-solutions .search-input-wrapper .search-icon {
    right: 0.5rem;
  }
}



.myp-solution-list  a.card-link {
  color: #4a4a4a !important;
}

.pager {
  display: flex;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0.5rem !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 1rem !important;
  justify-content: center !important;
}

.pager li,
.pager__item,
.pager li.pager__item {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pager a,
.pager span {
  display: inline-block !important;
  padding: 0.25rem 0.5rem !important;
  text-decoration: none !important;
  color: inherit !important;
}

/* ensure previous/next arrows don't force newlines */
.pager .pager__item--previous,
.pager .pager__item--next {
  white-space: nowrap !important;
}

.custom-select-ui { position: relative; display: inline-block; min-width: 200px; width: 100%;}
.custom-select-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
  font-size: 14px;
  text-align: left;
  box-sizing: border-box;
  appearance: none;
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 1rem 1rem;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M5 7l5 5 5-5' fill='none' stroke='%23FF582B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

.custom-select-toggle.filled,
input.filled{ border: 2px solid #FF582B !important; }

::placeholder { color: #6D7071; }




/*.custom-select-toggle::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #333;
  transform: translateY(-40%);
}*/
.custom-dropdown {
  position: absolute;
  z-index: 1000;
  left: 0;
  right: 0;
  margin-top: 0.688rem;
  border-radius: 0 0 8px 8px;
  border: 2px solid #2B5F7780 !important;
  color: #222222 !important;
  background: #fff;
  box-shadow: 0 6px 12px rgba(0,0,0,0.08);
  max-height: 352px;
  width: 305px;
  overflow: auto;
  display: none;

}
.custom-open .custom-dropdown { display: block; }
.custom-list { display: block; padding: 6px; margin-top: 10px; }
.custom-row { display: flex; align-items: center; gap: 8px; padding: 10px 12px;  border-radius: 2px; cursor: pointer; }
.custom-row:hover { background: #f5f5f5; }
.custom-row.checked { background: #eef; }
.custom-row .navbar-item__external-icon{bottom: 1px;}
.custom-row .ext-link{ font-weight: 400; color: #222222; }

.custom-input { margin: 0; width: 16px; height: 16px; accent-color: #FF582B; }
.custom-label { cursor: pointer; color: #222222; font-weight: bold; }
.visually-hidden-native { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }

.myp-section-divider{ margin-top: 0; }

.loading{
  transition: all 150ms ease-out;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 100000;
}

.loaded{
  background-color: transparent;
  width: 0;
  height: 0;
}

.myp-solution-filter-select-wrapper.js-transform-to-custom-select {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
  font-size: 14px;
}

.myp-solution-filter-select-wrapper.js-transform-to-custom-select > span {
  margin: 0;
  white-space: nowrap;
  flex: 0 0 auto;
}

.myp-solution-filter-select-wrapper.js-transform-to-custom-select.custom-open .custom-select-ui.exposed-sort .custom-dropdown {
  display: block;
  top: calc(100% + 6px);
  left: 0;
  right: auto;
  z-index: 2000;
  /* mantieni eventuali dimensioni già definite */
  min-width: 197px;
  width: auto;
  max-width: 420px;
}
.myp-solution-filter-select-wrapper.js-transform-to-custom-select.custom-open .custom-select-ui.exposed-sort .custom-dropdown .custom-row.selected{
  font-weight: bold;
}

.all-solutions-suggestions{
  display: none;
  border: 2px solid #2B5F7780 !important;
  color: #222222 !important;
  background-color: #FFFFFF !important;
  margin-top: 0.688rem !important;
  padding: 1rem 1rem;
  border-radius: 0 0 8px 8px;
}

.all-solutions-suggestions div{
  padding-bottom: 1rem;
  font-weight: bold;
  cursor: pointer;
}