/* ============================================================================
   TABLET — 810px a 1399px
   ============================================================================
   SÓ existe aqui o que é específico de tablet. Tudo o resto vem dos ficheiros
   base (tokens/base/components/sections), que definem o estado DESKTOP.

   Para mudar o tablet, mexe só neste ficheiro.
   Para mudar o desktop, mexe nos ficheiros base.
   Para mudar o telemóvel, mexe no mobile.css.

   Carrega DEPOIS de sections.css e ANTES de mobile.css.
   ============================================================================ */

@media (max-width: 1399px) {

  /* ---------- 1. Tokens ---------- */
  :root {
    --grid-margin: 28px;
  }

  /* ---------- 2. Layout ---------- */
  .section { padding-block: var(--space-6); }

  /* ---------- 3. Header / nav ---------- */
  /* Nada: a nav horizontal completa é herdada do desktop (decisão: em tablet
     mantém-se a nav, não o hambúrguer). O hambúrguer só aparece no mobile.css. */

  /* ---------- 4. Hero ---------- */
  /* O cartão de pesquisa passa a 3 colunas + botão em linha própria, portanto
     fica mais alto e precisa de mais viewport para não tapar os botões do hero. */
  .hero-viewport { min-height: clamp(720px, 90svh, 860px); }

  .hero-search__form { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hero-search__submit { grid-column: 1 / -1; }

  /* Compensa a metade do cartão que se sobrepõe à 1ª secção da home */
  #home-first-section { padding-top: calc(var(--space-6) + 110px); }

  /* ---------- 5. Grelha de viaturas ---------- */
  .vcard-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

  /* ---------- 6. Slider Novidades ---------- */
  /* Nada de propósito: o slider já é fluido via min(85vw, 330px) e re-mede-se
     sozinho no resize. Dar-lhe larguras por tier dessincroniza a aritmética dos
     clones no JS (index.html), que assume passo uniforme entre cartões. */

  /* ---------- 7. Filtros ---------- */
  /* O painel MANTÉM-SE sticky em tablet (herda do desktop). Decisão por medição:
     a 810px o painel tem 285px de altura numa viewport de 900px = 32%, abaixo do
     critério de 35% que definimos. Antes desta migração o sticky só ligava a
     partir de 1025px, portanto isto é uma mudança deliberada para 810–1024px.
     Para o desligar em tablet basta descomentar:
         .filters { position: static; } */

  /* ---------- 8. Páginas interiores ---------- */
  .info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  /* ---------- 9. Footer ---------- */
  /* Nada: mantém o 6/3/3 do desktop. */

  /* ---------- 10. Flutuantes ---------- */
  /* Nada: sticky-CTA e WhatsApp mantêm o comportamento de desktop. */
}