/* =====================================================================
   Racestars · Rodapé no COMPUTADOR · VARIANTE B · "Colunas compactas"
   rodape-desktop-B.css  (09/10/2026)

   O QUÊ:   o mesmo estilo B do telemóvel, no computador (≥ 769 px):
            - fundo #1d2021 em todo o rodapé, com um fio fino em gradiente
              #f5a623 → #ff8a00 no topo; a faixa cinzenta #3b3b3b do
              copyright desaparece; Montserrat, sem brilhos;
            - os 4 grupos (Informação, Atendimento, Extras, Conta) numa só
              linha de colunas compactas: título pequeno em maiúsculas com
              um traço em gradiente, links de 13 px em linhas de 26 px
              (antes títulos de 22 px e links de 15 px muito espaçados);
            - uma única linha fina em baixo: copyright à esquerda e, à
              direita, os 4 ícones das redes (28 px, alvos de 40 px), o
              Google Reviews e o Livro de Reclamações (obrigatório -
              continua visível, 30 px de altura). O título "Redes Sociais
              Oficiais" fica só para leitores de ecrã.
            - 5.º bloco "Loja / Contactos" no espaço livre à direita dos 4
              grupos (morada, horário, telefone, e-mail, meios de
              pagamento - só informação já publicada no site). Precisa do
              rodape-desktop-B-bloco-info.html no footer.twig; sem ele o
              rodapé funciona na mesma, só sem este bloco. Fica a 72 px da
              margem direita para o capacete do chat não lhe tocar.
              No telemóvel o bloco fica escondido.
            Todos os links, ícones e selos ficam iguais (mesmos endereços).
            Corrige também os 1024 px, onde hoje os selos ficam cortados
            fora do ecrã.
   ONDE:    carregar DEPOIS de catalog/view/theme/racestars/stylesheet/
            stylesheet.css (header.twig) ou colar no fim desse ficheiro,
            JUNTO com rodape-mobile-B.css (B telemóvel + B computador andam
            juntos). Tudo dentro de @media (min-width:769px) - o telemóvel
            não muda.
   NOTA:    a linha das redes/selos está dentro de .footer-columns no HTML;
            para ficar na mesma linha do copyright é posicionada em baixo à
            direita do <footer> (position:absolute), alinhada com a margem
            do conteúdo (46 px, ou centrada acima de 1800 px).
   REVERTER: apagar a linha <link> (ou o bloco colado). Não grava nada.
   ===================================================================== */
@media (min-width:769px){

/* ---------- 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, body footer .footer-columns{ position:static !important; }

/* ---------- 4 grupos numa linha de colunas compactas ---------- */
body footer .footer-columns{
  display:flex !important; flex-wrap:wrap; column-gap:clamp(28px,2.5vw,56px) !important; row-gap:0 !important;
  align-items:flex-start; padding:26px 0 22px !important; margin:0 !important;
}
body footer .footer-acc{ flex:none !important; border:0 !important; min-width:0; }
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:10px 0 0 !important; padding:0 !important; }
body footer .footer-acc .footer-links a{
  display:inline-flex; align-items:center; min-height:26px; font-size:13px !important; line-height:1.25 !important;
  letter-spacing:0 !important; color:#a3a8ad !important; white-space:nowrap;
}
body footer .footer-acc .footer-links a:hover{ color:#fff !important; }

/* ---------- 5.º bloco: Loja / Contactos (rodape-desktop-B-bloco-info.html) ---------- */
/* fica à direita, a 72 px da margem: essa faixa é do capacete do chat (#sa-widget, 56 px) */
body footer .footer-columns .footer-info-col{
  margin-left:auto !important; flex:none; display:grid; grid-template-columns:repeat(2,max-content); column-gap:32px;
  margin-right:72px !important; padding:0 0 0 32px; border-left:1px solid #2c3033;
}
body footer .footer-info-group{ min-width:0; }
body footer .footer-info-col .footer-info-title{
  display:flex; align-items:center; gap:8px; margin:0 0 10px !important; font-size:11px !important; font-weight:700 !important;
  letter-spacing:.12em !important; line-height:1 !important; text-transform:uppercase; color:#f2f3f4 !important;
}
body footer .footer-info-col .footer-info-title::before{ content:""; flex:none; width:10px; height:2px; border-radius:2px; background:linear-gradient(90deg,#f5a623,#ff8a00); }
body footer .footer-info-col .footer-info-line{
  display:block; margin:0 0 6px !important; font-size:13px !important; line-height:20px !important; letter-spacing:0 !important;
  color:#c9cdd1 !important; white-space:nowrap;
}
body footer .footer-info-col a.footer-info-line:hover{ color:#fff !important; }
body footer .footer-info-col .footer-info-muted{ color:#a3a8ad !important; }
body footer .footer-info-col .footer-info-l{ display:block; }
body footer .footer-info-col .footer-info-dim{ color:#7d838a; }
body footer .footer-info-col .footer-info-note{ margin:-6px 0 6px !important; font-size:11px !important; line-height:16px !important; color:#7d838a !important; }
body footer .footer-info-col .footer-info-pay{ white-space:normal; max-width:200px; font-size:12px !important; line-height:18px !important; margin-top:4px !important; }
/* ecrãs mais estreitos (< 1280 px, ex.: 1024): o bloco passa a uma linha fina por baixo dos
   4 grupos (+≈50 px de altura); os meios de pagamento saem (continuam na página de produto) */
@media (max-width:1279px){
  body footer .footer-columns .footer-info-col{
    flex:0 0 calc(100% - 72px); margin-left:0 !important; display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 28px;
    margin-top:18px !important; padding:14px 0 0; border-left:0; border-top:1px solid #2c3033;
  }
  body footer .footer-info-group{ display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 18px; }
  body footer .footer-info-col .footer-info-title{ margin:0 !important; }
  body footer .footer-info-col .footer-info-line{ margin:0 !important; font-size:12px !important; }
  body footer .footer-info-col .footer-info-l{ display:inline; }
  body footer .footer-info-col .footer-info-l + .footer-info-l::before{ content:" · "; color:#5d6368; }
  body footer .footer-info-col .footer-info-note{ margin:0 !important; }
  body footer .footer-info-col .footer-info-pay{ display:none; }
}

/* ---------- redes + selos: na linha do copyright, à direita ---------- */
body footer .footer-columns .footer-social-col{
  position:absolute !important; right:max(46px, calc((100vw - 1708px) / 2)); bottom:0; height:52px;
  display:flex !important; align-items:center; gap:14px; width:auto !important; margin:0 !important; padding:0 !important;
  text-align:left !important; z-index:1;
}
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; gap:0 !important; width:auto !important; max-width:none !important;
  margin:0 !important; padding:0 !important; border:0 !important; flex:none;
}
body footer .footer-social-icons a{ display:flex; align-items:center; justify-content:center; width:40px; height:40px; }
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:12px; margin:0 !important; max-width:none !important;
  padding-left:14px; border-left:1px solid #2c3033;
}
body footer .footer-social-small a{ display:flex; align-items:center; min-height:40px; }
body footer .footer-social-small .footer-google-reviews-icon{ height:22px !important; width:auto !important; max-width:none !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; height:52px !important; min-height:0; padding:0 !important;
  display:flex !important; align-items:center;
}
body footer .powered-container p{ margin:0; font-size:12px !important; font-weight:500; letter-spacing:.02em; color:#8e9090; }
}
/* bloco "Loja / Contactos": é só para o computador; no telemóvel não aparece */
@media (max-width:768px){ body footer .footer-info-col{ display:none !important; } }