/* =====================================================================
   Racestars · Rodapé no telemóvel · VARIANTE B · "Colunas compactas"
   rodape-mobile-B.css  (09/10/2026)

   O QUÊ:   os 4 grupos ficam sempre abertos, em 2 colunas apertadas:
            título pequeno em maiúsculas com um traço em gradiente,
            links de 13 px em linhas de 30 px (antes 12 px com muito
            espaço e títulos de 19 px). Sem JS.
            Comum às duas variantes:
            - mesma cor de fundo #1d2021 em todo o rodapé (a faixa cinzenta
              #3b3b3b do copyright desaparece) com um fio fino em gradiente
              #f5a623 → #ff8a00 no topo; Montserrat; sem brilhos;
            - redes sociais numa linha de ícones (28 px, alvos de 44 px),
              sem o título grande ("Redes Sociais Oficiais" fica só para
              leitores de ecrã); na mesma linha, à direita, o Google
              Reviews e o Livro de Reclamações (obrigatório - continua
              visível, com 30 px de altura);
            - copyright numa linha fina; folga à direita para o capacete
              do chat não o tapar; continua acima da barra fixa de baixo.
            Todos os links, os 4 ícones e os 2 selos ficam iguais.
   ONDE:    carregar DEPOIS de catalog/view/theme/racestars/stylesheet/
            stylesheet.css (header.twig) ou colar no fim desse ficheiro.
            Tudo dentro de @media (max-width:768px) - o computador e o
            tablet não mudam.
   REVERTER: apagar a linha <link> (ou o bloco colado).
            Não grava nada na base de dados.
   ===================================================================== */
@media (max-width:768px){

/* ---------- base ---------- */
body footer{
  position:relative; padding:0 !important; background:#1d2021 !important; color:#f2f3f4;
  font-family:Montserrat,Poppins,sans-serif;
}
body footer::before{ content:""; display:block; height:2px; background:linear-gradient(90deg,#f5a623,#ff8a00); opacity:.9; }
body footer *{ font-family:Montserrat,Poppins,sans-serif; }
body footer > .container-full{ width:calc(100vw - 32px) !important; }

/* ---------- redes + selos numa só linha ---------- */
body footer .footer-columns .footer-social-col{
  grid-column:1 / -1; display:flex !important; align-items:center; justify-content:space-between; gap:12px;
  margin:0 !important; padding:12px 0 !important; text-align:left !important; border-top:1px solid #2c3033;
}
body footer .footer-social-col h5{
  position:absolute !important; width:1px; height:1px; margin:0 !important; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;
}
body footer .footer-social-col .footer-social-icons{
  display:flex !important; justify-content:flex-start !important; gap:0 !important; width:auto !important; max-width:none !important;
  margin:0 0 0 -8px !important; padding:0 !important; border:0 !important; flex:none;
}
body footer .footer-social-icons a{ display:flex; align-items:center; justify-content:center; width:44px; height:44px; }
body footer .footer-social-icons .footer-social-icon{
  width:28px !important; height:28px !important; max-width:28px !important; flex:0 0 28px; opacity:.9; border-radius:50% !important;
}
body footer .footer-social-icons a:hover .footer-social-icon{ opacity:1; }
body footer .footer-social-col .footer-social-small{
  display:flex !important; flex-direction:row !important; align-items:center; gap:10px; margin:0 !important; max-width:none !important; flex:none;
}
body footer .footer-social-small a{ display:flex; align-items:center; min-height:44px; }
body footer .footer-social-small .footer-google-reviews-icon{ height:22px !important; width:auto !important; }
body footer .footer-social-small .footer-complaints-icon{ height:30px !important; width:auto !important; }

/* ---------- copyright numa linha fina ---------- */
body footer > .container-full:last-of-type{ background:#1d2021 !important; border-top:1px solid #2c3033; }
body footer .powered-container{
  background:#1d2021 !important; color:#8e9090 !important; min-height:40px; height:auto !important;
  padding:10px 72px 10px 0 !important;  /* 72 px livres à direita: capacete do chat */
}
body footer .powered-container p{ margin:0; font-size:11px !important; font-weight:500; letter-spacing:.02em; color:#8e9090; }

/* ---------- B · colunas compactas (sempre abertas) ---------- */
body footer .footer-columns{
  display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:18px 16px !important; padding:18px 0 14px !important;
}
body footer .footer-acc{ border:0 !important; }
body footer .footer-acc summary{
  pointer-events:none !important; display:flex !important; align-items:center; justify-content:flex-start !important; gap:8px; margin:0 !important; padding:0 !important; list-style:none;
  font-size:11px !important; font-weight:700 !important; letter-spacing:.12em !important; line-height:1 !important; color:#f2f3f4 !important;
}
body footer .footer-acc summary::-webkit-details-marker{ display:none; }
body footer .footer-acc summary .footer-chevron{ display:none !important; }
body footer .footer-acc summary::before{ content:""; flex:none; width:10px; height:2px; border-radius:2px; background:linear-gradient(90deg,#f5a623,#ff8a00); }
body footer details.footer-acc > .footer-links{ display:block !important; margin:6px 0 0 !important; padding:0 !important; }
body footer .footer-acc .footer-links a{
  display:flex; align-items:center; min-height:30px; font-size:13px !important; line-height:1.25 !important; letter-spacing:0 !important; color:#a3a8ad !important;
}
body footer .footer-acc .footer-links a:hover{ color:#fff !important; }
body footer .footer-columns .footer-social-col{ margin-top:2px !important; }
}