/* APE 2026 — Omnibox shell (BLUEPRINT §7.2). Ospita ape-smart-search: l'engine resta del plugin. */
.ape-omnibox { width: 100%; }

/* Restyle del searchbox del plugin DENTRO la shell (markup plugin invariato) */
.ape-omnibox .ape-search-wrapper { margin: 0; }
.ape-omnibox .ape-search-input-wrapper {
  display: flex; align-items: center;
  background: var(--ape-surface); border: 1.5px solid var(--ape-line); border-radius: var(--ape-r-input);
  height: 48px; padding-inline: var(--ape-s3);
}
@media (min-width: 1024px) {
  .ape-omnibox--header .ape-search-input-wrapper { height: 52px; border-width: 2px; border-color: #D5DAE0; }
  transition: border-color var(--ape-t-fast) var(--ape-ease), box-shadow var(--ape-t-fast) var(--ape-ease);
}
.ape-omnibox .ape-search-input-wrapper:focus-within {
  border-color: var(--ape-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ape-accent) 18%, transparent);
}
.ape-omnibox .ape-search-icon { color: var(--ape-ink-mute); flex: 0 0 auto; }
.ape-omnibox .ape-search-input-wrapper input {
  border: 0; outline: 0; background: none; width: 100%;
  font: inherit; font-size: 16px; color: var(--ape-ink); padding-inline: var(--ape-s2);
  height: 100%;
}
/* !important: il CSS del plugin smart-search puo' scendere sotto i 16px →
   al focus il telefono ZOOMA la pagina (2026-07-14, richiesta utente) */
.ape-omnibox input.ape-search-input,
.ape-omnibox .ape-search-input-wrapper input { font-size: 16px !important; }

/* Variante hero: più grande, ombra */
.ape-omnibox--hero .ape-search-input-wrapper {
  height: 56px; border-radius: 14px; box-shadow: var(--ape-shadow-2);
  border-color: transparent;
}
.ape-omnibox--hero .ape-search-input-wrapper:focus-within { border-color: var(--ape-accent); }

/* Chips modalità (solo hero) */
.ape-omnibox__chips { display: flex; flex-wrap: wrap; gap: var(--ape-s2); margin-top: var(--ape-s3); }
.ape-chip {
  display: inline-flex; align-items: center; gap: 4px;
  height: 34px; padding-inline: var(--ape-s3); border-radius: 17px;
  border: 1px solid var(--ape-line); background: var(--ape-surface);
  font-size: 13px; font-weight: 500; color: var(--ape-ink-soft);
  transition: all var(--ape-t-fast) var(--ape-ease);
}
.ape-chip:hover { border-color: var(--ape-ink-soft); color: var(--ape-ink); }
.ape-chip.is-active { background: var(--ape-accent); border-color: var(--ape-accent); color: var(--ape-on-accent); }
.ape-chip--soon { opacity: .55; cursor: default; }
.ape-chip--soon small { font-size: 10px; text-transform: uppercase; letter-spacing: .03em; }

/* Dropdown risultati del plugin: armonizzazione con il DS */
.ape-omnibox .ape-search-results,
.ape-omnibox [class*="ape-search-result"] { border-radius: var(--ape-r-card); }