/*
 * Cerca, una pagina sola: risultati prima, filtri in un pannello (kit cerca-catalogo-13-10, CEO 12/10).
 *
 * Tutto dietro body.tbp-cu, la classe che inc/cerca-unica/cerca-unica.php mette solo su /cerca/ e solo da
 * acceso. I fogli della ricerca (tbp-search-engine.css, tbp-ui-cleanup.css) usano html body.tbp-core-cerca
 * con !important: qui lo stesso selettore con una classe in più.
 *
 * Colori: quelli del tema (--tbp-green, --tbp-line, --tbp-sage), con il fondo del pannello per i tre temi in
 * fondo al foglio. Un solo oro per schermata: sulle schede «Prenota» è un bottone chiaro, l'oro resta alla
 * voce della barra. Si animano solo transform e opacity.
 */

html body.tbp-core-cerca.tbp-cu {
  --tbp-cu-fondo: #ffffff;
  --tbp-cu-testo: #084828;
  --tbp-cu-tenue: #5d786b;
  --tbp-cu-riga: rgb(8 72 40 / 14%);
  --tbp-cu-velato: #f4f7f5;
  --tbp-cu-pieno: #084828;
  --tbp-cu-pieno-testo: #ffffff;
  --tbp-cu-velo: rgb(5 43 24 / 46%);
}

/* ---------- In cima: titolo corto, campo e «Filtri» ---------- */

html body.tbp-core-cerca.tbp-cu .tbp-cerca-page .tbp-page-hero {
  margin: 0 0 10px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 0 !important;
}
/* Il corpo del titolo resta quello di tutte le pagine (--tbp-titolo-pagina, css/tbp-caratteri.css). */
html body.tbp-core-cerca.tbp-cu #tbp-cerca-page .tbp-page-hero h1.tbp-page-hero__title {
  max-width: none !important;
  margin: 0 !important;
}
html body.tbp-core-cerca.tbp-cu #tbp-cerca-page .tbp-page-hero__copy { max-width: none !important; }
/* «Filtra per luogo, data, durata e prezzo»: lo dice il bottone «Filtri». */
html body.tbp-core-cerca.tbp-cu .tbp-cerca-page .tbp-page-hero__description { display: none !important; }

