/* ════════════════════════════════════════════════════════════════════════════
   CERCA EVENTO (tb-evsearch) — Dav 25/07, ri-segnalato: il campo era rimasto
   ORFANO sotto la navbar sport dopo la rimozione della topbar blu coi tab (dove
   il cerca viveva, a destra). Ora un piccolo JS nei palinsesti lo RICOLLOCA
   dentro `.box-main--middle` (la barra che ha sostituito la topbar) e queste
   regole lo vestono nei due assetti. Stili PRIMA inline nei template: spostati
   qui per la regola Dav (mai style dentro le pagine: sovrascrivono il CSS del
   template della skin e si rompono col multi-skin).
   ──────────────────────────────────────────────────────────────────────────── */

/* fallback: dove la barra del tema non c'è, il campo resta in colonna, com'era */
.tb-evsearch{padding:8px 10px 6px}
.tb-evsearch--in{width:100%;box-sizing:border-box;padding:9px 12px;border-radius:8px;
  border:1px solid rgba(0,0,0,.15);font-size:.95em}
.tb-evsearch--none{padding:12px;opacity:.6;font-size:.9em}

/* DENTRO la barra sport (come il riferimento: tab a sinistra, cerca a destra):
   pillola compatta, allineata a destra, alta quanto la riga */
.box-main--middle .tb-evsearch{margin-left:auto;flex:0 1 240px;min-width:120px;
  padding:0;display:flex;align-items:center}
.box-main--middle .tb-evsearch--in{padding:4px 10px;border-radius:999px;font-size:.82em;
  border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.92)}
.box-main--middle .tb-evsearch--in:focus{outline:none;background:#fff}

/* su mobile la barra va a capo (regola già esistente per la strip): il cerca
   scende sotto a piena larghezza invece di schiacciarsi */
@media (max-width:900px){
  .box-main--middle .tb-evsearch{flex:1 1 100%;margin:4px 0 2px}
}