/* ============================================================
   Faixa de chips compacta (Horário/Entrega/Fidelidade/Acompanhar)
   ============================================================
   Substitui o bloco vertical grande (Horário/Pagamento/Fidelidade/
   Acompanhar sempre visíveis, ~600px em mobile) por uma faixa
   horizontal de ~74px — validado com o usuário em teste isolado
   antes de ir pra produção (14-15/08/2026).
   Esconde os blocos originais (exceto #cardAcompanhar, que continua
   funcionando pelo mecanismo real já existente —
   window.abrirCardAcompanhar() em ui.js) e injeta a faixa nova por
   cima via scripts/faixa-compacta.js.
   ============================================================ */

/* Esconde tudo dentro do card original, EXCETO o card de acompanhar —
   ele continua existindo e sendo mostrado pelo JS real quando aplicável. */
.informacoes-importantes .info-card > *:not(#cardAcompanhar) {
  display: none !important;
}
.informacoes-importantes .info-card {
  padding: 0;
  border: none;
  box-shadow: none;
  background: transparent;
}
.informacoes-importantes {
  padding: 0;
  background: transparent;
}

.t26c-strip-wrap {
  background: #fff;
  border-bottom: 1px solid #eee;
  padding: 12px 0;
}
.t26c-strip {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding: 0 16px;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
}
.t26c-strip::-webkit-scrollbar { display: none; }
.t26c-chip {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #FAF7F2;
  border: 1px solid #E8DDD0;
  border-radius: 14px;
  padding: 10px 14px;
  white-space: nowrap;
  cursor: pointer;
  scroll-snap-align: start;
  user-select: none;
  -webkit-user-select: none;
  text-decoration: none;
  color: inherit;
}
.t26c-chip.t26c-destaque {
  background: #E4EEE0;
  border-color: #c8dcc0;
}
.t26c-chip-icone {
  width: 28px; height: 28px; border-radius: 50%;
  background: #E4EEE0; color: #004F3D;
  display: flex; align-items: center; justify-content: center;
  font-size: 13px; flex-shrink: 0;
}
.t26c-chip.t26c-destaque .t26c-chip-icone {
  background: #004F3D; color: #fff;
}
.t26c-chip-texto { display: flex; flex-direction: column; }
.t26c-chip-label {
  font-size: 10px; color: #8a8378; font-weight: 600;
  text-transform: uppercase; letter-spacing: 0.03em;
}
.t26c-chip-valor { font-size: 12.5px; color: #2A1F17; font-weight: 700; }

/* ---------- Modal simples (Horário / Entrega) ---------- */
.t26c-modal-overlay {
  position: fixed; inset: 0; background: rgba(0,0,0,0.5);
  display: none; align-items: flex-end; justify-content: center;
  z-index: 3000;
}
.t26c-modal-overlay.t26c-aberto { display: flex; }
.t26c-modal {
  background: #fff; border-radius: 20px 20px 0 0;
  width: 100%; max-width: 480px; max-height: 80vh; overflow-y: auto;
  padding: 24px 20px calc(24px + env(safe-area-inset-bottom, 0px));
  animation: t26c-subir 0.2s ease;
}
@keyframes t26c-subir { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
.t26c-modal-titulo {
  display: flex; align-items: center; justify-content: space-between;
  font-weight: 800; font-size: 16px; color: #004F3D; margin-bottom: 14px;
}
.t26c-modal-fechar {
  background: #FAF7F2; border: none; width: 30px; height: 30px; border-radius: 50%;
  color: #2A1F17; font-size: 14px; cursor: pointer;
}
.t26c-modal-corpo { font-size: 14px; color: #2A1F17; line-height: 1.6; }