/* =============================================================================
   Barra fixa do Ligue 180 — Salve Seu Casamento

   Carrega no site INTEIRO, não só nas páginas do layout: as páginas que o
   Elementor ainda monta (Contato, Política de Privacidade) também recebem a
   barra. Por isso este arquivo não depende do common.css — as cores têm valor
   de reserva, e o common sobrescreve quando está presente.
   ========================================================================== */

:root{ --brl-barra-h:60px }

/* A barra é fixa: sem este respiro ela cobre o fim de toda página. */
body{ padding-bottom:var(--brl-barra-h) }

.brl-barra180{
  position:fixed; left:0; right:0; bottom:0; z-index:60;
  /* Explícito porque este arquivo também carrega em páginas do Elementor, que
     podem não ter o border-box global: sem isso a borda de 3px soma à altura e
     a barra fica mais alta que o respiro do body, cobrindo o fim da página. */
  box-sizing:border-box;
  background:var(--brl-texto,#2a211c); color:#fff;
  border-top:3px solid var(--brl-cor,#a84a35);
  font-family:var(--brl-fonte,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif);
  font-size:15.5px; line-height:1.35;
}
.brl-barra180-in{
  display:flex; align-items:center; gap:16px; flex-wrap:wrap;
  max-width:var(--brl-largura,1120px); margin:0 auto;
  /* --brl-barra-h é a altura TOTAL da barra, que é o que o body usa de
     respiro. Os 3px da borda de cima saem daqui para as duas contas baterem. */
  min-height:calc(var(--brl-barra-h) - 3px); padding:9px 20px;
}
.brl-barra180 p{ margin:0; flex:1; min-width:190px; color:#fff }
.brl-barra180 strong{ color:#fff; font-weight:600 }
.brl-barra180 a{ color:#fff; text-decoration:underline; text-underline-offset:2px }
.brl-barra180 a:hover{ color:#fff }
.brl-barra180-tel{ white-space:nowrap }

.brl-barra180-sair{
  flex:none; font:inherit; font-size:14.5px; font-weight:600; cursor:pointer;
  padding:8px 16px; border-radius:999px;
  background:transparent; color:#fff; border:1px solid rgba(255,255,255,.55);
}
.brl-barra180-sair:hover{ background:rgba(255,255,255,.14) }
.brl-barra180-sair:focus-visible{ outline:3px solid #fff; outline-offset:2px }

@media (max-width:560px){
  :root{ --brl-barra-h:66px }
  .brl-barra180{ font-size:14.5px }
  .brl-barra180-in{ gap:10px }
  /* No celular a barra cai para duas linhas: o horário sai, o telefone e o
     caminho para o texto completo ficam. */
  .brl-barra180-extra{ display:none }
}

@media print{
  .brl-barra180{ display:none }
  body{ padding-bottom:0 }
}