/* ============================================================
   Vallux — Identidade visual (bronze sobre grafite)
   Marca premium industrial para fabricante elétrico/eletrônico
   ============================================================ */

:root {
	/* Bronze */
	--vallux-bronze: #b87333;
	--vallux-bronze-2: #c08552;
	--vallux-bronze-light: #d9a66c;
	--vallux-bronze-dark: #8c6239;

	/* Grafite / escuros */
	--vallux-graphite: #1c1c1e;
	--vallux-panel: #232428;
	--vallux-panel-2: #2c2d31;

	/* Neutros claros */
	--vallux-cream: #f5f1ea; /* off-white quente sobre escuro */
	--vallux-ink: #2a2a2d;   /* texto sobre claro */
	--vallux-muted: #6b6b70;
	--vallux-line: #e4e0d8;

	/* Semânticos */
	--vallux-accent: var(--vallux-bronze);
	--vallux-accent-hover: var(--vallux-bronze-dark);
}

/* ---------- Tipografia base ---------- */
body {
	color: var(--vallux-ink);
}

h1, h2, h3, h4, .site-title {
	letter-spacing: 0.2px;
}

/* ---------- Header / rodapé escuros ---------- */
.site-header,
.ast-primary-header-bar {
	background-color: var(--vallux-graphite) !important;
}

.site-header .site-title a,
.site-header .main-header-menu a,
.ast-header-break-point .main-header-menu {
	color: var(--vallux-cream) !important;
}

.main-header-menu a:hover,
.site-header .site-title a:hover {
	color: var(--vallux-bronze-light) !important;
}

.site-footer,
.ast-small-footer,
footer.site-footer {
	background-color: var(--vallux-graphite);
	color: var(--vallux-cream);
}

.site-footer a {
	color: var(--vallux-bronze-light);
}

/* ---------- Botões (bronze) ---------- */
.wp-block-button__link,
.ast-button,
.button,
button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .button.alt,
.woocommerce #respond input#submit {
	background-color: var(--vallux-bronze) !important;
	border-color: var(--vallux-bronze) !important;
	color: #fff !important;
	border-radius: 4px;
	transition: background-color 0.18s ease;
}

.wp-block-button__link:hover,
.ast-button:hover,
.button:hover,
button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .button.alt:hover,
.woocommerce #respond input#submit:hover {
	background-color: var(--vallux-bronze-dark) !important;
	border-color: var(--vallux-bronze-dark) !important;
}

/* Links */
a {
	color: var(--vallux-bronze);
}
a:hover {
	color: var(--vallux-bronze-dark);
}

/* ---------- Preço WooCommerce ---------- */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--vallux-bronze-dark);
	font-weight: 600;
}

/* ---------- Aviso "faça login para ver preço" (vallux-core) ---------- */
.vallux-price-locked {
	display: inline-block;
	padding: 6px 12px;
	background: var(--vallux-panel);
	color: var(--vallux-cream);
	border-left: 3px solid var(--vallux-bronze);
	border-radius: 3px;
	font-size: 0.85em;
	line-height: 1.4;
}
.vallux-price-locked a {
	color: var(--vallux-bronze-light);
	text-decoration: underline;
}

/* ---------- Bloco/hero escuro utilitário ---------- */
.vallux-dark {
	background: var(--vallux-graphite);
	color: var(--vallux-cream);
}
.vallux-dark h1, .vallux-dark h2, .vallux-dark h3 {
	color: var(--vallux-cream);
}
.vallux-bronze-text {
	color: var(--vallux-bronze);
}