/*
Theme Name: Página Conecta
Description: Tema classico enxuto do marketplace Página Conecta — o miolo de cada tela vem dos shortcodes do plugin pagina-conecta; este tema só cuida do shell (header/footer).
Author: Vime Digital
Author URI: https://agenciavime.com
Version: 0.1.0
Text Domain: pagina-conecta-tema
*/

/* O fundo mora no html: quando o teclado do celular encolhe a viewport e a
   pagina fica mais curta que a tela, o que sobra embaixo pinta com a cor do
   html — sem isso aparece uma faixa branca do navegador. */
html {
    background: var(--pc-cinza-claro, #F5F5F5);
}

body {
    background: var(--pc-cinza-claro, #F5F5F5);
    color: var(--pc-grafite, #2B2B2B);
    font-family: var(--pc-fonte-corpo, 'Poppins', sans-serif);
    margin: 0;
    min-height: 100vh;
    min-height: 100dvh;
}

/* Figma: Rectangle 6692 (375x52, #2B2B2B) + Frame 20543 (conteudo 334x28,
   inset lateral de 20px). Logo centralizado entre dois slots simetricos. */
.pc-header {
    display: flex;
    align-items: center;
    background: var(--pc-grafite, #2B2B2B);
    color: var(--pc-branco, #fff);
    height: 52px;
    box-sizing: border-box;
    padding: 0 20px;
    position: sticky;
    top: 0;
    z-index: 100;
}

/* Largura fixa e igual nos dois lados: o logo fica centralizado na faixa
   mesmo quando so um dos slots tem conteudo. */
.pc-header__slot {
    flex: 0 0 28px;
    display: flex;
    align-items: center;
    min-height: 28px;
}

.pc-header__slot--dir {
    justify-content: flex-end;
}

.pc-header__logo {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    min-width: 0;
}

.pc-header__logo img {
    display: block;
    width: 85px;
    height: 28px;
}

/* Alvo de toque de 28px sem alterar o tamanho optico do icone. */
.pc-header__acao {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    color: var(--pc-cinza-claro, #F5F5F5);
    cursor: pointer;
}

.pc-header__acao img {
    display: block;
}

/* O respiro vertical e responsabilidade da tela (.pc-home, .pc-login, ...);
   o <main> do TEMA so segura o respiro lateral.
   :not([class*="pc-"]... ) nao serve aqui porque a propria classe e "pc-container".
   O alvo e so o <main> externo do tema, que nao tem classe de tela junto — por
   isso o seletor de atributo exato: qualquer <main> que traga tambem a classe da
   tela (pc-home, pc-como-funciona, ...) mantem o proprio padding vertical.
   Sem isso, este 0 vencia por especificidade (0,1,1 contra 0,1,0) e TODAS as
   telas ficavam coladas no header. */
main[class="pc-container"] {
    padding-block: 0;
}

/* Sem .pc-footer: o rodapé de copyright foi removido (fora do escopo — o
   Figma não tem rodapé; a bottom nav encerra a página). */