/*
Theme Name: Hello Elementor Child
Theme URI: https://itaqueri.com.br/
Description: Tema filho do Hello Elementor com header e footer em código, sem dependência do Elementor Pro.
Author: Itaqueri
Author URI: https://itaqueri.com.br/
Template: hello-elementor
Version: 1.1.0
Requires PHP: 7.4
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: hello-elementor-child
*/

/* =========================================================================
   TOKENS DO TEMA
   Este é o único bloco que precisa ser ajustado para mudar a identidade
   visual do header e do footer. Todo o resto do CSS consome estas variáveis.

   Paleta extraída do site: branco + verde + dourado.
   ========================================================================= */

:root {

	/* ---- Cores da marca -------------------------------------------------
	 * --itq-green       verde da marca (#00a000, amostrado do banner).
	 *                   Uso DECORATIVO: linhas, bordas, áreas grandes.
	 *                   Sobre branco rende 3,5:1 — insuficiente para texto.
	 * --itq-green-text  verde escurecido para TEXTO e fundo de botão.
	 *                   5,5:1 sobre branco e 5,5:1 com texto branco.
	 * --itq-gold        dourado (#d39947, amostrado da faixa do rodapé).
	 *                   Também decorativo: 2,5:1 sobre branco, nunca em texto.
	 * ------------------------------------------------------------------ */
	--itq-green: #00a000;
	--itq-green-text: #007a00;
	--itq-green-deep: #006b00;
	--itq-gold: #d39947;
	--itq-gold-deep: #b57f33;

	/* ---- Header ---- */
	--itq-header-bg: #ffffff;
	--itq-header-bg-scrolled: #ffffff;
	--itq-header-text: #1d1d1d;
	--itq-header-text-muted: #333333;
	--itq-accent: var( --itq-green-text );
	--itq-accent-hover: var( --itq-green-deep );
	--itq-accent-contrast: #ffffff;
	--itq-border: rgba( 0, 0, 0, .10 );
	--itq-shadow: 0 4px 18px rgba( 0, 0, 0, .10 );
	--itq-shadow-strong: 0 16px 40px rgba( 0, 0, 0, .14 );

	/* Filete dourado na base do header. Use 0 para remover. */
	--itq-header-rule: 3px;

	/* ---- Footer ---- */
	--itq-footer-bg: #f6f8f6;
	--itq-footer-text: #4a4a4a;
	--itq-footer-heading: #1d1d1d;
	--itq-footer-bottom-bg: var( --itq-green-deep );
	--itq-footer-bottom-text: rgba( 255, 255, 255, .92 );

	/* ---- Dimensões ---- */
	--itq-header-height: 96px;
	--itq-header-height-scrolled: 76px;
	--itq-header-height-mobile: 72px;
	--itq-logo-height: 58px;
	--itq-logo-height-scrolled: 46px;
	--itq-logo-height-mobile: 44px;
	--itq-container: 1240px;
	--itq-gutter: 20px;

	/* ---- Tipografia ---- */
	--itq-font: inherit;
	--itq-menu-size: 15px;
	--itq-menu-weight: 500;
	--itq-menu-transform: none;
	--itq-menu-spacing: .01em;

	/* ---- Outros ---- */
	--itq-radius: 8px;
	--itq-transition: .28s cubic-bezier( .4, 0, .2, 1 );
	--itq-z-header: 999;
}

/* =========================================================================
   AJUSTES GERAIS
   ========================================================================= */

/* Compensa o header fixo para links âncora (#secao) não ficarem escondidos. */
html {
	scroll-padding-top: calc( var( --itq-header-height-scrolled ) + 16px );
}

/* Empurra o conteúdo para baixo do header fixo.
   A classe é adicionada no body pelo functions.php. */
body.has-itq-fixed-header #content,
body.has-itq-fixed-header .site-main {
	padding-top: calc( var( --itq-header-height ) + var( --itq-header-rule ) );
}

@media ( max-width: 1024px ) {
	body.has-itq-fixed-header #content,
	body.has-itq-fixed-header .site-main {
		padding-top: calc( var( --itq-header-height-mobile ) + var( --itq-header-rule ) );
	}
}

/* Evita scroll horizontal causado por seções do Elementor. */
body {
	overflow-x: hidden;
}

/* Trava o scroll do body enquanto o menu mobile está aberto. */
body.itq-menu-open {
	overflow: hidden;
	touch-action: none;
}

/* Skip link acessível (mantido do tema pai). */
.skip-link.screen-reader-text:focus {
	z-index: calc( var( --itq-z-header ) + 10 );
}