/* =====================================================================
   SHOW GLASS — FOOTER "Ateliê"
   ---------------------------------------------------------------------
   Acabamento fino do footer NATIVO do Elementor (template "Footer Show
   Glass — Ateliê", Theme Builder). O layout, o fundo (--sg-ink-deep),
   as bordas e as larguras responsivas vêm das CONFIGS do Elementor;
   este arquivo só refina o que o Elementor não cobre bem.

   IMPORTANTE: o Elementor NÃO renderiza classes CSS personalizadas em
   CONTAINERS (só em widgets). Por isso TODAS as regras abaixo miram as
   classes aplicadas em WIDGETS (.sgf2-rev, .sgf2-stat, .sgf2-h, .sgf2-nap,
   .sgf2-list, .sgf2-soc, .sgf2-brands-txt, .sgf2-copy). Nada depende de
   classe em container. O responsivo das colunas é feito nas configs do
   Elementor (largura por dispositivo), não aqui.
   ===================================================================== */

/* Reset de margens dos parágrafos dos widgets de Texto do footer */
.sgf2-tag p, .sgf2-rev p, .sgf2-stat p, .sgf2-nap p,
.sgf2-brands-txt p, .sgf2-copy p { margin: 0; }

.sgf2-nap a, .sgf2-copy a, .sgf2-rev a { text-decoration: none; transition: color .2s ease; }

/* Tagline sob o logo */
.sgf2-tag p { font-size: 12px; color: var(--sg-text-3); font-weight: 300; }

/* Avaliação Google — número em Cormorant dourado */
.sgf2-rev p { font-size: 12px; color: var(--sg-text); font-weight: 300; }
.sgf2-rev b { color: var(--sg-gold-soft); font-weight: 500; font-family: var(--sg-display); font-size: 16px; }

/* Ícones sociais nativos — sem fundo/box, só o glifo dourado */
.sgf2-soc .elementor-social-icon { background-color: transparent !important; width: auto; height: auto; padding: 0; }
.sgf2-soc .elementor-social-icon svg { fill: currentColor; }

/* Faixa de estatísticas — número grande Cormorant dourado + legenda discreta */
.sgf2-stat p { font-size: 11.5px; color: var(--sg-text-3); font-weight: 300; letter-spacing: .02em; }
.sgf2-stat b { font-family: var(--sg-display); color: var(--sg-gold-soft); font-weight: 600; font-size: 16px; margin-right: 5px; }

/* Títulos das colunas (widget Título .sgf2-h) — caixa-alta dourado */
.sgf2-h .elementor-heading-title { font-size: 10px; letter-spacing: .22em; text-transform: uppercase; color: var(--sg-gold); font-weight: 600; }
.sgf2-h { margin-bottom: 16px; }

/* Listas de links (widget Lista de Ícones) — some o ícone, texto editorial */
.sgf2-list .elementor-icon-list-icon { display: none !important; }
.sgf2-list .elementor-icon-list-item { margin-bottom: 0; }
.sgf2-list .elementor-icon-list-item > a { padding: 0; }
.sgf2-list .elementor-icon-list-text { font-size: 12.5px; color: var(--sg-text); font-weight: 300; transition: color .2s ease; }
.sgf2-list .elementor-icon-list-item:hover .elementor-icon-list-text { color: var(--sg-gold-soft); }

/* Bloco Atendimento (NAP) — labels douradas + links com hover */
.sgf2-nap p { margin: 0 0 11px; }
.sgf2-nap .lbl { display: inline-block; color: var(--sg-gold); font-size: 9px; letter-spacing: .16em; text-transform: uppercase; margin-bottom: 2px; }
.sgf2-nap a { color: var(--sg-text); }
.sgf2-nap a:hover { color: var(--sg-gold-soft); }

/* Faixa de marcas — label discreto + nomes em Cormorant */
.sgf2-brands-txt p { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; }
.sgf2-brands-txt .lbl { font-size: 9px; letter-spacing: .18em; text-transform: uppercase; color: var(--sg-text-4); }
.sgf2-brands-txt b { font-family: var(--sg-display); font-size: 14px; color: var(--sg-text-2); letter-spacing: .03em; font-weight: 500; }

/* Linha final (copyright + links legais) */
.sgf2-copy p, .sgf2-copy a { font-size: 10.5px; color: var(--sg-text-5); font-weight: 300; line-height: 1.7; }
.sgf2-copy a:hover { color: var(--sg-text); }