/*
Theme Name: Fistec
Theme URI: https://fistecnologia.com.br
Description: Child theme do OceanWP customizado para a Fistec Tecnologia. Loja WooCommerce com identidade visual da marca (azul-marinho + ciano). Header, footer e homepage sao montados via Elementor / ProElements Theme Builder.
Author: Fistec Tecnologia
Author URI: https://fistecnologia.com.br
Template: oceanwp
Version: 1.0.0
Text Domain: fistec
*/

/* ==========================================================================
   Fistec - Variaveis de marca
   ========================================================================== */

:root {
	--fistec-primary: #1C3166;
	--fistec-primary-dark: #142449;
	--fistec-primary-light: #2C468C;
	--fistec-accent: #24A6D9;
	--fistec-accent-dark: #1B84AD;
	--fistec-text: #1F2430;
	--fistec-muted: #6B7280;
	--fistec-bg-light: #F5F7FA;
	--fistec-border: #E2E6EC;
	--fistec-success: #2E9E5B;
	--fistec-danger: #D8433C;
}

/* ==========================================================================
   Tipografia geral
   ========================================================================== */

body,
button,
input,
select,
textarea {
	color: var(--fistec-text);
}

h1, h2, h3, h4, h5, h6 {
	color: var(--fistec-primary);
	font-weight: 700;
}

a {
	color: var(--fistec-primary);
}

a:hover,
a:focus {
	color: var(--fistec-accent);
}

/* ==========================================================================
   Botoes gerais (fora do Elementor, ex: paineis padrao do WordPress/Woo)
   ========================================================================== */

.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	background-color: var(--fistec-primary);
	color: #ffffff;
	border: none;
	border-radius: 4px;
	font-weight: 600;
	letter-spacing: 0.01em;
	transition: background-color 0.2s ease, transform 0.15s ease;
}

.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
	background-color: var(--fistec-primary-dark);
	color: #ffffff;
}

/* CTA de compra em destaque (adicionar ao carrinho / comprar agora) */
.woocommerce a.add_to_cart_button,
.woocommerce button.single_add_to_cart_button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
	background-color: var(--fistec-accent);
	color: #ffffff;
}

.woocommerce a.add_to_cart_button:hover,
.woocommerce button.single_add_to_cart_button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
	background-color: var(--fistec-accent-dark);
}

/* ==========================================================================
   Loja / Produtos (classes do WooCommerce, funcionam em qualquer tema)
   ========================================================================== */

.woocommerce ul.products li.product .price {
	color: var(--fistec-primary);
	font-weight: 700;
}

.woocommerce span.onsale {
	background-color: var(--fistec-accent);
	color: #ffffff;
	font-weight: 700;
}

.woocommerce ul.products li.product .price ins {
	color: var(--fistec-accent-dark);
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--fistec-primary);
}

.woocommerce-message,
.woocommerce-info {
	border-top-color: var(--fistec-accent);
}

.woocommerce-message::before,
.woocommerce-info::before {
	color: var(--fistec-accent);
}

.woocommerce-error {
	border-top-color: var(--fistec-danger);
}

.woocommerce-error::before {
	color: var(--fistec-danger);
}

/* ==========================================================================
   Selos de confianca (pagina de produto)
   ========================================================================== */

.fistec-trust-badges {
	margin-top: 1em;
	padding-top: 0.75em;
	border-top: 1px solid var(--fistec-border);
	font-size: 0.9em;
	color: var(--fistec-muted);
}

.fistec-trust-badges p {
	margin: 0.25em 0;
}