/*
Theme Name:  Hello Elementor Child — FocusTH
Theme URI:   https://focusth.com.br
Description: Child theme do Hello Elementor customizado para FocusTH. Desenvolvido por PIT Digital.
Author:      PIT Digital
Author URI:  https://pitdigital.com.br
Template:    hello-elementor
Version:     1.0.0
Text Domain: hello-elementor-child
*/

/* ═══════════════════════════════════════════════════════════
   TIPOGRAFIA GLOBAL — HEADINGS H1–H6
   Reforço do padrão definido no Elementor > Site Settings > Typography.
   Seletores incluem .elementor-kit-11 para superar especificidade do kit.
   Valores definidos em 25/06/2026 por PIT Digital, atualizados em
   11/07/2026 (H2 desvinculado do global "Primário" no Kit — estava
   herdando de body/links; agora H2–H5 são 100% custom no Site Settings).
   Ajuste adicional 11/07/2026: H2 +30% (45→58.5px), H3 -25% (26→19.5px)
   + margin-bottom 4px no H3 (sem controle nativo de margem por tag no
   Elementor Site Settings — só reforço CSS mesmo).
═══════════════════════════════════════════════════════════ */
h1,
.elementor-kit-11 h1,
.elementor-widget-heading .elementor-heading-title.elementor-size-xxl {
    font-size: 65px;
    font-weight: 600;
}

h2,
.elementor-kit-11 h2,
.elementor-widget-heading .elementor-heading-title.elementor-size-xl {
    font-size: 58.5px;
    font-weight: 600;
}

h3,
.elementor-kit-11 h3,
.elementor-widget-heading .elementor-heading-title.elementor-size-large {
    font-size: 19.5px;
    font-weight: 600;
    margin-bottom: 4px;
}

h4,
.elementor-kit-11 h4,
.elementor-widget-heading .elementor-heading-title.elementor-size-medium {
    font-size: 24px;
    font-weight: 400;
}

h5,
.elementor-kit-11 h5,
.elementor-widget-heading .elementor-heading-title.elementor-size-small {
    font-size: 22px;
    font-weight: 400;
}

h6,
.elementor-kit-11 h6 {
    font-size: 22px;
    font-weight: 500;
}


/* ═══════════════════════════════════════════════════════════
   POST ÚNICO — ESPAÇAMENTO EM SUBTÍTULOS DO CONTEÚDO
   Ajusta o respiro acima/abaixo de H2/H3/H4 dentro do corpo do
   post, sem afetar headings em outras páginas ou seções.
   NOTA (11/07/2026): seletor corrigido — `.entry-content` não
   existe mais na estrutura atual do template "Post individual"
   (7614); o conteúdo real fica em `.elementor-widget-theme-post-content`
   (blocos `.wp-block-heading`). A regra antiga com `.entry-content`
   nunca chegou a ser aplicada após a reconstrução do template.
   Valores: padding-top 0→5px; margin-bottom 16px→14px.
═══════════════════════════════════════════════════════════ */
.single-post .elementor-widget-theme-post-content h2,
.single-post .elementor-widget-theme-post-content h3,
.single-post .elementor-widget-theme-post-content h4 {
    padding-top: 5px;
    margin-bottom: 14px;
}


/* ═══════════════════════════════════════════════════════════
   POST ÚNICO — CTA DE WHATSAPP (BLOCOS NATIVOS DO GUTENBERG)
   11/07/2026: recriado como blocos Grupo > Parágrafo + Botões > Botão
   do editor padrão do WordPress (não é mais Elementor nem PHP
   injetado). Cada instância é editável diretamente no Gutenberg
   (texto, texto do botão, link do botão, e cor via o próprio
   seletor de cor nativo do bloco Botão, que sobrepõe esta classe).
   Aparece por padrão em todo post novo — ver seção 5 do
   functions.php (register_post_type_args → template).
═══════════════════════════════════════════════════════════ */
.focusth-cta-whatsapp {
    margin-top: 40px;
    padding: 28px 32px;
    background-color: #f5f9f5;
    border-left: 2px solid #2A69B8;
    border-bottom: 2px solid #2A69B8;
    border-radius: 4px;
}

.focusth-cta-whatsapp .focusth-cta-text {
    margin: 0 0 14px;
    font-size: 17px;
    font-weight: 500;
    color: #1a1a1a;
    line-height: 1.5;
}

.focusth-cta-whatsapp .focusth-cta-btn .wp-block-button__link {
    display: inline-block;
    padding: 12px 24px;
    background-color: #25D366;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 4px;
    line-height: 1.4;
    transition: background-color 0.2s ease;
}

.focusth-cta-whatsapp .focusth-cta-btn .wp-block-button__link:hover {
    background-color: #1ebe5b;
    color: #ffffff;
    text-decoration: none;
}


/* ═══════════════════════════════════════════════════════════
   HEADER — SEMI-TRANSPARENTE NO TOPO / AZUL SÓLIDO AO ROLAR
   Hook nativo do Elementor Pro: .elementor-sticky--effects
   ativa após 50px de scroll (sticky_effects_offset = 50px).
   Antes disso: rgba(0,27,76,0.75) — leve transparência.
   Após scroll: #001B4C sólido (Elementor). Logo sempre branca.
═══════════════════════════════════════════════════════════ */
.elementor-element-9251d7d:not(.elementor-sticky--effects) {
    background-color: rgba(0, 27, 76, 0.75) !important;
}
.elementor-element-9251d7d .elementor-widget-theme-site-logo {
    filter: brightness(0) invert(1);
}


/* ═══════════════════════════════════════════════════════════
   ÂNCORA DO GRID DO BLOG (#blog-grid)
   Links de categoria/tag/busca da sidebar levam a #blog-grid
   (container do grid no template 7599). O recuo compensa o
   header fixo para o bloco não ficar escondido atrás dele.
═══════════════════════════════════════════════════════════ */
#blog-grid {
    scroll-margin-top: 120px;
}