/*
Theme Name: Locasty Child
Theme URI: https://github.com/ecto-digital/locasty-wp
Description: Tema filho de Hello Elementor da base locasty-wp. Guarda sobrescrita de template e enqueue. Estilo visual vive no Design System do Elementor, nao aqui.
Author: Ecto
Author URI: https://ecto.com.br
Template: hello-elementor
Version: 0.1.0
Requires at least: 6.8
Requires PHP: 8.3
Text Domain: locasty-child
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
 * Regra da base: cor, fonte e espacamento vem das Variables do Elementor.
 * Este arquivo e para o que o Elementor nao alcanca:
 * reset pontual, print, prefers-reduced-motion e correcao de plugin de terceiro.
 * Todo bloco aqui precisa de um comentario dizendo POR QUE nao coube no Elementor.
 */

/* Acessibilidade: respeita quem pediu menos movimento. O Elementor nao emite esta regra. */
@media ( prefers-reduced-motion: reduce ) {

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* Alvo de toque minimo de 24px (WCAG 2.2 criterio 2.5.8). O Elementor nao garante isso por padrao. */
.elementor a.elementor-button,
.elementor button {
	min-block-size: 2.75rem;
}

/*
 * O ANEL DE FOCO DO HELLO E DUPLO -- 2px pretos de contorno e 4px brancos de sombra --, e dentro de
 * todo documento do Elementor sobrava so o preto: o `.elementor a { box-shadow: none }` do
 * custom-frontend.css do Elementor tem a mesma especificidade (0-1-1) do `a:focus-visible` do reset
 * e vem depois. MEDIDO em 29/09/2026: o anel preto dava 1,00:1 no cabecalho de /business, 1,29:1 nas
 * faixas #1A202C e 2,98:1 no roxo da home. Nao coube no Elementor porque e estado de foco de TODO
 * link. So no foco por teclado; nenhum pixel em repouso nem no clique.
 */
.elementor a:focus-visible {
	box-shadow: 0 0 0 4px #fff;
}