/*
 Theme Name:  Kadence Child
 Theme URI:   https://www.efatabook.com.br
 Description: Tema filho do Kadence — Identidade visual oficial da Efatá Book
 Author:      Jonas Vieira
 Author URI:  https://github.com/JonasEfata
 Template:    kadence
 Version:     1.0.0
 Text Domain: kadence-child
*/

/* -----------------------------------------------------------
   IMPORTANTE: A linha "Template: kadence" acima é obrigatória.
   Ela diz ao WordPress que este é um tema filho do Kadence.
   O valor deve ser exatamente o nome da pasta do tema pai.
   ----------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Montserrat:wght@600;700&family=Poppins:wght@400;600&display=swap');

/* -----------------------------------------------------------
   ESTILO VISUAL OFICIAL - EFATÁ BOOK & AMOR PELA PALAVRA
   ----------------------------------------------------------- */

/* Configuração de Cores Globais e Fontes */
:root {
    --azul-institucional: #140083;
    --azul-complementar:  #1A2D84;
    --laranja-principal:  #F28500;
    --amarelo-claro:      #FFEF00;
    --amarelo-dourado:    #FFD700;
}

/* Títulos com Montserrat */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif !important;
    color: var(--azul-institucional);
    font-weight: 700;
}

/* Corpo do texto com Lato */
body, p, li {
    font-family: 'Lato', sans-serif !important;
    color: #333333;
}

/* Personalização do Cabeçalho (Header) */
#masthead, .site-header {
    background-color: var(--azul-institucional) !important;
}

.site-header a, .main-navigation ul li a {
    color: #FFFFFF !important;
}

/* Botões Principais (Primários) */
.button, .wp-block-button__link, .woocommerce-button {
    background-color: var(--laranja-principal) !important;
    color: #FFFFFF !important;
    font-family: 'Poppins', sans-serif;
    border-radius: 5px;
    transition: 0.3s;
}

/* Efeito Hover nos Botões */
.button:hover, .wp-block-button__link:hover {
    background-color: var(--amarelo-dourado) !important;
    color: var(--azul-institucional) !important;
}

/* Destaques em Preços (WooCommerce) */
.price, .amount {
    color: var(--laranja-principal) !important;
    background-color: var(--amarelo-claro);
    padding: 2px 5px;
}