/*
Theme Name: Maquena Kennel Theme
Theme URI: https://maquena.com.br
Author: Moacir Ebertom Speck
Author URI: https://maquena.com.br
Description: Tema institucional e vendável de alto padrão para o canil Maquena Kennel, especializado em Whippet e Dobermann. Inclui Custom Post Type de Cães, CRM interno de Leads/Clientes e integração completa com WhatsApp.
Version: 1.1.0
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: maquena
Tags: custom-post-types, crm, luxury, responsive, translation-ready, e-commerce-ready
*/

/* ==========================================================================
   🏛️ ESTILOS NATIVOS E CLASSES DE CORES OFICIAIS DO MAQUENA KENNEL
   Garantem a renderização impecável independente do Tailwind CDN
   ========================================================================== */

:root {
  --brand-navy: #1A2332;
  --brand-dark: #111824;
  --brand-surface: #243042;
  --brand-gold: #C5A869;
  --brand-goldlight: #DFC790;
  --brand-golddark: #9F8347;
  --brand-cream: #FAF8F5;
}

/* Reset básico e tipografia */
html {
  scroll-behavior: smooth;
}

body {
  background-color: #FAF8F5 !important;
  color: #1e293b;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  margin: 0;
  padding: 0;
}

/* Famílias de Fontes */
.font-serif {
  font-family: 'Cinzel', Georgia, 'Times New Roman', serif !important;
}

.font-sans {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* Cores de Fundo Principais */
.bg-brand-dark {
  background-color: #111824 !important;
}

.bg-brand-navy {
  background-color: #1A2332 !important;
}

.bg-brand-surface {
  background-color: #243042 !important;
}

.bg-brand-gold {
  background-color: #C5A869 !important;
}

.bg-brand-goldlight {
  background-color: #DFC790 !important;
}

.bg-brand-golddark {
  background-color: #9F8347 !important;
}

.bg-brand-cream {
  background-color: #FAF8F5 !important;
}

/* Variações de Fundo com Transparência / Alpha */
.bg-brand-dark\/95 {
  background-color: rgba(17, 24, 36, 0.95) !important;
}

.bg-brand-dark\/90 {
  background-color: rgba(17, 24, 36, 0.90) !important;
}

.bg-brand-navy\/95 {
  background-color: rgba(26, 35, 50, 0.95) !important;
}

.bg-brand-navy\/90 {
  background-color: rgba(26, 35, 50, 0.90) !important;
}

.bg-brand-navy\/80 {
  background-color: rgba(26, 35, 50, 0.80) !important;
}

.bg-brand-gold\/10 {
  background-color: rgba(197, 168, 105, 0.10) !important;
}

.bg-brand-gold\/15 {
  background-color: rgba(197, 168, 105, 0.15) !important;
}

.bg-brand-gold\/20 {
  background-color: rgba(197, 168, 105, 0.20) !important;
}

.bg-brand-gold\/30 {
  background-color: rgba(197, 168, 105, 0.30) !important;
}

/* Cores de Texto */
.text-brand-dark {
  color: #111824 !important;
}

.text-brand-navy {
  color: #1A2332 !important;
}

.text-brand-gold {
  color: #C5A869 !important;
}

.text-brand-goldlight {
  color: #DFC790 !important;
}

.text-brand-golddark {
  color: #9F8347 !important;
}

/* Bordas da Marca */
.border-brand-gold {
  border-color: #C5A869 !important;
}

.border-brand-gold\/20 {
  border-color: rgba(197, 168, 105, 0.20) !important;
}

.border-brand-gold\/30 {
  border-color: rgba(197, 168, 105, 0.30) !important;
}

.border-brand-gold\/40 {
  border-color: rgba(197, 168, 105, 0.40) !important;
}

/* Gradientes de Ouro e Escuros */
.gold-gradient-text {
  background: linear-gradient(135deg, #DFC790 0%, #C5A869 50%, #9F8347 100%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.bg-gradient-to-r.from-brand-gold.to-brand-golddark {
  background-image: linear-gradient(to right, #C5A869, #9F8347) !important;
}

.bg-gradient-to-r.from-brand-dark {
  background-image: linear-gradient(to right, #111824, rgba(17, 24, 36, 0.95), rgba(26, 35, 50, 0.9)) !important;
}

.bg-gradient-to-br.from-brand-dark.via-brand-navy.to-brand-surface {
  background-image: linear-gradient(135deg, #111824 0%, #1A2332 50%, #243042 100%) !important;
}

/* Estilos de Formulários no Card Escuro */
#wpLeadHomeForm input,
#wpLeadHomeForm textarea,
#wpLeadHomeForm select,
#wpLeadContactForm input,
#wpLeadContactForm textarea,
#wpLeadContactForm select {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

#wpLeadHomeForm input::placeholder,
#wpLeadHomeForm textarea::placeholder,
#wpLeadContactForm input::placeholder,
#wpLeadContactForm textarea::placeholder {
  color: #94a3b8 !important;
}

#wpLeadHomeForm select option,
#wpLeadContactForm select option {
  background-color: #1A2332 !important;
  color: #ffffff !important;
}

#wpLeadHomeForm input:focus,
#wpLeadHomeForm textarea:focus,
#wpLeadHomeForm select:focus,
#wpLeadContactForm input:focus,
#wpLeadContactForm textarea:focus,
#wpLeadContactForm select:focus {
  border-color: #C5A869 !important;
  box-shadow: 0 0 0 1px #C5A869 !important;
}

/* Suporte à edição de conteúdo no WordPress (Gutenberg / Classic) */
.prose {
  color: #334155;
  line-height: 1.75;
}

.prose p {
  margin-bottom: 1.25em;
}

.prose h1, .prose h2, .prose h3, .prose h4 {
  color: #111824;
  font-family: 'Cinzel', serif;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

.prose a {
  color: #C5A869;
  text-decoration: underline;
}

.prose strong {
  color: #111824;
}