/**
 * Paleta de Cores Oficial - SG Jurídico
 * Cores: #5CE1E6 (ciano), #484848 (cinza escuro), #000000 (preto), #FFFFFF (branco), #F0F0F0 (cinza claro)
 */

:root {
	/* Cores Principais */
	--sg-color-primary: #5CE1E6;
	--sg-color-primary-dark: #4BC4C8;
	--sg-color-primary-light: #7DE9ED;
	
	/* Cores Neutras */
	--sg-color-gray-dark: #484848;
	--sg-color-gray: #808080;
	--sg-color-gray-light: #F0F0F0;
	--sg-color-black: #000000;
	--sg-color-white: #FFFFFF;
	
	/* Cores Contextuais */
	--sg-color-text: #000000;
	--sg-color-text-secondary: #484848;
	--sg-color-text-light: #808080;
	--sg-color-text-inverse: #FFFFFF;
	
	--sg-color-bg-primary: #FFFFFF;
	--sg-color-bg-secondary: #F0F0F0;
	--sg-color-bg-dark: #484848;
	
	--sg-color-border: #E0E0E0;
	--sg-color-border-dark: #484848;
	
	/* Elementos Interativos */
	--sg-color-link: #5CE1E6;
	--sg-color-link-hover: #4BC4C8;
	--sg-color-button-bg: #5CE1E6;
	--sg-color-button-hover: #4BC4C8;
	--sg-color-button-text: #000000;
	
	/* Headers e Títulos */
	--sg-color-heading: #000000;
	--sg-color-heading-secondary: #484848;
	
	/* Status e Feedback */
	--sg-color-success: #4CAF50;
	--sg-color-warning: #FF9800;
	--sg-color-error: #F44336;
	--sg-color-info: #5CE1E6;
}

/* Aplicação Global das Cores */
body {
	color: var(--sg-color-text);
	background-color: var(--sg-color-bg-primary);
}

h1, h2, h3, h4, h5, h6 {
	color: var(--sg-color-heading);
}

a {
	color: var(--sg-color-link);
}

a:hover,
a:focus {
	color: var(--sg-color-link-hover);
}

/* Botões */
.button,
button,
input[type="submit"],
input[type="button"],
.site-header button {
	background-color: var(--sg-color-button-bg);
	color: var(--sg-color-button-text);
	border: none;
	transition: background-color 0.3s ease;
	padding: 12px 24px;
	border-radius: 4px;
	cursor: pointer;
	font-weight: 600;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
	background-color: var(--sg-color-button-hover);
}

/* Header */
.site-header {
	background-color: var(--sg-color-white);
	border-bottom: 1px solid var(--sg-color-border);
}

/* Footer */
.site-footer {
	background-color: var(--sg-color-bg-dark);
	color: var(--sg-color-text-inverse);
}

.site-footer a {
	color: var(--sg-color-primary);
}

/* Borders */
hr {
	border-color: var(--sg-color-border);
}

/* WooCommerce */
.woocommerce ul.products li.product .price {
	color: var(--sg-color-primary);
}

/* Padronização global de botões (referência: .product-badge.featured) */
/* Base: aplicar a toda a UI (links/inputs/botões padrão e WooCommerce) */
.button,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.wp-block-button__link,
.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce a.added_to_cart,
.woocommerce .added_to_cart {
    background-color: var(--sg-color-primary) !important;
    color: var(--sg-color-button-text) !important; /* preto, como o badge */
    border: none !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
.wp-block-button__link:hover,
.woocommerce .button:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce a.added_to_cart:hover,
.woocommerce .added_to_cart:hover {
    background-color: var(--sg-color-button-hover) !important;
}

/* Forçar cor padrão também para variações ".alt" do WooCommerce */
.woocommerce .button.alt,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
body.single-product .single_add_to_cart_button.button,
body.single-product .single_add_to_cart_button.button.alt {
	background-color: var(--sg-color-button-bg) !important;
	color: var(--sg-color-button-text) !important;
	border: none;
}

.woocommerce .button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover,
body.single-product .single_add_to_cart_button.button:hover,
body.single-product .single_add_to_cart_button.button.alt:hover {
	background-color: var(--sg-color-button-hover) !important;
	color: var(--sg-color-button-text) !important;
}