/* CORREÇÃO FRONTEND MOBILE — ficheiro isolado, carregado por último (depois de home.css e
   a1-overrides.css), seguindo o mesmo padrão já usado em header.css/footer.css: sobrepor
   a1-overrides.css sem lhe tocar. Contém apenas as regras novas/consolidadas desta tarefa —
   não repete nem duplica regras já existentes nos outros ficheiros. */

/* ===== 1. Pesquisa/filtros — colapsável apenas em mobile (≤600px) =====
   Desktop/tablet preservam o comportamento anterior: campos sempre visíveis, sem alterar
   nomes de campos, action ou query string (apenas uma wrapper div + botão de alternância,
   ver core/views/public/home.php e assets/home.js). */
.home-search__toggle{display:none;width:100%;align-items:center;justify-content:center;gap:.4rem;padding:.85rem 1rem;border:0;border-radius:.5rem;background:var(--ink,#171b1a);color:#fff;font-weight:800;font-size:.95rem;cursor:pointer}

/* CORREÇÃO — recuperação DESKTOP (>900px) e TABLET (601–900px): a wrapper .home-search__fields
   introduzida para o toggle mobile ficava sem "display" fora do media query ≤600px, herdando o
   "display:block" por omissão de uma <div> — os 4 campos deixavam de estar lado a lado (grid) e
   empilhavam na vertical em QUALQUER largura acima de 600px, incluindo desktop e tablet. Isto
   repõe exatamente o grid que .home-search já tinha antes da wrapper existir — mesmos valores de
   home.css (grid-template-columns:repeat(4,minmax(0,1fr)) auto, gap:.65rem) e do próprio breakpoint
   de tablet já aprovado em home.css (repeat(2,minmax(0,1fr)) até 900px) — não é um novo desenho,
   é a estrutura já existente a voltar a aplicar-se corretamente. O bloco ≤600px abaixo continua a
   ganhar a cascata para mobile (mesma especificidade, definido depois), preservando o toggle. */
.home-search__fields{display:grid;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:.65rem}
@media(max-width:900px){
    .home-search__fields{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:600px){
    .home-search__toggle{display:flex}
    .home-search__toggle[aria-expanded="true"]{border-radius:.5rem .5rem 0 0}
    .home-search__fields{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding-top:.6rem}
    .home-search__fields.is-open{display:grid}
    .home-search__fields button[type="submit"]{grid-column:1/-1}
}

/* ===== 2. Cards "Os nossos serviços" — 1 coluna em mobile (≤600px) =====
   a1-overrides.css fixa 2 colunas até 900px, o que em 390px deixa os cards com ~155px de
   largura (texto cabe, mas fica muito apertado). Passa a 1 coluna só ≤600px, mantendo o
   comportamento de tablet (2 colunas, 601–900px) inalterado. */
@media(max-width:600px){
    .home-service-grid{grid-template-columns:1fr}
}

/* ===== 3/4. Botão flutuante "Fale agora" — não pode tapar conteúdo/CTAs no final da página =====
   O botão é fixed (bottom:14px, ~52px de altura) e não reserva espaço no fluxo do documento;
   ao chegar ao fundo real da página (rodapé legal, formulário, checkbox) ficava sobreposto.
   Aplica-se a ≤900px (mobile e tablet — ver secção 20 da tarefa) mantendo o desktop intacto. */
@media(max-width:900px){
    .public-footer__bottom{padding-bottom:76px}
}

/* ===== 5. Menu mobile — contactos finais (TAREFA FINAL, secção 2) =====
   .public-mobile-contacts está dentro de .home-nav, cujo ".home-nav a{text-transform:uppercase}"
   (home.css) deixava o email em maiúsculas (ex.: GERAL@EXEMPLO.PT) mesmo o valor guardado sendo
   minúsculas. Corrige só aqui, sem tocar em home.css nem nos restantes links do menu. Acrescenta
   ícones (mesmo SVG interno já usado no topo do cabeçalho em desktop — $headerIcon() em
   core/views/public/header.php) para telefone/email, para uma apresentação mais profissional. */
.public-mobile-contacts a{text-transform:none;display:inline-flex;align-items:center;gap:10px}
.public-mobile-contacts__icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center}
.public-mobile-contacts__icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ===== 6. Combustível nos cards de Stock — nunca cortar textos técnicos longos =====
   Confirmado no DOM real: .public-card__meta li tem white-space:nowrap, o que corta
   "Híbrido Plug-In Gasolina" (scrollWidth 147px > clientWidth 107px). Os 3 itens partilham a
   linha em partes iguais (display:flex); permitir quebra em vez de cortar deixa o texto sempre
   legível, aumentando a altura da linha apenas quando o texto é mesmo longo. Não usa
   overflow-x:hidden nem esconde informação. */
.public-card__meta li{white-space:normal;overflow-wrap:anywhere;line-height:1.25}