html body.tbp-core-cerca.tbp-cu .tbp-filter-wrapper,
html body.tbp-core-cerca.tbp-cu #tbp-filter-form {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Il nome del campo resta per chi usa un lettore di schermo; la frase d'aiuto no. */
html body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-search-query-head {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
html body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cerca-toolbar {
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
}
html body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cerca-toolbar input[type="search"] {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 48px !important;
  height: 48px !important;
  margin: 0 !important;
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-apri {
  position: relative;
  flex: 0 0 auto;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 48px;
  min-height: 48px;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 1px solid var(--tbp-cu-riga) !important;
  border-radius: 14px !important;
  background: var(--tbp-cu-fondo) !important;
  color: var(--tbp-cu-testo) !important;
  font-family: var(--tbp-font, inherit);
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-apri:hover { border-color: var(--tbp-cu-testo) !important; }
html body.tbp-core-cerca.tbp-cu .tbp-cu-apri.ha-filtri {
  border-color: var(--tbp-cu-pieno) !important;
  background: var(--tbp-cu-velato) !important;
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-apri__n {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--tbp-cu-pieno);
  color: var(--tbp-cu-pieno-testo);
  font-size: .8125rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-apri__n[hidden] { display: none; }
html body.tbp-core-cerca.tbp-cu .tbp-cu-segno { flex: 0 0 auto; display: block; }
html body.tbp-core-cerca.tbp-cu :is(.tbp-cu-apri, .tbp-cu-chiudi, .tbp-cu-tipi__voce, .tbp-cu-bottone, .tbp-cu-pdf__bottone, .tbp-cu-altri__nome):focus-visible {
  outline: 2px solid var(--tbp-focus-color, #084828) !important;
  outline-offset: 2px !important;
}

/* ---------- Sopra le schede: Tutto / Mestieri / Esperienze, «Ordina» ---------- */

html body.tbp-core-cerca.tbp-cu .tbp-cu-barra {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  margin: 0 0 8px;
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-tipi {
  display: inline-flex;
  flex: 0 1 auto;
  max-width: 100%;
  padding: 3px;
  border-radius: 14px;
  background: var(--tbp-cu-velato);
  border: 1px solid var(--tbp-cu-riga);
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-tipi__voce {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  min-width: 64px;
  padding: 0 16px !important;
  border-radius: 11px;
  color: var(--tbp-cu-testo) !important;
  font-family: var(--tbp-font, inherit);
  font-size: .9375rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-tipi__voce[aria-current="true"] {
  background: var(--tbp-cu-pieno);
  color: var(--tbp-cu-pieno-testo) !important;
  font-weight: 700 !important;
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-tipi__voce.is-spento {
  color: var(--tbp-spento-testo, #6b7470) !important;
  cursor: default;
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-ordina {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-ordina[hidden] { display: none; }
html body.tbp-core-cerca.tbp-cu .tbp-cu-ordina__nome {
  margin: 0 !important;
  color: var(--tbp-cu-tenue) !important;
  font-size: .875rem !important;
  font-weight: 600 !important;
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-ordina__campo { position: relative; display: inline-flex; align-items: center; }
html body.tbp-core-cerca.tbp-cu .tbp-cu-ordina__campo select {
  appearance: none;
  -webkit-appearance: none;
  min-height: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 38px 0 14px !important;
  border: 1px solid var(--tbp-cu-riga) !important;
  border-radius: 12px !important;
  background: var(--tbp-cu-fondo) !important;
  background-image: none !important;
  color: var(--tbp-cu-testo) !important;
  font-family: var(--tbp-font, inherit);
  font-size: .9375rem !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  cursor: pointer;
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-ordina__campo .tbp-cu-segno {
  position: absolute;
  right: 12px;
  color: var(--tbp-cu-testo);
  pointer-events: none;
}

/* Il conto e i filtri attivi (js/tbp-search-summary.js): una riga, senza riquadro. */
html body.tbp-core-cerca.tbp-cu .tbp-search-summary {
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  gap: 8px !important;
}
html body.tbp-core-cerca.tbp-cu .tbp-search-summary__count {
  flex: 1 1 100%;
  min-height: 24px;
  color: var(--tbp-cu-tenue) !important;
  font-size: .9375rem !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}
html body.tbp-core-cerca.tbp-cu .tbp-search-summary__chip {
  min-height: 44px !important;
  padding: 0 12px 0 14px !important;
  background: var(--tbp-cu-fondo) !important;
  color: var(--tbp-cu-testo) !important;
  border-color: var(--tbp-cu-riga) !important;
  font-size: .9375rem !important;
}
/* I filtri attivi e «Azzera filtri» sulla stessa riga, finché ci stanno. */
html body.tbp-core-cerca.tbp-cu .tbp-search-summary.has-filters .tbp-search-summary__chips { flex: 0 1 auto !important; }
html body.tbp-core-cerca.tbp-cu .tbp-search-summary__clear {
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 6px !important;
  color: var(--tbp-cu-testo) !important;
}
html body.tbp-core-cerca.tbp-cu.tbp-cu-senza .tbp-search-summary__count { display: none !important; }

/* ---------- Le schede ---------- */

html body.tbp-core-cerca.tbp-cu #tbp-results-container {
  margin: 0 !important;
  padding: 0 !important;
  scroll-margin-top: 96px;
}
html body.tbp-core-cerca.tbp-cu #tbp-results-container .grid-risultati.grid-risultati.grid-risultati {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 14px !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
@media (min-width: 700px) {
  html body.tbp-core-cerca.tbp-cu #tbp-results-container .grid-risultati.grid-risultati.grid-risultati {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}
@media (min-width: 1100px) {
  html body.tbp-core-cerca.tbp-cu #tbp-results-container .grid-risultati.grid-risultati.grid-risultati {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  /* Tre per riga: schede quadrate, così la foto si vede e la prima riga sta intera nel primo schermo. */
  html body.tbp-core-cerca.tbp-cu #tbp-results-container .grid-risultati .tbp-exp-card.tbp-exp-card .tbp-exp-card__media {
    aspect-ratio: 1 / 1 !important;
  }
}
/* La frase «Ops!» del plugin lascia il posto allo stato vuoto qui sotto; l'avviso di errore di rete resta. */
html body.tbp-core-cerca.tbp-cu #tbp-results-container > p:not([data-no-translation]) { display: none !important; }

/* Un solo oro per schermata: su questa pagina «Prenota» delle schede è chiaro, fermo, con il testo verde. */
html body.tbp-core-cerca.tbp-cu #tbp-results-container a.tbp-btn.tbp-btn--premium.tbp-exp-card__buy.tbp-exp-card__buy {
  min-height: 44px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #052b18 !important;
  border: 0 !important;
  box-shadow: none !important;
  animation: none !important;
  text-shadow: none !important;
}
html body.tbp-core-cerca.tbp-cu #tbp-results-container a.tbp-btn.tbp-btn--premium.tbp-exp-card__buy.tbp-exp-card__buy::before,
html body.tbp-core-cerca.tbp-cu #tbp-results-container a.tbp-btn.tbp-btn--premium.tbp-exp-card__buy.tbp-exp-card__buy::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}
html body.tbp-core-cerca.tbp-cu #tbp-results-container a.tbp-btn.tbp-btn--premium.tbp-exp-card__buy.tbp-exp-card__buy:hover {
  background: #eef3ef !important;
  color: #052b18 !important;
}

/* ---------- Stato vuoto, nota, PDF ---------- */

html body.tbp-core-cerca.tbp-cu .tbp-cu-vuoto { display: none; }
html body.tbp-core-cerca.tbp-cu.tbp-cu-senza .tbp-cu-vuoto,
html:not(.tbp-cu-js) body.tbp-core-cerca.tbp-cu .tbp-cerca-page:not(:has(#tbp-results-container .tbp-exp-card)) .tbp-cu-vuoto {
  display: block;
  max-width: 560px;
  margin: 8px 0 32px;
  padding: 0;
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-vuoto__titolo {
  margin: 0 0 6px !important;
  color: var(--tbp-cu-testo) !important;
  font-family: var(--tbp-font-titoli, inherit);
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-vuoto__testo {
  margin: 0 0 16px !important;
  color: var(--tbp-cu-tenue) !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-vuoto__azioni {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 !important;
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-bottone {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 1px solid var(--tbp-cu-pieno) !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: var(--tbp-cu-testo) !important;
  font-family: var(--tbp-font, inherit);
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-bottone[hidden] { display: none !important; }
html body.tbp-core-cerca.tbp-cu .tbp-cu-bottone--pieno {
  background: var(--tbp-cu-pieno) !important;
  color: var(--tbp-cu-pieno-testo) !important;
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-bottone[aria-busy="true"] { opacity: .6; }
html body.tbp-core-cerca.tbp-cu .tbp-cu-nota {
  margin: 12px 0 0 !important;
  color: var(--tbp-cu-tenue) !important;
  font-size: .9375rem !important;
  text-align: center;
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-nota[hidden] { display: none; }
html body.tbp-core-cerca.tbp-cu .tbp-cu-pdf {
  display: flex;
  justify-content: center;
  margin: 0 0 28px !important;
  padding: 0 !important;
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-pdf__bottone {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 0 !important;
  background: none !important;
  color: var(--tbp-cu-testo) !important;
  font-family: var(--tbp-font, inherit);
  font-size: .9375rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
}
html body.tbp-core-cerca.tbp-cu.tbp-cu-senza .tbp-cu-pdf { display: none; }

/* ---------- Il pannello «Filtri» ----------
   tbp-search-engine.css tiene #tbp-filters-panel fermo nella pagina con !important (position, inset, width,
   max-height, overflow, fondo): qui le stesse proprietà, con !important e un selettore più forte. */

html body.tbp-core-cerca.tbp-cu .tbp-cu-velo {
  position: fixed;
  inset: 0;
  z-index: 100040;
  display: block;
  background: var(--tbp-cu-velo);
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--tbp-moto-medio, 240ms) var(--tbp-moto-curva, ease), visibility 0s linear var(--tbp-moto-medio, 240ms);
  -webkit-tap-highlight-color: transparent;
}
html body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel {
  position: fixed !important;
  inset: auto 0 0 0 !important;
  z-index: 100050 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: start;
  gap: 0 !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  max-height: 88vh !important;
  max-height: 88dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden auto !important;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  border: 0 !important;
  border-radius: 22px 22px 0 0 !important;
  background: var(--tbp-cu-fondo) !important;
  color: var(--tbp-cu-testo);
  box-shadow: 0 -8px 28px rgb(5 43 24 / 16%) !important;
  transform: translateY(104%);
  visibility: hidden;
  transition: transform var(--tbp-moto-medio, 240ms) var(--tbp-moto-curva, ease), visibility 0s linear var(--tbp-moto-medio, 240ms);
}
html.tbp-cu-aperto body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel,
html:not(.tbp-cu-js) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel:target {
  transform: none;
  visibility: visible;
  transition: transform var(--tbp-moto-medio, 240ms) var(--tbp-moto-curva, ease), visibility 0s;
}
html.tbp-cu-aperto body.tbp-core-cerca.tbp-cu .tbp-cu-velo,
html:not(.tbp-cu-js) body.tbp-core-cerca.tbp-cu #tbp-filters-panel:target + .tbp-cu-velo {
  opacity: 1;
  visibility: visible;
  transition: opacity var(--tbp-moto-medio, 240ms) var(--tbp-moto-curva, ease), visibility 0s;
}
/* Sul telefono il foglio copre la pagina: la pagina sotto non scorre. */
@media (max-width: 1023px) {
  html.tbp-cu-aperto,
  html.tbp-cu-aperto body { overflow: hidden !important; }
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-testa {
  position: sticky;
  top: 0;
  z-index: 3;
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 60px;
  padding: 8px 8px 8px 20px;
  background: var(--tbp-cu-fondo);
  border-bottom: 1px solid var(--tbp-cu-riga);
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-testa__titolo {
  margin: 0 !important;
  color: var(--tbp-cu-testo) !important;
  font-family: var(--tbp-font-titoli, inherit);
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  outline: none;
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-chiudi {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  width: 44px;
  min-width: 44px;
  height: 44px;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 999px;
  color: var(--tbp-cu-testo) !important;
  background: transparent;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent;
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-chiudi:hover { background: var(--tbp-cu-velato); }

/* Le sezioni: un nome e la scelta. Niente numeri, niente frecce, niente frasi. Una colonna a ogni larghezza
   (il pannello è largo come un telefono anche al computer), con lo stile delle scelte che il tema ha già. */
html body.tbp-core-cerca.tbp-cu #tbp-filter-form { counter-reset: none !important; }
html body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-filter-section__title::before {
  content: none !important;
  counter-increment: none !important;
  display: none !important;
}
html body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-filter-flow-arrow,
html body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel .tbp-filter-section__lead { display: none !important; }
html body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel .tbp-more-filters {
  grid-column: 1 / -1 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
html body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel .tbp-more-filters__grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
}
html body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel .tbp-filter-section {
  display: block !important;
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  grid-template-rows: none !important;
  align-self: auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 20px !important;
  padding: 16px 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--tbp-cu-riga) !important;
}
html body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel .tbp-cu-testa + .tbp-filter-section { border-top: 0 !important; }
html body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel .tbp-filter-section__head {
  display: block !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  min-height: 0 !important;
}
html body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel .tbp-filter-section__title {
  display: block !important;
  margin: 0 !important;
  color: var(--tbp-cu-testo) !important;
  font-family: var(--tbp-font, inherit);
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-nascosto { display: none !important; }

html body.tbp-core-cerca.tbp-cu .tbp-cu-altri {
  grid-column: 1 / -1;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--tbp-cu-riga);
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-altri__nome {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 56px;
  margin: 0 20px;
  padding: 0;
  color: var(--tbp-cu-testo);
  font-size: 1rem;
  font-weight: 700;
  list-style: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-altri__nome::-webkit-details-marker { display: none; }
html body.tbp-core-cerca.tbp-cu .tbp-cu-altri__nome .tbp-cu-segno { transition: transform var(--tbp-moto-breve, 160ms) var(--tbp-moto-curva, ease); }
html body.tbp-core-cerca.tbp-cu .tbp-cu-altri[open] > .tbp-cu-altri__nome .tbp-cu-segno { transform: rotate(180deg); }

/* In fondo al pannello: «Ripristina filtri» e «Vedi N risultati», sempre a vista. */
html body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel .tbp-filter-actions.tbp-cu-piede {
  position: sticky !important;
  bottom: 0;
  z-index: 3;
  grid-column: 1 / -1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 12px 20px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  border: 0 !important;
  border-top: 1px solid var(--tbp-cu-riga) !important;
  background: var(--tbp-cu-fondo) !important;
}
html body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel #tbp-reset-filters {
  flex: 0 0 auto;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 4px !important;
  border: 0 !important;
  background: none !important;
  color: var(--tbp-cu-testo) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
  text-transform: none !important;
  box-shadow: none !important;
}
html body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel .tbp-cu-vedi {
  flex: 0 1 auto;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: var(--tbp-cu-pieno) !important;
  color: var(--tbp-cu-pieno-testo) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-transform: none !important;
  white-space: nowrap;
  box-shadow: none !important;
}
/* Il calendario è appeso alla pagina: deve stare sopra il pannello. */
html body.tbp-core-cerca.tbp-cu .flatpickr-calendar { z-index: 100060 !important; }

/* Al computer: pannello a destra, alto quanto la finestra; i risultati restano a vista di fianco. */
@media (min-width: 1024px) {
  html body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel {
    inset: 0 0 0 auto !important;
    width: 440px !important;
    max-height: none !important;
    border-radius: 0 !important;
    box-shadow: -8px 0 28px rgb(5 43 24 / 14%) !important;
    transform: translateX(104%);
  }
  html body.tbp-core-cerca.tbp-cu { --tbp-cu-velo: rgb(5 43 24 / 22%); }
  html body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel .tbp-filter-section { margin: 0 24px !important; }
  html body.tbp-core-cerca.tbp-cu .tbp-cu-altri__nome { margin: 0 24px; }
  html body.tbp-core-cerca.tbp-cu .tbp-cu-testa { padding-left: 24px; }
  html body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel .tbp-filter-actions.tbp-cu-piede { padding: 14px 24px !important; }
  html body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cerca-toolbar { max-width: 720px; margin-bottom: 14px !important; }
  html body.tbp-core-cerca.tbp-cu .tbp-cu-barra { margin-bottom: 10px; }
  html body.tbp-core-cerca.tbp-cu .tbp-cerca-page .tbp-page-hero { margin-bottom: 14px !important; }
}

@media (prefers-reduced-motion: reduce) {
  html body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel,
  html body.tbp-core-cerca.tbp-cu .tbp-cu-velo,
  html body.tbp-core-cerca.tbp-cu .tbp-cu-altri__nome .tbp-cu-segno { transition: none !important; }
}

/* ---------- Tema scuro (il tema «ToBePolo» è chiaro: usa i colori di base) ---------- */

html[data-tbp-theme="dark"] body.tbp-core-cerca.tbp-cu {
  --tbp-cu-fondo: #10201a;
  --tbp-cu-testo: #eaf3ee;
  --tbp-cu-tenue: #a9bdb3;
  --tbp-cu-riga: rgb(234 243 238 / 18%);
  --tbp-cu-velato: #18302a;
  --tbp-cu-pieno: #eaf3ee;
  --tbp-cu-pieno-testo: #052b18;
  --tbp-cu-velo: rgb(0 0 0 / 60%);
}

/* ---------- Il calendario di «Quando» (kit cerca-calendario-13-10, CEO 13/10: «calendario non è fatto bene») ----------
   È flatpickr, appeso alla pagina (non al pannello). Lo vestivano quattro fogli insieme: quello della libreria,
   tobepolo-italia-rebrand.css (fondo bianco e verde con !important su calendario, giorni e frecce), tbp-ui-cleanup.css
   e il foglio del plugin. Il tema scuro (css/tbp-appearance.css, @layer tbp-appearance) scuriva calendario, testata e
   riga dei giorni della settimana ma non il contenitore dei giorni, che restava bianco; lo script dei contrasti, trovando
   il bianco, scuriva i numeri. Le frecce restavano verde scuro su nero.
   Qui il calendario è un componente solo, con i colori della pagina (--tbp-cu-…), uguale nei tre temi. Sta nello
   stesso livello dei ritocchi del tema scuro, con !important: è l'unico modo di vincere sia quei ritocchi sia gli
   !important dei fogli vecchi. Vale solo su /cerca/ (body.tbp-cu).
   Peso: il ritocco del tema scuro che colora .flatpickr-calendar sta in un :is() che contiene #main-menu, quindi pesa
   come un id. Per questo ogni selettore qui sotto comincia con html:not(#tbp-cu-peso): un id che non esiste, solo peso.
   Stati: giorno libero, sotto il cursore, col fuoco della tastiera, scelto (verde pieno, non oro: l'oro è dell'azione
   principale, e nella pagina «scelto» è già il verde delle linguette), oggi (un anello, e la parola sotto), passato o
   non disponibile (spento). I giorni dei mesi vicini non si vedono. Il filtro è una data sola: niente intervalli. */

html body.tbp-core-cerca.tbp-cu {
  --tbp-cu-cal-fondo: #ffffff;
  --tbp-cu-cal-bordo: rgb(8 72 40 / 16%);
  --tbp-cu-cal-ombra: 0 12px 32px -12px rgb(5 43 24 / 28%);
  --tbp-cu-cal-oggi: "Oggi";
  --tbp-cu-cal-fuoco: #084828;
}
html[lang|="en"] body.tbp-core-cerca.tbp-cu { --tbp-cu-cal-oggi: "Today"; }
html[lang|="fr"] body.tbp-core-cerca.tbp-cu { --tbp-cu-cal-oggi: "Aujourd’hui"; }
html[lang|="de"] body.tbp-core-cerca.tbp-cu { --tbp-cu-cal-oggi: "Heute"; }
/* Scuro: il calendario è un piano sopra il pannello (#10201a). L'ombra al buio non si vede: lo stacca il bordo. */
html[data-tbp-theme="dark"] body.tbp-core-cerca.tbp-cu {
  --tbp-cu-cal-fondo: #1a332c;
  --tbp-cu-cal-bordo: rgb(234 243 238 / 28%);
  --tbp-cu-cal-ombra: none;
  --tbp-cu-cal-fuoco: #eaf3ee;
}
/* Il cursore del prezzo al buio: il tratto fuori dall'intervallo (#3a403d) sul pannello stava a 1,5:1. */
html[data-tbp-theme="dark"] body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-range-container {
  --tbp-range-off: #5a7267;
  --tbp-range-thumb: #10201a;
}

@layer tbp-appearance {
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar {
    box-sizing: border-box !important;
    width: min(100vw - 40px, 372px) !important;
    padding: 8px 10px 10px !important;
    border: 1px solid var(--tbp-cu-cal-bordo) !important;
    border-radius: 16px !important;
    background: var(--tbp-cu-cal-fondo) !important;
    color: var(--tbp-cu-testo) !important;
    box-shadow: var(--tbp-cu-cal-ombra) !important;
    font-family: var(--tbp-font, inherit) !important;
    color-scheme: normal !important;
  }
  /* Un fondo solo, quello del calendario: niente riquadro bianco sotto i giorni, niente fascia sotto la settimana. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar :is(.flatpickr-months, .flatpickr-month, .flatpickr-current-month, .flatpickr-innerContainer, .flatpickr-rContainer, .flatpickr-weekdays, .flatpickr-weekdaycontainer, .flatpickr-days, .dayContainer) {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--tbp-cu-testo) !important;
  }

  /* Testata: mese e anno al centro, due frecce da 44 px. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar .flatpickr-months {
    display: flex !important;
    align-items: center !important;
    height: 44px !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar .flatpickr-months .flatpickr-month { flex: 1 1 auto !important; height: 44px !important; overflow: visible !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar .flatpickr-current-month {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    position: static !important;
    width: auto !important;
    height: 44px !important;
    padding: 0 !important;
    font-family: var(--tbp-font-titoli, inherit) !important;
    font-size: 1.0625rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar .flatpickr-current-month :is(.cur-month, .numInputWrapper, input.cur-year, .flatpickr-monthDropdown-months) {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--tbp-cu-testo) !important;
    -webkit-text-fill-color: var(--tbp-cu-testo) !important;
    font: inherit !important;
    box-shadow: none !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar .flatpickr-months :is(.flatpickr-prev-month, .flatpickr-next-month) {
    position: static !important;
    flex: 0 0 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    color: var(--tbp-cu-testo) !important;
    fill: var(--tbp-cu-testo) !important;
    cursor: pointer !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar .flatpickr-months :is(.flatpickr-prev-month, .flatpickr-next-month) :is(svg, path) {
    width: 16px !important;
    height: 16px !important;
    color: var(--tbp-cu-testo) !important;
    fill: var(--tbp-cu-testo) !important;
  }
  /* Il mese prima di quello di oggi non si può aprire: la freccia resta al suo posto, spenta. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar .flatpickr-months :is(.flatpickr-prev-month, .flatpickr-next-month).flatpickr-disabled {
    opacity: .3 !important;
    cursor: default !important;
    pointer-events: none !important;
  }

  /* I giorni della settimana. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar .flatpickr-innerContainer,
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar .flatpickr-rContainer { display: block !important; width: 100% !important; padding: 0 !important; overflow: visible !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar .flatpickr-weekdays { display: flex !important; align-items: center !important; width: 100% !important; height: 32px !important; margin: 0 !important; padding: 0 !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar .flatpickr-weekdaycontainer { display: grid !important; grid-template-columns: repeat(7, minmax(0, 1fr)) !important; width: 100% !important; min-width: 0 !important; max-width: none !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar span.flatpickr-weekday {
    display: block !important;
    margin: 0 !important;
    background: transparent !important;
    color: var(--tbp-cu-tenue) !important;
    -webkit-text-fill-color: var(--tbp-cu-tenue) !important;
    font-size: .75rem !important;
    font-weight: 700 !important;
    line-height: 32px !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    text-align: center !important;
  }

  /* I giorni: sette colonne, caselle alte 44 px. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar .flatpickr-days { width: 100% !important; overflow: visible !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar .dayContainer {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 2px 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    outline: 0 !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar .dayContainer .flatpickr-day {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: stretch !important;
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    color: var(--tbp-cu-testo) !important;
    -webkit-text-fill-color: currentColor !important;
    font-size: .9375rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    font-variant-numeric: tabular-nums !important;
    box-shadow: none !important;
    opacity: 1 !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar .dayContainer .flatpickr-day::before,
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar .dayContainer .flatpickr-day::after { content: none !important; display: none !important; }
  /* I giorni dei mesi vicini non si vedono: il mese a schermo è uno. Il posto resta, così il calendario non cambia altezza. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar .dayContainer .flatpickr-day:is(.prevMonthDay, .nextMonthDay, .hidden) {
    visibility: hidden !important;
    pointer-events: none !important;
  }
  /* Passato o non disponibile: spento, e non risponde. L'opacità e non un colore più scuro, perché nel tema scuro lo
     script dei contrasti rischiara i testi scuri su fondo scuro e li farebbe uguali ai giorni liberi. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar .dayContainer .flatpickr-day.flatpickr-disabled {
    opacity: .55 !important;
    font-weight: 500 !important;
    cursor: default !important;
    text-decoration: none !important;
  }
  /* Oggi: un anello attorno al numero (non un punto rosso: il rosso qui vuol dire errore), e la parola sotto la griglia. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar .dayContainer .flatpickr-day.today {
    box-shadow: inset 0 0 0 2px var(--tbp-cu-testo) !important;
    font-weight: 800 !important;
  }
  /* Scelto: verde pieno con il numero chiaro (nel tema scuro: chiaro pieno con il numero scuro). */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar .dayContainer .flatpickr-day:is(.selected, .startRange, .endRange),
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar .dayContainer .flatpickr-day:is(.selected, .startRange, .endRange):hover {
    background: var(--tbp-cu-pieno) !important;
    color: var(--tbp-cu-pieno-testo) !important;
    -webkit-text-fill-color: var(--tbp-cu-pieno-testo) !important;
    font-weight: 800 !important;
    box-shadow: none !important;
    opacity: 1 !important;
  }
  /* Fuoco della tastiera (frecce): un contorno, sopra ogni altro stato. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar .dayContainer .flatpickr-day:focus { outline: 0 !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar .dayContainer .flatpickr-day:focus-visible,
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar .flatpickr-months :is(.flatpickr-prev-month, .flatpickr-next-month):focus-visible,
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar input.cur-year:focus-visible {
    outline: 2px solid var(--tbp-cu-cal-fuoco) !important;
    outline-offset: 2px !important;
  }
  /* La riga «Oggi» sotto la griglia: lo stesso anello, piccolo, e la parola. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar .flatpickr-rContainer { position: relative !important; padding-bottom: 34px !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar .flatpickr-rContainer::before {
    content: "" !important;
    position: absolute !important;
    left: 6px !important;
    bottom: 6px !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 6px !important;
    box-shadow: inset 0 0 0 2px var(--tbp-cu-tenue) !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar .flatpickr-rContainer::after {
    content: var(--tbp-cu-cal-oggi, "Oggi") !important;
    position: absolute !important;
    left: 32px !important;
    bottom: 6px !important;
    display: block !important;
    color: var(--tbp-cu-tenue) !important;
    font-size: .8125rem !important;
    font-weight: 600 !important;
    line-height: 18px !important;
  }
  /* Con il calendario aperto il resto del pannello arretra: i comandi sotto non sembrano spuntare dal calendario. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel:has(.tbp-field--data input.active) :is(.tbp-filter-section:not(.tbp-filter-section--data), .tbp-cu-altri, .tbp-cu-piede) {
    opacity: .32 !important;
    transition: opacity var(--tbp-moto-breve, 160ms) var(--tbp-moto-curva, ease) !important;
  }
}
@layer tbp-appearance {
  @media (hover: hover) and (pointer: fine) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar .dayContainer .flatpickr-day:hover:not(.flatpickr-disabled):not(.selected) {
      background: var(--tbp-cu-velato) !important;
      color: var(--tbp-cu-testo) !important;
    }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .flatpickr-calendar .flatpickr-months :is(.flatpickr-prev-month, .flatpickr-next-month):hover:not(.flatpickr-disabled) {
      background: var(--tbp-cu-velato) !important;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel :is(.tbp-filter-section, .tbp-cu-altri, .tbp-cu-piede) { transition: none !important; }
  }
}

/* ---------- La fascia sopra le schede: Con chi, Difficoltà, Rischio (kit cerca-calendario-13-10, CEO 13/10) ----------
   «Questi filtri li voglio visibili, sono fondamentali per il progetto»: stanno sulla pagina, sotto le linguette,
   senza aprire niente. Sono le stesse caselle del modulo, spostate dal pannello (inc/cerca-unica/cerca-unica.php).
   Telefono: una riga per gruppo, il nome a sinistra e le scelte in fila; se una lingua non ci sta, quella riga scorre
   di lato. Computer: i tre gruppi su una riga.
   Scelta attiva: verde pieno con la scritta chiara, come le linguette e il giorno scelto nel calendario. Non oro:
   l'oro è dell'azione principale. Nello stesso livello dei ritocchi del tema scuro, che colorano queste scelte con
   #tbp-filter-form nel selettore. */

html body.tbp-core-cerca.tbp-cu .tbp-cu-fascia { margin: 0 0 10px; padding: 0; }
html body.tbp-core-cerca.tbp-cu .tbp-cu-blocco {
  margin: 6px 0 0 !important;
  color: var(--tbp-cu-tenue) !important;
  font-size: .8125rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-blocco[hidden] { display: none !important; }

@layer tbp-appearance {
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-more-filters {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-more-filters__grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 6px !important;
    padding: 0 !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-filter-section {
    display: grid !important;
    grid-template-columns: 70px minmax(0, 1fr) !important;
    grid-template-rows: none !important;
    grid-column: auto !important;
    grid-row: auto !important;
    align-items: center !important;
    align-self: auto !important;
    gap: 0 8px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-filter-section__head {
    display: block !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-filter-section__title {
    display: block !important;
    margin: 0 !important;
    color: var(--tbp-cu-tenue) !important;
    -webkit-text-fill-color: var(--tbp-cu-tenue) !important;
    font-family: var(--tbp-font, inherit) !important;
    font-size: .8125rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    overflow-wrap: anywhere;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-filter-section__lead,
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-choice-lens { display: none !important; }
  /* Le scelte di un gruppo, in fila. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia :is(.tbp-choice-pair, .tbp-choice-row) {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
    grid-template-columns: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 2px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none;
    border: 0 !important;
    background: none !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia :is(.tbp-choice-pair, .tbp-choice-row)::-webkit-scrollbar { display: none; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip {
    position: relative !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width: auto !important;
    min-width: 44px !important;
    min-height: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 12px 0 8px !important;
    border: 1px solid var(--tbp-cu-riga) !important;
    border-radius: 12px !important;
    background: var(--tbp-cu-fondo) !important;
    color: var(--tbp-cu-testo) !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transition: none !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip { --tbp-chip-icon-size: 28px; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip :is(img, .tbp-lava-icon) {
    flex: 0 0 28px !important;
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    transform: none !important;
    scale: none !important;
    zoom: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    object-fit: contain !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip label {
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    font-family: var(--tbp-font, inherit) !important;
    font-size: .875rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    pointer-events: none !important;
  }
  /* Scelta attiva: verde pieno, scritta chiara, l'icona su una tessera bianca per restare leggibile. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip.active {
    border-color: var(--tbp-cu-pieno) !important;
    background: var(--tbp-cu-pieno) !important;
    color: var(--tbp-cu-pieno-testo) !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip.active label {
    color: var(--tbp-cu-pieno-testo) !important;
    -webkit-text-fill-color: var(--tbp-cu-pieno-testo) !important;
    font-weight: 700 !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip.active :is(img, .tbp-lava-icon) { background: #ffffff !important; }
  /* Spenta da un blocco: si vede, non risponde. La riga sotto la fascia dice perché. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip.is-locked {
    opacity: .45 !important;
    cursor: not-allowed !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip:focus-within {
    outline: 2px solid var(--tbp-cu-cal-fuoco) !important;
    outline-offset: 1px !important;
  }
  @media (hover: hover) and (pointer: fine) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip:not(.active):not(.is-locked):hover {
      border-color: var(--tbp-cu-testo) !important;
      background: var(--tbp-cu-velato) !important;
    }
  }
  /* Computer: i tre gruppi su una riga (vanno a capo solo se una lingua non ci sta). */
  @media (min-width: 1024px) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-more-filters__grid {
      display: flex !important;
      flex-wrap: wrap !important;
      align-items: center !important;
      gap: 8px 28px !important;
    }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-filter-section {
      display: inline-flex !important;
      gap: 10px !important;
      width: auto !important;
    }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia :is(.tbp-choice-pair, .tbp-choice-row) { overflow: visible !important; }
  }
}

/* ---------- 13/10 pomeriggio (CEO): Cerca si apre con il saluto di Colombo e un campo grande; sotto, i filtri ----------
   «Scrivi che cosa vuoi fare … oppure usa i filtri qui sotto»: i filtri non stanno più in un foglio che si apre.
   Il contenitore è lo stesso #tbp-filters-panel, con la classe tbp-cu-aperti (la mette cerca-unica.php): le regole
   del foglio, più su in questo file, restano per la pagina di prima finché è in cache, e qui vengono superate
   (stesso livello dei ritocchi del tema scuro, con !important).
   In ordine: i quattro gruppi a scelte (Con chi, Difficoltà, Rischio, Modalità), Dove e Quando affiancati, Prezzo,
   Categorie, «Altri filtri» (Durata, Lingua), «Ripristina filtri». Poi le linguette e le schede. */

html body.tbp-core-cerca.tbp-cu .tbp-cu-saluto {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 10px;
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-saluto__volto {
  flex: 0 0 48px;
  width: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  object-fit: contain;
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-saluto__testo {
  margin: 0 !important;
  color: var(--tbp-cu-testo) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}
/* Il saluto apre la pagina: il titolo resta per i motori di ricerca e per chi usa un lettore di schermo. */
html body.tbp-core-cerca.tbp-cu .tbp-cerca-page:has(.tbp-cu-saluto) .tbp-page-hero {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@layer tbp-appearance {
  /* Il campo: grande, il primo comando della pagina. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form:has(.tbp-cu-aperti) .tbp-cerca-toolbar { max-width: 760px !important; margin: 0 0 12px !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form:has(.tbp-cu-aperti) .tbp-cerca-toolbar input[type="search"] {
    min-height: 56px !important;
    height: 56px !important;
    padding: 0 18px !important;
    border: 2px solid var(--tbp-cu-pieno) !important;
    border-radius: 16px !important;
    font-size: 1.0625rem !important;
    font-weight: 500 !important;
    box-shadow: none !important;
  }
  /* Il pannello non è più un foglio: sta nella pagina. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti {
    position: static !important;
    inset: auto !important;
    z-index: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    visibility: visible !important;
    transition: none !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti > :is(.tbp-cu-fascia, .tbp-cu-coppia, .tbp-more-filters, .tbp-filter-section, .tbp-cu-altri, .tbp-cu-piede) {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-filter-section {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }
  /* Fuori dalla fascia: il nome del filtro è un'etichetta piccola sopra il comando. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti :is(.tbp-cu-coppia, .tbp-cu-altri) .tbp-filter-section__head,
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti > :is(.tbp-more-filters, .tbp-filter-section) .tbp-filter-section__head {
    display: block !important;
    min-height: 0 !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti :is(.tbp-cu-coppia, .tbp-cu-altri) .tbp-filter-section__title,
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti > :is(.tbp-more-filters, .tbp-filter-section) .tbp-filter-section__title {
    color: var(--tbp-cu-tenue) !important;
    -webkit-text-fill-color: var(--tbp-cu-tenue) !important;
    font-size: .8125rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-coppia {
    display: grid !important;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: end !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-coppia > .tbp-filter-section {
    display: block !important;
    grid-column: auto !important;
    grid-row: auto !important;
    min-width: 0 !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-coppia :is(.tbp-filter-section__body, .tbp-dove-card) {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti > .tbp-more-filters { display: block !important; padding: 0 !important; border: 0 !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti > .tbp-more-filters .tbp-more-filters__grid { display: block !important; }
  /* Categoria scelta: non oro. Fondo tenue e un contorno verde. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cat-chip.active {
    background: var(--tbp-cu-velato) !important;
    background-image: none !important;
    box-shadow: inset 0 0 0 2px var(--tbp-cu-pieno) !important;
  }
  /* «Altri filtri» e, in fondo a destra, «Ripristina filtri». */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-altri { border-top: 0 !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-altri__nome {
    display: inline-flex !important;
    gap: 6px !important;
    min-height: 44px !important;
    margin: 0 !important;
    color: var(--tbp-cu-testo) !important;
    font-size: .9375rem !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-altri .tbp-more-filters__grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 10px !important; padding: 2px 0 6px !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-filter-actions.tbp-cu-piede {
    position: static !important;
    display: flex !important;
    justify-content: flex-end !important;
    margin: -54px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    pointer-events: none;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-altri[open] ~ .tbp-filter-actions.tbp-cu-piede { margin-top: 0 !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti #tbp-reset-filters {
    min-height: 44px !important;
    font-size: .9375rem !important;
    pointer-events: auto;
  }
  /* Computer: Dove, Quando e Prezzo su una riga. */
  @media (min-width: 1024px) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti {
      grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) !important;
      gap: 12px 28px !important;
      width: auto !important;
    }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti > .tbp-cu-coppia { grid-column: 1 !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti > .tbp-cu-coppia + .tbp-more-filters { grid-column: 2 !important; }
  }
}

/* ---------- All'arrivo «Cerca» è una pagina di ricerca, non un elenco (CEO 13/10: «ora Cerca e Catalogo dà la stessa cosa») ----------
   Finché non c'è una ricerca (body.tbp-cu-attesa: la mette il PHP all'apertura, la toglie e la rimette lo script)
   al posto dell'elenco c'è una riga: quanti mestieri ed esperienze ci sono, e il collegamento al Catalogo.
   Con una ricerca compaiono «Vedi N risultati» accanto al campo, il conto, i filtri attivi e le schede. */

html body.tbp-core-cerca.tbp-cu .tbp-cu-arrivo { display: none; }
html body.tbp-core-cerca.tbp-cu.tbp-cu-attesa .tbp-cu-arrivo {
  display: block;
  margin: 4px 0 28px !important;
  color: var(--tbp-cu-tenue) !important;
  font-size: .9375rem !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
}
html body.tbp-core-cerca.tbp-cu .tbp-cu-arrivo__catalogo {
  display: inline-block;
  min-height: 44px;
  padding: 11px 0;
  color: var(--tbp-cu-testo) !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
html body.tbp-core-cerca.tbp-cu.tbp-cu-attesa :is(#tbp-search-summary, #tbp-results-container, #tbp-search-end, .tbp-cu-vuoto, .tbp-cu-nota, .tbp-cu-pdf) { display: none !important; }

@layer tbp-appearance {
  /* «Vedi N risultati»: sotto il campo al telefono, accanto al computer; solo quando c'è una ricerca. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form:has(.tbp-cu-aperti) .tbp-cerca-toolbar { flex-wrap: wrap !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form:has(.tbp-cu-aperti) .tbp-cerca-toolbar input[type="search"] { flex: 1 1 260px !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cerca-toolbar .tbp-cu-vedi {
    flex: 1 1 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: var(--tbp-cu-pieno) !important;
    color: var(--tbp-cu-pieno-testo) !important;
    -webkit-text-fill-color: var(--tbp-cu-pieno-testo) !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: none !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu.tbp-cu-attesa #tbp-filter-form .tbp-cerca-toolbar .tbp-cu-vedi { display: none !important; }
  @media (min-width: 1024px) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cerca-toolbar .tbp-cu-vedi { flex: 0 0 auto !important; min-height: 56px !important; }
  }
}

/* Le icone delle scelte nella fascia: 28 px. La misura delle icone Lava la fissa css/tbp-tokens.css nel livello
   tbp-icon-geometry (48 px, con !important), che viene prima di tbp-appearance e quindi vince su di lui: la regola
   sta nello stesso livello, con un selettore più forte. */
@layer tbp-icon-geometry {
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip { --tbp-icon: 28px; --tbp-chip-icon-size: 28px; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip img.tbp-lava-icon {
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
  }
}

/* Telefono: nessuna riga di scelte scorre di lato (richiesta del 13/10, dopo la prima consegna). Il nome del gruppo
   sta sopra le sue scelte, le scelte sono un po' più strette e, se una lingua non ci sta in una riga, vanno a capo.
   Provato a 360 e a 390 px nelle quattro lingue. Al computer resta il nome a sinistra, tutto su una riga. */
@layer tbp-appearance {
  @media (max-width: 1023px) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-more-filters__grid { gap: 8px !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-filter-section {
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 2px 0 !important;
    }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia :is(.tbp-choice-pair, .tbp-choice-row) {
      flex-wrap: wrap !important;
      gap: 6px !important;
      padding: 0 !important;
      overflow: visible !important;
    }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip {
      gap: 5px !important;
      padding: 0 10px 0 6px !important;
    }
  }
}

/* Telefono, con le schede a vista: Prezzo e Categorie stanno dentro la riga «Altri filtri» (body.tbp-cu-piegati, la
   mette lo script quando c'è una ricerca e la toglie appena la persona tocca «Altri filtri»). Restano sempre a vista
   Con chi, Difficoltà, Rischio, Modalità, Dove e Quando; la prima scheda sale di circa 200 px. */
@layer tbp-appearance {
  @media (max-width: 1023px) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu.tbp-cu-piegati #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti > .tbp-cu-coppia + .tbp-more-filters,
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu.tbp-cu-piegati #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti > .tbp-filter-section--cats {
      display: none !important;
    }
  }
}

/* 13/10 sera (kit cerca-etichette-13-10): i nomi dei gruppi della fascia («Con chi», «Difficoltà», «Rischio»,
   «Modalità») non vanno mai a capo e non si spezzano dentro una parola. Al computer il nome era un elemento che poteva
   restringersi e aveva overflow-wrap: anywhere: bastavano pochi pixel in meno e usciva «Difficol / tà». Ora il nome
   tiene la sua larghezza; se a un gruppo manca posto vanno a capo le scelte, non il nome.
   Provato da 1024 a 1920 px nelle quattro lingue. */
@layer tbp-appearance {
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-filter-section__title {
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }
  @media (min-width: 1024px) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-filter-section__head {
      flex: 0 0 auto !important;
    }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia :is(.tbp-choice-pair, .tbp-choice-row) {
      flex: 0 1 auto !important;
      flex-wrap: wrap !important;
    }
  }
}

/* ---------- 13/10 sera (kit cerca-barra-13-10, CEO: «exp, mestiere, poi difficoltà e poi rischio, questo in
   ordine di come appare»): l'ordine dei gruppi della fascia ----------
   I gruppi sono, nell'ordine della pagina: Che cosa (Esperienze, Mestieri), Difficoltà, Rischio, Con chi, Modalità.
   Sul telefono è anche l'ordine di lettura, uno sotto l'altro. Al computer la prima riga è Che cosa + Difficoltà,
   poi Rischio, Con chi e Modalità (se una lingua non ci sta in una riga, l'ultimo gruppo va a capo intero).
   Le linguette Tutto / Mestieri / Esperienze non ci sono più: sopra le schede resta «Ordina», quando serve. */
@layer tbp-appearance {
  @media (min-width: 1024px) {
    /* L'a capo dopo «Difficoltà»: un elemento vuoto largo quanto la riga, messo fra i primi due gruppi e gli altri.
       L'ordine a vista resta quello della pagina (i numeri crescono come i gruppi). */
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-more-filters__grid {
      gap: 0 28px !important;
      margin-bottom: -8px !important;
    }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-more-filters__grid::after {
      content: "" !important;
      display: block !important;
      flex: 0 0 100% !important;
      order: 2 !important;
      width: 100% !important;
      height: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      background: none !important;
    }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-filter-section { margin: 0 0 8px !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia :is(.tbp-filter-section--kind, .tbp-filter-section--diff) { order: 1 !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia :is(.tbp-filter-section--risk, .tbp-filter-section--mastro, .tbp-filter-section--mode) { order: 3 !important; }
  }
  /* Sopra le schede: senza «Ordina» (meno di sei schede) la barra non occupa spazio. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .tbp-cu-barra:has(> .tbp-cu-ordina[hidden]) {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }
}

/* ---------- 13/10 sera (kit cerca-barra-13-10, CEO: «fallo centrato … barra grande sopra … la miglior search bar») ----------
   La pagina si apre con una fascia centrata: il volto di Colombo, una domanda, UNA barra grande, due o tre parole da
   toccare. La fascia è una tinta piatta del sito, da bordo a bordo (niente sfumature, niente ombre): la stessa tinta
   della fila delle categorie, valida nei tre temi. Dentro la barra: il campo, «svuota» quando c'è del testo, e il
   bottone che cerca (verde: l'oro in questa schermata è già della barra di navigazione).
   Sotto la fascia i filtri, centrati come blocco. Quando c'è una ricerca la fascia si accorcia: restano il titolo
   (al computer) e la barra, così le schede salgono. */
html body.tbp-core-cerca.tbp-cu .tbp-cerca-page:has(.tbp-cu-eroe) .tbp-page-hero {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
@layer tbp-appearance {
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin: 0 0 16px !important;
    padding: 24px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--tbp-cu-banda, var(--tbp-cu-velato)) !important;
    box-shadow: 0 0 0 100vmax var(--tbp-cu-banda, var(--tbp-cu-velato)) !important;
    clip-path: inset(0 -100vmax) !important;
    text-align: center !important;
  }
  /* Tema scuro: la fascia è una superficie rialzata neutra. Il segno del tema scuro è il nero, non il verde (19/9). */
  html[data-tbp-theme="dark"]:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu { --tbp-cu-banda: #1e1e1e; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe__saluto {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    max-width: 720px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe__volto {
    flex: 0 0 auto !important;
    width: 56px !important;
    height: 56px !important;
    margin: 0 !important;
    object-fit: contain !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe__titolo {
    margin: 0 !important;
    padding: 0 !important;
    color: var(--tbp-cu-testo) !important;
    -webkit-text-fill-color: var(--tbp-cu-testo) !important;
    font-family: var(--tbp-font-titoli, var(--tbp-font, inherit)) !important;
    font-size: 1.625rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: -.01em !important;
    text-transform: none !important;
    text-wrap: balance;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe__aiuto {
    margin: 0 !important;
    padding: 0 !important;
    color: var(--tbp-cu-testo) !important;
    -webkit-text-fill-color: var(--tbp-cu-testo) !important;
    font-family: var(--tbp-font, inherit) !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    text-wrap: balance;
  }
  /* La barra. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cerca-toolbar.tbp-cu-campo {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 4px !important;
    width: 100% !important;
    max-width: 720px !important;
    height: 60px !important;
    margin: 16px auto 0 !important;
    padding: 0 6px 0 6px !important;
    border: 2px solid var(--tbp-cu-pieno) !important;
    border-radius: 999px !important;
    background: var(--tbp-cu-fondo) !important;
    box-shadow: none !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo:focus-within {
    outline: 3px solid var(--tbp-cu-pieno) !important;
    outline-offset: 3px !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo input[type="search"] {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 8px 0 16px !important;
    border: 0 !important;
    border-radius: 999px !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--tbp-cu-testo) !important;
    -webkit-text-fill-color: var(--tbp-cu-testo) !important;
    font-family: var(--tbp-font, inherit) !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo input[type="search"]::placeholder {
    color: var(--tbp-cu-tenue) !important;
    -webkit-text-fill-color: var(--tbp-cu-tenue) !important;
    opacity: 1 !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; display: none; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo :is(.tbp-cu-svuota, .tbp-cu-cerca) {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transform: none !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo .tbp-cu-svuota[hidden] { display: none !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo .tbp-cu-svuota {
    width: 44px !important;
    height: 44px !important;
    background: transparent !important;
    color: var(--tbp-cu-tenue) !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo .tbp-cu-svuota .tbp-cu-segno { width: 20px !important; height: 20px !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo .tbp-cu-cerca {
    width: 48px !important;
    height: 48px !important;
    background: var(--tbp-cu-pieno) !important;
    color: var(--tbp-cu-pieno-testo) !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo .tbp-cu-cerca .tbp-cu-segno { width: 24px !important; height: 24px !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo :is(.tbp-cu-svuota, .tbp-cu-cerca):focus-visible {
    outline: 3px solid var(--tbp-cu-pieno) !important;
    outline-offset: 2px !important;
  }
  @media (hover: hover) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo .tbp-cu-svuota:hover { background: var(--tbp-cu-velato) !important; color: var(--tbp-cu-testo) !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo .tbp-cu-cerca:hover { opacity: .88 !important; }
  }
  /* Sotto la barra: le parole da toccare e, quando c'è una ricerca, «Vedi N risultati». */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe__sotto {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 720px !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe__sotto:not(:has(.tbp-cu-esempi)) { margin-top: 0 !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-esempi {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-esempi__nome {
    color: var(--tbp-cu-testo) !important;
    -webkit-text-fill-color: var(--tbp-cu-testo) !important;
    font-family: var(--tbp-font, inherit) !important;
    font-size: .9375rem !important;
    font-weight: 500 !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-esempi__voce {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 1px solid var(--tbp-cu-riga) !important;
    border-radius: 999px !important;
    background: var(--tbp-cu-fondo) !important;
    color: var(--tbp-cu-testo) !important;
    -webkit-text-fill-color: var(--tbp-cu-testo) !important;
    font-family: var(--tbp-font, inherit) !important;
    font-size: .9375rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-esempi__voce:focus-visible,
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe__sotto .tbp-cu-vedi:focus-visible { outline: 3px solid var(--tbp-cu-pieno) !important; outline-offset: 2px !important; }
  @media (hover: hover) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-esempi__voce:hover { border-color: var(--tbp-cu-pieno) !important; }
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe__sotto .tbp-cu-vedi {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-height: 44px !important;
    margin: 12px 0 0 !important;
    padding: 0 20px !important;
    border: 2px solid var(--tbp-cu-pieno) !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--tbp-cu-testo) !important;
    -webkit-text-fill-color: var(--tbp-cu-testo) !important;
    font-family: var(--tbp-font, inherit) !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }
  /* All'arrivo «Vedi N risultati» non c'è; con una ricerca via l'aiuto e le parole da toccare. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu.tbp-cu-attesa #tbp-filter-form .tbp-cu-eroe__sotto .tbp-cu-vedi { display: none !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-attesa) #tbp-filter-form .tbp-cu-eroe :is(.tbp-cu-eroe__aiuto, .tbp-cu-esempi) { display: none !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-attesa) #tbp-filter-form .tbp-cu-eroe__sotto { margin-top: 0 !important; }
  @media (pointer: coarse) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-esempi__voce { min-height: 44px !important; }
  }
  /* Telefono: con le schede a vista restano solo la barra e «Vedi N risultati». */
  @media (max-width: 1023px) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-attesa) #tbp-filter-form .tbp-cu-eroe { padding: 12px 0 !important; margin-bottom: 12px !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-attesa) #tbp-filter-form .tbp-cu-eroe__saluto { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-attesa) #tbp-filter-form .tbp-cu-eroe .tbp-cerca-toolbar.tbp-cu-campo { margin-top: 0 !important; }
  }
  @media (min-width: 1024px) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe { margin-bottom: 24px !important; padding: 32px 0 !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe__volto { width: 64px !important; height: 64px !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cerca-toolbar.tbp-cu-campo { height: 64px !important; margin-top: 24px !important; padding: 0 8px !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo input[type="search"] { padding-left: 20px !important; font-size: 1.125rem !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-attesa) #tbp-filter-form .tbp-cu-eroe { padding: 24px 0 !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-attesa) #tbp-filter-form .tbp-cu-eroe__volto { display: none !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-attesa) #tbp-filter-form .tbp-cu-eroe .tbp-cerca-toolbar.tbp-cu-campo { margin-top: 16px !important; }
    /* I filtri: un blocco centrato sotto la fascia. */
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti { max-width: 1100px !important; margin-right: auto !important; margin-left: auto !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-more-filters__grid { justify-content: center !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-cu-blocco { text-align: center !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .tbp-cu-arrivo { text-align: center !important; }
  }
}

/* ---------- 13/10 sera (kit cerca-barra-13-10, CEO: «le icone devono essere grandi uguali quanto i bottoni sopra, uno
   diventa cieco»): le scelte della fascia sono tessere ----------
   Stessa famiglia delle tessere della barra di navigazione (misurate su /cerca/ da 1024 a 1920 px: tessera 72 × 81,
   disegno 48 × 48, raggio 18, scritta 11,9 px) e della fila delle Categorie (disegno 48 × 48, scritta 14,2 px):
   disegno sopra a 48 px, scritta sotto grande come quella delle Categorie. Il nome del gruppo sta sopra le tessere.
   Scelta: contorno pieno da 2 px, fondo tenue e un segno di spunta in alto a destra (non solo un colore).
   Chiusa da un blocco: contorno tratteggiato e più chiara, e la riga sotto dice perché. */
@layer tbp-appearance {
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-filter-section {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia :is(.tbp-choice-pair, .tbp-choice-row) {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    min-width: 72px !important;
    min-height: 81px !important;
    height: auto !important;
    padding: 4px 10px 8px !important;
    border: 1px solid var(--tbp-cu-riga) !important;
    border-radius: 18px !important;
    background: var(--tbp-cu-fondo) !important;
    color: var(--tbp-cu-testo) !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip :is(img, .tbp-lava-icon) {
    flex: 0 0 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip label {
    color: var(--tbp-cu-testo) !important;
    -webkit-text-fill-color: var(--tbp-cu-testo) !important;
    font-size: .8125rem !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip.active {
    padding: 3px 9px 7px !important;
    border: 2px solid var(--tbp-cu-pieno) !important;
    background: var(--tbp-cu-velato) !important;
    color: var(--tbp-cu-testo) !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip.active label {
    color: var(--tbp-cu-testo) !important;
    -webkit-text-fill-color: var(--tbp-cu-testo) !important;
    font-weight: 800 !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip.active :is(img, .tbp-lava-icon) { background: transparent !important; }
  /* Il segno di spunta: un tondo verde del marchio con la spunta bianca, uguale nei tre temi. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip.active::after {
    content: "" !important;
    position: absolute !important;
    top: 4px !important;
    right: 4px !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 999px !important;
    background: #145e3f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.6 9.4l2.9 2.9 5.9-6.2'/%3E%3C/svg%3E") center / 18px 18px no-repeat !important;
    pointer-events: none !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip.is-locked {
    border-style: dashed !important;
    opacity: .45 !important;
    cursor: not-allowed !important;
  }
  @media (hover: hover) and (pointer: fine) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip:not(.active):not(.is-locked):hover {
      border-color: var(--tbp-cu-pieno) !important;
      background: var(--tbp-cu-fondo) !important;
    }
  }
  @media (min-width: 1024px) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-more-filters__grid { gap: 0 32px !important; margin-bottom: -12px !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-filter-section { margin: 0 0 12px !important; }
    /* Un po' d'aria fra la fascia delle tessere e la riga di Dove, Quando e Prezzo. */
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti { row-gap: 20px !important; }
  }
  /* Telefono: un gruppo per riga, nell'ordine; «Con chi» e «Modalità» (due tessere l'uno) stanno sulla stessa riga quando
     ci stanno. Tessere un po' più basse, disegno a 44 px: comode per il pollice senza allungare troppo la fascia. */
  @media (max-width: 1023px) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-more-filters__grid {
      display: flex !important;
      flex-wrap: wrap !important;
      align-items: flex-start !important;
      gap: 10px 12px !important;
    }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-filter-section { flex: 0 1 auto !important; gap: 4px !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia :is(.tbp-filter-section--kind, .tbp-filter-section--diff, .tbp-filter-section--risk) { flex: 1 1 100% !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia :is(.tbp-choice-pair, .tbp-choice-row) { gap: 6px !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip { min-width: 72px !important; min-height: 76px !important; padding: 4px 8px 6px !important; gap: 3px !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip.active { padding: 3px 7px 5px !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip :is(img, .tbp-lava-icon) {
      flex: 0 0 44px !important;
      width: 44px !important;
      min-width: 44px !important;
      max-width: 44px !important;
      height: 44px !important;
      min-height: 44px !important;
      max-height: 44px !important;
    }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip label { font-size: .78125rem !important; }
    /* Con le schede a vista si piegano dentro «Altri filtri» anche Dove e Quando (se non sono in uso): restano a vista
       i cinque gruppi, e la prima scheda sta in circa uno schermo. */
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu.tbp-cu-piegati #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti > .tbp-cu-coppia { display: none !important; }
  }
}
/* I disegni delle tessere: 48 px (44 al telefono). La misura delle icone Lava sta nel livello tbp-icon-geometry. */
@layer tbp-icon-geometry {
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip { --tbp-icon: 48px; --tbp-chip-icon-size: 48px; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip img.tbp-lava-icon {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
  }
  @media (max-width: 1023px) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip { --tbp-icon: 44px; --tbp-chip-icon-size: 44px; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-fascia .tbp-primary-chip img.tbp-lava-icon {
      width: 44px !important;
      min-width: 44px !important;
      max-width: 44px !important;
      height: 44px !important;
      min-height: 44px !important;
      max-height: 44px !important;
    }
  }
}

/* 13/10/2026 (CEO, dal computer: «fa veramente schifo, cosa vuol dire quella barra verde così»). Via la fascia
   colorata dietro il saluto e la barra di ricerca: restano centrati, sul fondo della pagina, nei tre temi. */
@layer tbp-appearance {
  html:not(#tbp-cu-peso):not(#tbp-cu-peso-2) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe {
    background: transparent !important;
    box-shadow: none !important;
    clip-path: none !important;
  }
}

/* ---------- 13/10 pomeriggio (kit cerca-ordine-ceo-13-10, CEO: «barra di ricerca / sotto: dove - quando / sotto: 1. che
   cosa 2. dal vivo o online 3. professionista o hobbista 4. difficoltà 5. rischio / Prezzo / categorie») ----------
   Una colonna sola, centrata, larga come la barra (760 px): tutto ha gli stessi bordi a sinistra e a destra.
   Sotto la barra Dove e Quando, due campi uguali. Poi i cinque gruppi su una griglia: prima riga Che cosa, Modalità,
   Con chi (due tessere l'uno), seconda riga Difficoltà e Rischio (tre tessere l'uno). Sei tessere uguali per riga, da
   bordo a bordo, a ogni larghezza da 768 px in su. Poi Prezzo, Categorie, «Altri filtri».
   Telefono: stesso ordine dall'alto in basso; Che cosa e Modalità sulla prima riga, poi un gruppo per riga, tessere
   uguali da bordo a bordo. Nessuna fascia colorata (tolta il 13/10): il saluto e la barra stanno sul fondo della pagina. */
@layer tbp-appearance {
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe { margin-bottom: 16px !important; padding-bottom: 0 !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cerca-toolbar.tbp-cu-campo,
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe__saluto,
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe__sotto { max-width: 760px !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto 16px !important;
  }
  /* L'ordine sulla pagina (vale anche per una pagina rimasta in memoria con l'ordine di prima). */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti > * { order: 7 !important; grid-column: 1 / -1 !important; min-width: 0 !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti > .tbp-cu-coppia { order: 1 !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti > .tbp-cu-fascia { order: 2 !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti > .tbp-more-filters { order: 3 !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti > .tbp-filter-section--cats { order: 4 !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti > .tbp-cu-altri { order: 5 !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti > .tbp-cu-piede { order: 6 !important; }
  /* Dove e Quando: due campi uguali, sotto i bordi della barra. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-coppia {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: end !important;
  }
  /* I cinque gruppi: sei colonne. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia { margin: 0 !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-more-filters__grid {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    align-items: start !important;
    justify-content: stretch !important;
    gap: 16px !important;
    margin: 0 !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-more-filters__grid::after { content: none !important; display: none !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-filter-section {
    display: flex !important;
    flex: none !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 6px !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-filter-section--kind { order: 1 !important; grid-column: span 2 !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-filter-section--mode { order: 2 !important; grid-column: span 2 !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-filter-section--mastro { order: 3 !important; grid-column: span 2 !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-filter-section--diff { order: 4 !important; grid-column: span 3 !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-filter-section--risk { order: 5 !important; grid-column: span 3 !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia :is(.tbp-choice-pair, .tbp-choice-row) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 0 !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia :is(.tbp-filter-section--diff, .tbp-filter-section--risk) :is(.tbp-choice-pair, .tbp-choice-row) { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-primary-chip {
    width: 100% !important;
    min-width: 0 !important;
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-primary-chip label {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-cu-blocco { margin-top: 8px !important; text-align: left !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu .tbp-cu-arrivo { max-width: 760px !important; margin-right: auto !important; margin-left: auto !important; text-align: left !important; }
  @media (max-width: 767px) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti { gap: 16px !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-coppia { gap: 8px !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-more-filters__grid { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; gap: 12px 8px !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia :is(.tbp-filter-section--kind, .tbp-filter-section--mode) { grid-column: span 6 !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia :is(.tbp-filter-section--mastro, .tbp-filter-section--diff, .tbp-filter-section--risk) { grid-column: 1 / -1 !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia :is(.tbp-choice-pair, .tbp-choice-row) { gap: 6px !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-primary-chip { padding-right: 2px !important; padding-left: 2px !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-primary-chip label { font-size: .75rem !important; }
  }
  /* Telefono, con le schede a vista: come oggi Dove, Quando, Prezzo e Categorie si piegano dentro «Altri filtri» se non
     sono in uso (ora Prezzo non viene più subito dopo Dove e Quando: la regola lo nomina da solo). */
  @media (max-width: 1023px) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu.tbp-cu-piegati #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti > .tbp-more-filters { display: none !important; }
  }
}

/* ---------- 13/10 sera (kit cerca-colombo-13-10, CEO: «scrivi quello che vuoi fare»): la riga «Ti cerco: …» ----------
   Dentro la fascia in cima, subito sotto la barra: un pezzo per ogni cosa capita o scelta, da togliere con un tocco
   (la tessera del filtro, sotto, è accesa allo stesso tempo). La scrive js/tbp-cerca-colombo.js, che mette al body la
   classe tbp-cc: da quel momento i filtri attivi stanno qui e non più sopra le schede (lì resta il conto).
   Niente oro e niente rosso: un pezzo è una scelta fatta, non l'azione principale e non un errore. */
@layer tbp-appearance {
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu.tbp-cc #tbp-search-summary :is(.tbp-search-summary__chips, .tbp-search-summary__clear) { display: none !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cc-riga {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form :is(.tbp-cc-riga, .tbp-cc-nota, .tbp-cc-riga__tutto)[hidden] { display: none !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cc-riga__nome {
    margin: 0 2px 0 0 !important;
    color: var(--tbp-cu-testo) !important;
    -webkit-text-fill-color: var(--tbp-cu-testo) !important;
    font-family: var(--tbp-font, inherit) !important;
    font-size: .9375rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cc-riga__pezzi {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-width: 0 !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cc-pezzo {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 10px 0 13px !important;
    border: 1px solid var(--tbp-cu-riga) !important;
    border-radius: 999px !important;
    background: var(--tbp-cu-fondo) !important;
    box-shadow: none !important;
    color: var(--tbp-cu-testo) !important;
    -webkit-text-fill-color: var(--tbp-cu-testo) !important;
    font-family: var(--tbp-font, inherit) !important;
    font-size: .9375rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-align: left !important;
    cursor: pointer !important;
    transform: none !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cc-pezzo > span:first-child { overflow-wrap: anywhere; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cc-pezzo__x {
    flex: 0 0 auto !important;
    color: var(--tbp-cu-tenue) !important;
    -webkit-text-fill-color: var(--tbp-cu-tenue) !important;
    font-size: 1.2rem !important;
    font-weight: 400 !important;
    line-height: 1 !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cc-pezzo:focus-visible,
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cc-riga__tutto:focus-visible { outline: 3px solid var(--tbp-cu-pieno) !important; outline-offset: 2px !important; }
  @media (hover: hover) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cc-pezzo:hover { border-color: var(--tbp-cu-pieno) !important; }
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cc-riga__tutto {
    width: auto !important;
    min-width: 0 !important;
    min-height: 36px !important;
    margin: 0 0 0 4px !important;
    padding: 0 4px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: none !important;
    box-shadow: none !important;
    color: var(--tbp-cu-testo) !important;
    -webkit-text-fill-color: var(--tbp-cu-testo) !important;
    font-family: var(--tbp-font, inherit) !important;
    font-size: .875rem !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    cursor: pointer !important;
    transform: none !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cc-nota {
    max-width: 720px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--tbp-cu-testo) !important;
    -webkit-text-fill-color: var(--tbp-cu-testo) !important;
    font-family: var(--tbp-font, inherit) !important;
    font-size: .9375rem !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    text-align: center !important;
  }
  /* Con la riga «Ti cerco» a vista serve lo spazio sotto la barra anche quando le frasi di esempio non ci sono più. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu.tbp-cc:not(.tbp-cu-attesa) #tbp-filter-form .tbp-cu-eroe__sotto { margin-top: 12px !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu.tbp-cc #tbp-filter-form .tbp-cu-eroe__sotto .tbp-cu-vedi { margin-top: 0 !important; }
  @media (pointer: coarse) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form :is(.tbp-cc-pezzo, .tbp-cc-riga__tutto) { min-height: 44px !important; }
  }
  /* Telefono, con le schede a vista: Dove e Quando seguono la regola di sempre (si piegano se sono vuoti; se la frase
     li ha riempiti restano a vista e mostrano il luogo e la data). Prezzo e Categorie invece stanno piegati dentro
     «Altri filtri» anche quando la frase ha messo un prezzo (si legge e si toglie nella riga «Ti cerco»), finché la
     persona non tocca «Altri filtri» (lo script mette tbp-cc-aperti). Restano a vista i cinque gruppi.
     «Togli tutto» sul telefono non c'è: c'è «svuota» nella barra e la croce di ogni pezzo. */
  @media (max-width: 1023px) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu.tbp-cc:not(.tbp-cu-attesa):not(.tbp-cc-aperti) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti > :is(.tbp-more-filters, .tbp-filter-section--cats) { display: none !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cc-riga__tutto { display: none !important; }
  }
}

/* ---------- 13/10 sera (kit cerca-scaletta-13-10, CEO dal telefono: «I filtri in Cerca devono vedersi; così si
   perdono; erano meglio quando erano a scaletta, uno sotto l'altro», poi «Ma fallo in modo diverso») ----------
   Sotto i 768 px, solo su «Cerca» (non sul Catalogo, che ha body.tbp-cu-altrove e la sua riga sola): i cinque gruppi
   uno sotto l'altro nell'ordine del CEO (Che cosa, Modalità, Con chi, Difficoltà, Rischio), sempre a vista, anche con
   le schede. Con le schede a vista restano anche Dove e Quando: dentro «Altri filtri» si piegano solo Prezzo e
   Categorie. La frase di un blocco sta sotto la riga che la fa nascere. Da 768 px in su non cambia niente.
   Scritto da strumenti/varianti.cjs. Variante scelta: C, «scaletta compatta»: il nome sopra e sotto un solo comando unito, largo quanto la pagina. */
@layer tbp-appearance {
  @media (max-width: 767px) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) { --tbp-cu-salvia: #a9bdb3; }
    html[data-tbp-theme="dark"]:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) { --tbp-cu-salvia: #5d786b; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; margin: 0 !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia > .tbp-more-filters,
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-more-filters__grid { display: contents !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-filter-section { grid-column: 1 / -1 !important; width: auto !important; min-width: 0 !important; margin: 0 !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-filter-section--kind { order: 1 !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-filter-section--mode { order: 2 !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-filter-section--mastro { order: 3 !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-filter-section--diff { order: 5 !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-filter-section--risk { order: 7 !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia > .tbp-cu-blocco { grid-column: 1 / -1 !important; margin: -8px 0 0 !important; text-align: left !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia > .tbp-cu-blocco[data-tbp-cu-blocco="hobby"] { order: 4 !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia > .tbp-cu-blocco[data-tbp-cu-blocco="esp"] { order: 6 !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-primary-chip label { line-height: 1.2 !important; white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important; max-width: none !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia :is(.tbp-choice-pair, .tbp-choice-row) { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 !important; width: 100% !important; padding: 0 !important; overflow: hidden !important; border: 1.5px solid var(--tbp-cu-salvia) !important; border-radius: 14px !important; background: var(--tbp-cu-fondo) !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia :is(.tbp-filter-section--diff, .tbp-filter-section--risk) :is(.tbp-choice-pair, .tbp-choice-row) { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-primary-chip { position: relative !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 2px !important; width: 100% !important; min-width: 0 !important; min-height: 64px !important; height: 100% !important; padding: 4px 3px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-primary-chip + .tbp-primary-chip { border-left: 1.5px solid var(--tbp-cu-salvia) !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-primary-chip.active { padding: 4px 3px !important; border: 0 !important; background: var(--tbp-cu-velato) !important; box-shadow: inset 0 0 0 2px var(--tbp-cu-pieno) !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-primary-chip.active + .tbp-primary-chip { border-left-color: transparent !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-primary-chip:first-child { border-radius: 13px 0 0 13px !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-primary-chip:last-child { border-radius: 0 13px 13px 0 !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-primary-chip.active::after { top: 3px !important; right: 3px !important; width: 15px !important; height: 15px !important; background: #145e3f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.6 9.4l2.9 2.9 5.9-6.2'/%3E%3C/svg%3E") center / 15px 15px no-repeat !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-primary-chip.is-locked { opacity: .5 !important; outline: 1px dashed var(--tbp-cu-tenue) !important; outline-offset: -5px !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-primary-chip.is-locked label { text-decoration: line-through !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-primary-chip label { font-size: .8125rem !important; hyphens: auto !important; -webkit-hyphens: auto !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-filter-section { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 4px !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-filter-section__title { color: var(--tbp-cu-testo) !important; -webkit-text-fill-color: var(--tbp-cu-testo) !important; font-weight: 700 !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-primary-chip :is(img, .tbp-lava-icon) { flex: 0 0 32px !important; width: 32px !important; min-width: 32px !important; max-width: 32px !important; height: 32px !important; min-height: 32px !important; max-height: 32px !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-coppia input:not([type="hidden"]) { border: 1.5px solid var(--tbp-cu-salvia) !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form .tbp-cu-eroe__sotto .tbp-cu-vedi { border: 1.5px solid var(--tbp-cu-salvia) !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu.tbp-cu-piegati:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti > .tbp-cu-coppia { display: grid !important; }
  }
}
@layer tbp-icon-geometry {
  @media (max-width: 767px) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-primary-chip { --tbp-icon: 32px; --tbp-chip-icon-size: 32px; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-primary-chip img.tbp-lava-icon { width: 32px !important; min-width: 32px !important; max-width: 32px !important; height: 32px !important; min-height: 32px !important; max-height: 32px !important; }
  }
}

/* ---------- 13/10 sera (kit cerca-scaletta-linee-13-10, CEO dal telefono: «usa il colore degli altri accanto, troppo
   scuri ancora le linee») ----------
   Sotto i 768 px, solo su «Cerca»: i riquadri dei cinque gruppi (contorno e divisori), i campi Dove e Quando e «Vedi N
   risultati» hanno la stessa riga delle cose che hanno accanto, cioè le frasi di esempio, i pezzi di «Ti cerco» e le
   tessere di prima: la riga morbida del sito (--tbp-cu-riga, che vale quanto --tbp-line: verde al 14% nei due temi
   chiari, chiaro al 18% nel tema scuro), da 1 px come loro. Scelta esplicita del CEO: questa riga non arriva al 3 a 1.
   Scelte fatte e scelte bloccate restano forti come sono; disegni e parole restano verde scuro. */
@layer tbp-appearance {
  @media (max-width: 767px) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove),
    html[data-tbp-theme="dark"]:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) { --tbp-cu-salvia: var(--tbp-cu-riga); }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia :is(.tbp-choice-pair, .tbp-choice-row) { border-width: 1px !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-fascia .tbp-primary-chip + .tbp-primary-chip { border-left-width: 1px !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form #tbp-filters-panel.tbp-cu-aperti .tbp-cu-coppia input:not([type="hidden"]) { border-width: 1px !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu:not(.tbp-cu-altrove) #tbp-filter-form .tbp-cu-eroe__sotto .tbp-cu-vedi { border-width: 1px !important; }
  }
}

/* ---------- 13/10 sera (kit cerca-voce-13-10, CEO: «Nella barra di ricerca metti anche il vocale ma sempre da
   registrato») ----------
   Il microfono dentro la barra grande, fra «svuota» e «Cerca». Lo stampa il modulo solo a chi ha fatto l'accesso
   (a un ospite il sito non lo manda proprio) e nasce nascosto: lo scopre js/tbp-cerca-voce.js quando il browser sa
   registrare. A riposo è il microfono Lava (un oggetto, nessun volto) su fondo trasparente: non è oro e non è pieno,
   l'azione principale resta «Cerca». Mentre ascolta, al posto di microfono e «Cerca» c'è un solo tasto pieno, «Ferma»
   (largo quanto i due insieme: il dito è già lì), e dentro la barra, al posto del campo, «Ti ascolto…» con cinque
   barrette che seguono la voce e i secondi che restano. Un avviso (microfono bloccato, voce non sentita) è una frase
   sotto la barra: niente rosso, niente bordo d'accento. */
@layer tbp-appearance {
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo .tbp-cu-voce[hidden],
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo .tbp-cu-voce__strato[hidden],
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-voce__nota[hidden] { display: none !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo .tbp-cu-voce {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--tbp-cu-testo) !important;
    -webkit-text-fill-color: currentColor !important;
    font-family: var(--tbp-font, inherit) !important;
    font-size: .9375rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    cursor: pointer !important;
    transform: none !important;
    -webkit-tap-highlight-color: transparent;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo .tbp-cu-voce__mic { display: inline-flex !important; align-items: center !important; justify-content: center !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo img.tbp-cu-voce__icona {
    display: block !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    object-fit: contain !important;
    filter: none !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo .tbp-cu-voce__mic .tbp-cu-segno { width: 24px !important; height: 24px !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo .tbp-cu-voce__ferma { display: none !important; align-items: center !important; gap: 4px !important; white-space: nowrap !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo .tbp-cu-voce__ferma .tbp-cu-segno { width: 20px !important; height: 20px !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo .tbp-cu-voce:focus-visible {
    outline: 3px solid var(--tbp-cu-pieno) !important;
    outline-offset: 2px !important;
  }
  @media (hover: hover) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo:not(.is-voce-ascolto) .tbp-cu-voce:hover { background: var(--tbp-cu-velato) !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo.is-voce-ascolto .tbp-cu-voce:hover { opacity: .88 !important; }
  }
  /* Apre il microfono, o scrive quello che ha sentito: i tasti aspettano. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo:is(.is-voce-apro, .is-voce-scrivo) .tbp-cu-voce,
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo.is-voce-scrivo .tbp-cu-cerca { opacity: .45 !important; pointer-events: none !important; cursor: default !important; }
  /* Ascolta: un solo tasto, «Ferma», al posto di microfono e «Cerca» (44 + 4 + 48 px: resta sotto il dito). */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo.is-voce-ascolto :is(.tbp-cu-svuota, .tbp-cu-cerca),
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo.is-voce-scrivo .tbp-cu-svuota,
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo:is(.is-voce-ascolto, .is-voce-scrivo) input[type="search"],
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo.is-voce-ascolto .tbp-cu-voce__mic { display: none !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo.is-voce-ascolto .tbp-cu-voce {
    width: 96px !important;
    height: 48px !important;
    background: var(--tbp-cu-pieno) !important;
    color: var(--tbp-cu-pieno-testo) !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo.is-voce-ascolto .tbp-cu-voce__ferma { display: inline-flex !important; }
  /* Dentro la barra, al posto del campo: le barrette, «Ti ascolto…», i secondi che restano. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo .tbp-cu-voce__strato {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 8px 0 16px !important;
    color: var(--tbp-cu-testo) !important;
    -webkit-text-fill-color: var(--tbp-cu-testo) !important;
    font-family: var(--tbp-font, inherit) !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    text-align: left !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo .tbp-cu-voce__onda { flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; gap: 3px !important; height: 24px !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo .tbp-cu-voce__onda i {
    display: block !important;
    width: 4px !important;
    height: 24px !important;
    border-radius: 2px !important;
    background: var(--tbp-cu-pieno) !important;
    transform: scaleY(.18);
    transform-origin: 50% 50%;
    transition: transform 90ms linear;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo .tbp-cu-voce__dice { flex: 1 1 auto !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo .tbp-cu-voce__tempo {
    flex: 0 0 auto !important;
    color: var(--tbp-cu-tenue) !important;
    -webkit-text-fill-color: var(--tbp-cu-tenue) !important;
    font-size: .875rem !important;
    font-variant-numeric: tabular-nums;
    white-space: nowrap !important;
  }
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo .tbp-cu-voce__tempo:empty { display: none !important; }
  /* Scrive quello che ha sentito: le barrette vanno su e giù da sole (ferme per chi ha chiesto meno movimento). */
  @media (prefers-reduced-motion: no-preference) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo.is-voce-scrivo .tbp-cu-voce__onda i { animation: tbp-cu-voce-onda 900ms ease-in-out infinite; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo.is-voce-scrivo .tbp-cu-voce__onda i:nth-child(2) { animation-delay: 120ms; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo.is-voce-scrivo .tbp-cu-voce__onda i:nth-child(3) { animation-delay: 240ms; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo.is-voce-scrivo .tbp-cu-voce__onda i:nth-child(4) { animation-delay: 360ms; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo.is-voce-scrivo .tbp-cu-voce__onda i:nth-child(5) { animation-delay: 480ms; }
  }
  @media (prefers-reduced-motion: reduce) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo .tbp-cu-voce__onda i { transition: none !important; }
  }
  /* L'avviso sotto la barra: una frase, larga come la barra. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-voce__nota {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 760px !important;
    margin: 12px auto 0 !important;
    padding: 12px 16px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--tbp-cu-velato) !important;
    color: var(--tbp-cu-testo) !important;
    -webkit-text-fill-color: var(--tbp-cu-testo) !important;
    font-family: var(--tbp-font, inherit) !important;
    font-size: .9375rem !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    text-align: center !important;
    text-wrap: pretty;
  }
  /* Quello che un lettore di schermo sente («Ti ascolto…», «Hai detto: …»): non si vede. */
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-voce__annuncio {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  @media (min-width: 1024px) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo .tbp-cu-voce { width: 48px !important; height: 48px !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo img.tbp-cu-voce__icona { width: 40px !important; min-width: 40px !important; max-width: 40px !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo.is-voce-ascolto .tbp-cu-voce { width: 100px !important; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo .tbp-cu-voce__strato { padding-left: 20px !important; font-size: 1.125rem !important; }
  }
}
@keyframes tbp-cu-voce-onda {
  0%, 100% { transform: scaleY(.25); }
  50% { transform: scaleY(.9); }
}

/* ---------- 13/10 sera, nota di chi cura il Catalogo (kit catalogo-con-filtri-13-10, richiesta 3) ----------
   Tema ToBePolo: il testo tenue (i nomi dei gruppi, 13 px) sul fondo crema era 4,46 a 1, appena sotto il 4,5 di AA.
   Con #536d60 è 5,23 a 1 (5,64 sul bianco della barra). Cambia solo questo colore e solo in questo tema; vale su
   «Cerca» e sul Catalogo, che usa lo stesso foglio. Niente griglia, niente misure. */
html[data-tbp-theme="tobepolo"] body.tbp-core-cerca.tbp-cu { --tbp-cu-tenue: #536d60; }

/* kit cerca-esempi-riga-13-10 (CEO 13/10 sera).
   1. «non voglio alcun bottone che abbia gli underlined»: «Ripristina filtri» (Cerca e Catalogo) non è più sottolineato.
   2. «questi esempi occupano troppo spazio»: al telefono le frasi di esempio stanno su UNA riga che scorre col dito,
      invece di tre righe; i filtri salgono di circa 110 px. Al computer restano come sono. */
@layer tbp-appearance {
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel #tbp-reset-filters:not(#tbp-cu-x),
  html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form #tbp-filters-panel #tbp-reset-filters:not(#tbp-cu-x):is(:hover, :focus, :active) {
    text-decoration: none !important;
  }
  @media (max-width: 767px) {
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-esempi:not(#tbp-cu-x) {
      flex-wrap: nowrap !important;
      justify-content: flex-start !important;
      align-self: stretch !important;
      width: auto !important;
      max-width: none !important;
      margin: 0 -16px !important;
      padding: 2px 16px !important;
      overflow-x: auto !important;
      overflow-y: hidden !important;
      overscroll-behavior-x: contain;
      -webkit-overflow-scrolling: touch;
      touch-action: pan-x pan-y !important;
      scrollbar-width: none;
    }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-esempi:not(#tbp-cu-x)::-webkit-scrollbar { display: none; }
    html:not(#tbp-cu-peso) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-esempi:not(#tbp-cu-x) > * { flex: 0 0 auto !important; }
  }
}

/* 14/10 (CEO): la barra di ricerca senza il bordo verde scuro: grigia e sottile come i bottoni. */
@layer tbp-appearance {
  html:not(#tbp-cu-peso):not(#tbp-cr-b) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo {
    border: 1px solid rgba(8, 72, 40, .18) !important;
    outline: none !important;
    box-shadow: none !important;
  }
  html:not(#tbp-cu-peso):not(#tbp-cr-b) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo:focus-within {
    border-color: rgba(8, 72, 40, .4) !important;
  }
  html[data-tbp-theme="dark"]:not(#tbp-cu-peso):not(#tbp-cr-b) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo {
    border-color: rgba(255, 255, 255, .2) !important;
  }
  html[data-tbp-theme="dark"]:not(#tbp-cu-peso):not(#tbp-cr-b) body.tbp-core-cerca.tbp-cu #tbp-filter-form .tbp-cu-eroe .tbp-cu-campo:focus-within {
    border-color: rgba(255, 255, 255, .45) !important;
  }
}

/* 14/10 (CEO: «mostrane sempre in preview max 3»): le prime tre schede sotto la riga d'arrivo, solo finché non c'è
   una ricerca (body.tbp-cu-attesa, come la riga). Al computer tre in fila; al telefono una riga che scorre di lato. */
html body.tbp-core-cerca.tbp-cu .tbp-cu-anteprima { display: none; }
html body.tbp-core-cerca.tbp-cu.tbp-cu-attesa .tbp-cu-anteprima { display: block; margin: 0 0 32px; }
html body.tbp-core-cerca.tbp-cu.tbp-cu-attesa .tbp-cu-anteprima .grid-risultati {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body.tbp-core-cerca.tbp-cu.tbp-cu-attesa .tbp-cu-anteprima .tbp-exp-card {
  grid-column: auto !important;
  grid-row: auto !important;
  height: auto !important;
}
/* 15/10 sera (CEO: «deve essere orizzontale, tipo altre exp come su Amazon»). Al telefono una riga che scorre di
   lato, la scheda dopo si vede a metà. Dentro la riga il dito sposta la riga, non le foto: due gesti di lato uno
   dentro l'altro su iPhone si rubavano il tocco (la foto non cambiava e la pagina scattava). Qui la scheda mostra la
   prima foto; le altre si scorrono nel Catalogo e nella pagina dell'esperienza. */
@layer tbp-appearance {
@media (max-width: 767px) {
  html body.tbp-core-cerca.tbp-cu.tbp-cu-attesa .tbp-cu-anteprima .grid-risultati {
    display: flex !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 0;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    touch-action: pan-x pan-y !important;
    scrollbar-width: none;
    padding-bottom: 4px !important;
  }
  html body.tbp-core-cerca.tbp-cu.tbp-cu-attesa .tbp-cu-anteprima .grid-risultati::-webkit-scrollbar { display: none; }
  html body.tbp-core-cerca.tbp-cu.tbp-cu-attesa .tbp-cu-anteprima .tbp-exp-card {
    flex: 0 0 76% !important;
    scroll-snap-align: start;
  }
  html:not(#tbp-cs-a):not(#tbp-cs-b):not(#tbp-cs-c) body.tbp-core-cerca.tbp-cu.tbp-cu-attesa .tbp-cu-anteprima .tbp-exp-card.tbp-exp-card,
  html:not(#tbp-cs-a):not(#tbp-cs-b):not(#tbp-cs-c) body.tbp-core-cerca.tbp-cu.tbp-cu-attesa .tbp-cu-anteprima .tbp-exp-card.tbp-exp-card :is(.tbp-exp-card__track, .tbp-exp-card__media, .tbp-exp-card__info, .tbp-exp-card__slide) {
    touch-action: pan-x pan-y !important;
  }
  html:not(#tbp-cs-a):not(#tbp-cs-b):not(#tbp-cs-c) body.tbp-core-cerca.tbp-cu.tbp-cu-attesa .tbp-cu-anteprima .tbp-exp-card.tbp-exp-card .tbp-exp-card__track {
    overflow: hidden !important;
    scroll-snap-type: none !important;
  }
  html:not(#tbp-cs-a):not(#tbp-cs-b):not(#tbp-cs-c) body.tbp-core-cerca.tbp-cu.tbp-cu-attesa .tbp-cu-anteprima .tbp-exp-card.tbp-exp-card .tbp-exp-card__dots {
    display: none !important;
  }  /* Più stretta della pagina, la scheda quadrata non teneva titolo, chi insegna ed etichette: un po' più alta (4:5). */
  html:not(#tbp-cs-a):not(#tbp-cs-b):not(#tbp-cs-c) body.tbp-core-cerca.tbp-cu.tbp-cu-attesa .tbp-cu-anteprima .tbp-exp-card.tbp-exp-card .tbp-exp-card__media {
    aspect-ratio: 4 / 5 !important;
  }
}
}

/* Le tre schede dell'anteprima quadrate come nel Catalogo (fuori dall'elenco erano alte 5:3). */
html body.tbp-core-cerca.tbp-cu.tbp-cu-attesa .tbp-cu-anteprima .tbp-exp-card .tbp-exp-card__media {
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  min-height: 0 !important;
}
@layer tbp-appearance {
  html:not(#tbp-cu-peso):not(#tbp-cr-b) body.tbp-core-cerca.tbp-cu.tbp-cu-attesa .tbp-cu-anteprima .tbp-exp-card.tbp-exp-card {
    height: auto !important;
    aspect-ratio: auto !important;
  }
  html:not(#tbp-cu-peso):not(#tbp-cr-b) body.tbp-core-cerca.tbp-cu.tbp-cu-attesa .tbp-cu-anteprima .tbp-exp-card.tbp-exp-card .tbp-exp-card__media {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
}