/* Correção visual do cabeçalho público: telefone, email e localidade com mais presença,
   ícones SVG (telemóvel/email/localização), nota do telefone numa linha horizontal
   por baixo da fila de contactos, separadores "|", área clicável maior (tel:/mailto:).
   Ficheiro isolado de a1-overrides.css para não publicar a correção pendente do Hero. */

/* display:grid só a partir de 901px — abaixo disso a regra original de a1-overrides.css
   (display:none dentro de @media(max-width:900px)) tem de continuar a aplicar-se sem
   concorrência, senão o bloco de contactos volta a aparecer e provoca overflow no mobile. */
@media(min-width:901px){
    .public-header-contacts{display:grid;gap:4px}
}
.public-header-contacts__row{display:flex;align-items:center;gap:6px}

.public-header-contact{display:flex;align-items:center;gap:6px;padding:4px 2px;border-radius:6px;color:var(--navy);text-decoration:none;transition:color .15s ease}
a.public-header-contact:hover,a.public-header-contact:focus-visible{color:var(--gold);outline:none}
.public-header-contact+.public-header-contact::before{content:"|";margin-right:6px;color:var(--line);font-weight:400}

.public-header-contact__icon{display:inline-flex;align-items:center;justify-content:center}
.public-header-contact__icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.public-header-contact__value{display:inline-flex;font-size:clamp(14px,.95vw,17px);font-weight:700;line-height:1.15;white-space:nowrap}

.public-header-contacts__note{color:#778295;font-size:11px;font-weight:400;line-height:1.3;white-space:nowrap}

@media(max-width:1100px) and (min-width:901px){
    .public-header-contacts__row{gap:5px}
    .public-header-contact+.public-header-contact::before{margin-right:5px}
    .public-header-contact__icon svg{width:16px;height:16px}
    .public-header-contact__value{font-size:13px}
    .public-header-contacts__note{font-size:10px}
}

/* Logótipo no cabeçalho — sobrepõe a1-overrides.css (carregado antes) sem lhe tocar.
   Em ecrãs ≤900px o tamanho definido anteriormente (até 148/128px de altura) deixava o
   cabeçalho com espaço vertical excessivo em mobile (CORREÇÃO FRONTEND MOBILE — secção 10);
   reduzido para um tamanho proporcional, mantendo o logótipo legível e a área de toque do
   menu/hamburger inalterada. Desktop (>900px) não é afetado por esta tarefa. */
.public-header-main__inner{min-height:172px}
.public-logo{width:230px;height:170px}
@media(max-width:900px){
    .public-header-main__inner{min-height:96px}
    .public-logo{width:132px;height:88px}
}
@media(max-width:600px){
    .public-header-main__inner{min-height:68px}
    .public-logo{width:88px;height:60px}
}

.public-mobile-contacts{gap:10px}
.public-mobile-contacts a,.public-mobile-contacts span{color:#33445a;font-size:15px;font-weight:600;text-decoration:none}
.public-mobile-contacts a:hover,.public-mobile-contacts a:focus-visible{color:var(--navy);text-decoration:underline}
.public-mobile-contacts small{color:#778295;font-size:12px;font-weight:400}
