/*
Theme Name: Mausetec Twenty Twenty-Five
Theme URI: https://mausetec.com.br
Description: Tema Filho (Child Theme) industrial B2B desenvolvido sobre o Twenty Twenty-Five (FSE) para a Mausetec Máquinas de Costura e Equipamentos Industriais (Santa Cruz do Capibaribe - PE).
Author: Equipe Mausetec Digital
Author URI: https://mausetec.com.br
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mausetec-tt5
*/

:root {
	/* Paleta de Cores Oficial Mausetec B2B */
	--mausetec-primary: #0085FF;
	--mausetec-primary-hover: #006ACC;
	--mausetec-navy: #0B192C;
	--mausetec-navy-secondary: #112233;
	--mausetec-bg-light: #F4F7FB;
	--mausetec-surface: #FFFFFF;
	--mausetec-text-main: #111111;
	--mausetec-text-muted: #475569;
	--mausetec-border: #CBD5E1;
	--mausetec-whatsapp: #16A34A;

	/* Tipografia Industrial */
	--mausetec-font-heading: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, sans-serif;
	--mausetec-font-body: 'Inter', system-ui, -apple-system, sans-serif;
}

/* Base & Legibilidade Industrial */
body {
	background-color: var(--mausetec-bg-light);
	color: var(--mausetec-text-main);
	font-family: var(--mausetec-font-body);
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.wp-block-heading {
	font-family: var(--mausetec-font-heading);
	font-weight: 800;
	letter-spacing: -0.02em;
}

/* Micro-interações para Cards de Categoria e Produtos B2B */
.mausetec-card {
	transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.mausetec-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 30px rgba(11, 25, 44, 0.08);
	border-color: var(--mausetec-primary) !important;
}

/* Estilização de Botões de Conversão */
.wp-block-button__link {
	transition: all 0.2s ease-in-out;
}

.wp-block-button__link:hover {
	transform: translateY(-1px);
	filter: brightness(1.06);
}

/* Botão Flutuante de WhatsApp B2B */
.mausetec-whatsapp-float {
	position: fixed;
	bottom: 24px;
	left: 24px;
	z-index: 9999;
	background-color: var(--mausetec-whatsapp);
	color: #FFFFFF !important;
	padding: 12px 22px;
	border-radius: 50px;
	font-family: var(--mausetec-font-heading);
	font-weight: 700;
	font-size: 0.95rem;
	text-decoration: none !important;
	box-shadow: 0 8px 24px rgba(22, 163, 74, 0.35);
	display: inline-flex;
	align-items: center;
	gap: 10px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.mausetec-whatsapp-float:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(22, 163, 74, 0.45);
}