/* v7 · Toque em celular e tablet, e barra de acesso rápido que some ao rolar */

@media (pointer: coarse), (max-width: 1024px) {
  /* Alvos de toque com pelo menos 44 px de altura */
  .hero-rebar,
  .text-link,
  .tool-link,
  .cfv-family {
    min-height: 44px;
  }

  /* Links de ação fora de .tool-actions são inline: precisam de caixa para ter altura */
  .tool-link {
    display: inline-flex;
    align-items: center;
  }

  /* Perguntas do FAQ: mais área para tocar, sem mudar o visual */
  summary {
    padding-block: 12px;
  }

  /* Migalhas: a área de toque cresce sem empurrar o texto */
  .material-breadcrumb a {
    display: inline-block;
    padding-block: 14px;
    margin-block: -14px;
  }

  /* Caixas de comparação: a linha inteira é o alvo */
  .compare-choices label {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }

  /* Lista de produtos da página inicial e fontes do mercado: 44 px de altura */
  .product-detail-link,
  .market-indicator > a,
  .market-news-card > a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }

  /* WhatsApp da faixa superior no celular (body. aumenta a especificidade sobre buyer.css) */
  body .contact-top > a:first-child {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }

  /* Nomes dos produtos na página inicial: a área de toque cresce sem mudar o espaçamento */
  .direct-product-body h3 a {
    display: inline-block;
    padding-block: 11px;
    margin-block: -11px;
  }

  /* Contatos e atalhos do rodapé: 44 px de altura */
  .footer-contacts a,
  .footer-tools a {
    display: flex;
    align-items: center;
    min-height: 44px;
  }

  /* Links do rodapé: área de toque de 44 px */
  .footer-links a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }

  /* Link da área de atuação (rodapé, faixa de unidades), botão de preferências e "Saiba mais" do aviso de medição */
  .footer-bottom a,
  .footer-tools .footer-medicao,
  .area-note a,
  .medicao-aviso a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }

  /* Barra inferior escondida (o script controla quando aparece) */
  .quick-actions.is-hidden {
    transform: translateY(110%);
  }
}

.quick-actions {
  transition: transform 0.25s ease;
}

@media (prefers-reduced-motion: reduce) {
  .quick-actions {
    transition: none;
  }
}

/* Status de funcionamento (Aberto agora / Fechado agora), preenchido por js/horario-status.js */
.unit-open-status {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 8px 0 12px;
  font-size: 0.9375rem;
  font-weight: 700;
}

.unit-open-status::before {
  content: "";
  flex: none;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: currentColor;
}

.unit-open-status[data-state="open"] {
  color: #1d7a3c;
}

.unit-open-status[data-state="closed"] {
  color: #5a6772;
}

.unit-open-status[hidden] {
  display: none;
}

/* Linhas longas: textos de apoio com até 72 caracteres por linha, para leitura confortável em telas grandes */
.reference-note,
.tool-note,
.sales-source-note,
.field-hint,
.market-method > p,
.tool-panel > p,
.sales-panel > p {
  max-width: 72ch;
}

/* Faixas de introdução: a largura máxima continua centralizada */
.tool-hero p {
  max-width: 72ch;
  margin-inline: auto;
}