/* Sovex – Acessibilidade (WCAG 2.1 AA) */

/* 2.4.7 Foco visível: o tema/Elementor removem o outline em :focus (11 regras).
   Repomos o anel de foco só para navegação por teclado (:focus-visible). */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[role="tab"]:focus-visible,
[role="button"]:focus-visible,
[tabindex]:focus-visible {
	outline: 3px solid #17402a !important;
	outline-offset: 2px !important;
	box-shadow: 0 0 0 5px #fff !important;
}

/* 2.4.1 Link «saltar»: visível ao receber foco. */
.skip-link:focus {
	position: fixed !important;
	top: 8px;
	left: 8px;
	z-index: 100000;
	width: auto;
	height: auto;
	clip: auto !important;
	clip-path: none;
	padding: 12px 20px;
	background: #17402a;
	color: #fff;
	font-size: 1rem;
	font-weight: 700;
	text-decoration: none;
}

/* 1.4.3 Contraste: verde da marca #46B07C (2,7:1 sobre branco) -> #277A4F (5,3:1).
   Texto com cor inline vinda do editor. */
[style*="color:#46B07C" i],
[style*="color: #46B07C" i] {
	color: #277a4f !important;
}

/* Título «PRODUTOS EM DESTAQUE» (home): branco sobre verde-claro #BFE2B0 = 1,4:1. */
.elementor-element-5b9cbaf .elementor-heading-title {
	color: #17402a !important;
}

/* Cores globais do Elementor (kit): primária e a sua cópia #46B07C -> #277A4F.
   Cobre texto/fundos que usam var(--e-global-color-*). */
body[class*="elementor-kit-"] {
	--e-global-color-primary: #277a4f !important;
	--e-global-color-3638947: #277a4f !important;
	--e-global-color-f524ee6: #277a4f !important; /* #3A9065: rótulos do checkout (3,9:1) */
}

/* 1.4.1 Ligações dentro de texto corrido distinguem-se sem depender só da cor (checkout). */
.woocommerce-terms-and-conditions-link,
.woocommerce-privacy-policy-text a,
.woocommerce-privacy-policy-link {
	text-decoration: underline !important;
}

/* Checkout: caixa de pagamento sobre verde (#277A4F): texto claro. */
.woocommerce-checkout #payment label,
.woocommerce-checkout #payment .woocommerce-terms-and-conditions-checkbox-text,
.woocommerce-checkout #payment .woocommerce-terms-and-conditions-link {
	color: #fff !important;
}
