/*
EvoxPro Home — brand.css
Paleta de marca extraida directamente del logo:
  - Verde oscuro: #0C271C (header y footer)
  - Verde lima:   #68A33C (botones)
  - Texto sobre fondo oscuro: #FFFFFF (contraste)
*/

:root {
	--evoxpro-verde-oscuro: #0C271C;
	--evoxpro-verde-lima: #68A33C;
	--evoxpro-texto-claro: #FFFFFF;
}

/* Header */
.site-header,
#masthead,
.ast-header-break-point .site-header,
.main-header-bar,
.ast-above-header,
.ast-below-header {
	background-color: var(--evoxpro-verde-oscuro) !important;
}

/* Footer (incluye los wrappers internos de Astra que traen fondo blanco propio) */
.site-footer,
#colophon,
.ast-small-footer,
footer.site-footer,
.site-above-footer-wrap,
.site-primary-footer-wrap,
.site-below-footer-wrap,
.ast-builder-grid-row-container.site-below-footer-wrap,
.ast-builder-grid-row-container.site-above-footer-wrap,
.ast-builder-grid-row-container.site-primary-footer-wrap {
	background-color: var(--evoxpro-verde-oscuro) !important;
}

/* Texto e iconos sobre fondo oscuro (header, above/below header, footer) — contraste */
.site-header,
.site-header a,
.site-header p,
.site-header span,
.site-header li,
.site-header h1,
.site-header h2,
.site-header h3,
#masthead,
#masthead a,
#masthead p,
#masthead span,
#masthead li,
.ast-above-header,
.ast-above-header a,
.ast-above-header p,
.ast-above-header span,
.ast-below-header,
.ast-below-header a,
.ast-below-header p,
.ast-below-header span,
.site-footer,
.site-footer a,
.site-footer p,
.site-footer span,
.site-footer li,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
#colophon,
#colophon a,
#colophon p,
#colophon span,
#colophon li,
#colophon h1,
#colophon h2,
#colophon h3,
#colophon h4,
.site-above-footer-wrap,
.site-above-footer-wrap a,
.site-above-footer-wrap p,
.site-above-footer-wrap span,
.site-primary-footer-wrap,
.site-primary-footer-wrap a,
.site-primary-footer-wrap p,
.site-primary-footer-wrap span,
.site-below-footer-wrap,
.site-below-footer-wrap a,
.site-below-footer-wrap p,
.site-below-footer-wrap span {
	color: var(--evoxpro-texto-claro) !important;
}

/* Iconos SVG (buscar, carrito, menu hamburguesa, etc.) */
.site-header svg,
#masthead svg,
.ast-above-header svg,
.ast-below-header svg,
.site-footer svg,
#colophon svg,
.site-above-footer-wrap svg,
.site-primary-footer-wrap svg,
.site-below-footer-wrap svg {
	fill: var(--evoxpro-texto-claro) !important;
}

/* Hover de links en header y footer, con acento verde lima */
.site-header a:hover,
#masthead a:hover,
.ast-above-header a:hover,
.ast-below-header a:hover,
.site-footer a:hover,
#colophon a:hover,
.site-above-footer-wrap a:hover,
.site-primary-footer-wrap a:hover,
.site-below-footer-wrap a:hover {
	color: var(--evoxpro-verde-lima) !important;
}

/* Botones (Astra, bloques nativos, WooCommerce) */
.wp-block-button__link,
.wp-element-button,
.ast-button,
button:not(.menu-toggle),
input[type="submit"],
input[type="button"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit,
.woocommerce input.button,
.woocommerce a.added_to_cart,
a.button,
.btn {
	background-color: var(--evoxpro-verde-lima) !important;
	border-color: var(--evoxpro-verde-lima) !important;
	color: var(--evoxpro-texto-claro) !important;
}

.wp-block-button__link:hover,
.wp-element-button:hover,
.ast-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
a.button:hover,
.btn:hover {
	background-color: var(--evoxpro-verde-oscuro) !important;
	border-color: var(--evoxpro-verde-oscuro) !important;
	color: var(--evoxpro-texto-claro) !important;
}
