/**
 * HCWH Brand Styles — espelho do visual do frontend Next.js
 * (frontend/app/globals.css) aplicado às páginas públicas renderizadas pelo
 * WordPress/Elementor, pra manter identidade visual única na transição.
 *
 * Regras deliberadamente contidas: tipografia, paleta, títulos, links e
 * botões — sem mexer em layout/espaçamento das páginas já montadas.
 */

:root {
  --hcwh-primary: #5b3a21;
  --hcwh-primary-light: #7a5133;
  --hcwh-bg: #faf6ef;
  --hcwh-card-bg: #ffffff;
  --hcwh-border: #e6dcc8;
  --hcwh-text: #2b2118;
  --hcwh-muted: #8a7a63;
  --hcwh-font-heading: 'Lora', Georgia, 'Times New Roman', serif;
  --hcwh-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}

body {
  background-color: var(--hcwh-bg);
  color: var(--hcwh-text);
  font-family: var(--hcwh-font-body);
}

h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
  font-family: var(--hcwh-font-heading);
  color: var(--hcwh-primary);
}

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

a:hover {
  color: var(--hcwh-primary-light);
}

/* Botões — cobre o widget de botão do Elementor e botões comuns de tema */
.elementor-button,
.wp-block-button__link,
button[type='submit'],
input[type='submit'] {
  background-color: var(--hcwh-primary);
  color: #fff;
  border-radius: 6px;
  font-family: var(--hcwh-font-body);
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.elementor-button:hover,
.wp-block-button__link:hover,
button[type='submit']:hover,
input[type='submit']:hover {
  background-color: var(--hcwh-primary-light);
  color: #fff;
  box-shadow: 0 4px 14px rgba(43, 33, 24, 0.2);
}

/* Formulários (Contact Form 7 e afins) no padrão do frontend */
.wpcf7 input[type='text'],
.wpcf7 input[type='email'],
.wpcf7 input[type='tel'],
.wpcf7 select,
.wpcf7 textarea {
  border: 1px solid var(--hcwh-border);
  border-radius: 6px;
  padding: 9px 10px;
  font-family: var(--hcwh-font-body);
}

.wpcf7 input:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
  outline: none;
  border-color: var(--hcwh-primary);
}