.smb-searchbar{
  position: sticky;
  top: 64px;
  z-index: 60;
  padding: 10px 12px;
  background: transparent;
}

.smb-searchbar__btn{
  width: 100%;
  text-align: left;
  border: 2px solid #f2c14e;
  background: #fff;
  border-radius: 10px;
  padding: 10px 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
  display: block;
}

.smb-searchbar__line1{
  font-weight: 700;
  font-size: 16px;
  line-height: 1.15;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.smb-searchbar__edit{
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .4px;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff7e0;
  color: rgba(0,0,0,.75);
  flex-shrink: 0;
}

.smb-searchbar__line2{
  font-size: 13px;
  color: rgba(0,0,0,.75);
  line-height: 1.2;
}

.smb-searchbar__dot{
  margin: 0 6px;
  opacity: .6;
}

@media (max-width: 480px){
  .smb-searchbar{ top: 56px; padding: 8px 10px; }
  .smb-searchbar__line1{ font-size: 15px; }
  .smb-searchbar__line2{ font-size: 12.5px; }
  .smb-searchbar__edit{ font-size: 10px; padding: 3px 7px; }
}

/* =========================================
   SMB SEARCHBAR — FIX overflow "habitaciones"
   (mobile: permitir wrap en la línea 2)
   Pegar al FINAL de smb-searchbar.css
   ========================================= */
@media (max-width: 420px) {
  .smb-searchbar__line2{
    display: flex;
    flex-wrap: wrap;          /* ✅ permite salto */
    gap: 6px 8px;             /* fila/columna */
    line-height: 1.15;
  }

  /* Los textos se acomodan sin romper el layout */
  .smb-searchbar__line2 span{
    white-space: nowrap;      /* que cada pedazo no se parta raro */
  }

  /* Ajuste suave de tamaño en móvil */
  .smb-searchbar__line2{
    font-size: 12.5px;
  }

  /* El separador “·” más compacto */
  .smb-searchbar__dot{
    margin: 0 2px;
  }
}
/* =========================================
   PATCH FINAL iPhone — evita que se "corte" habitaciones
   ========================================= */
@media (max-width: 420px) {
  .smb-searchbar__btn{ overflow: hidden; }

  .smb-searchbar__line2{
    display: flex;
    flex-wrap: wrap;
    gap: 6px 8px;
    line-height: 1.15;
    min-width: 0;        /* ✅ CLAVE: deja encoger el contenido */
  }

  .smb-searchbar__line2 span{
    white-space: nowrap;
    min-width: 0;        /* ✅ CLAVE */
  }

  /* ✅ Haz que "habitaciones" baje antes si no cabe */
  [data-smb-sb-rooms]{
    flex-basis: 100%;
  }

  .smb-searchbar__dot{
    margin: 0 2px;
  }
}
/* =========================================
   FIX iPhone — "habitaciones" no se sale
   (subimos breakpoint: 480px)
   ========================================= */
@media (max-width: 480px){
  .smb-searchbar__btn{ overflow: hidden; }

  .smb-searchbar__line2{
    display: flex;
    flex-wrap: wrap;      /* ✅ permite salto */
    gap: 4px 8px;         /* fila/columna */
    min-width: 0;
  }

  /* ✅ permite encoger y NO empuja hacia afuera */
  .smb-searchbar__line2 > span{
    min-width: 0;
    white-space: nowrap;
  }

  /* ✅ forzar que "habitaciones" baje a 2da línea si no cabe */
  [data-smb-sb-rooms]{
    flex-basis: 100%;
  }

  /* separador más compacto */
  .smb-searchbar__dot{ margin: 0 2px; }
}