/*
Theme Name: Tema Receitas da Vó Jardi (Alzheimer)
Theme URI: https://receitasdavojardi.com.br
Author: NT AI
Description: Tema exclusivo focado em design editorial.
Version: 1.0.0
Text Domain: receitas-vo-jardi
*/

/* ==========================================================================
   VARIÁVEIS GLOBAIS E RESET
   ========================================================================== */
:root {
    --cor-fundo-papel: #fcfbf8;
    --cor-texto-principal: #3b3b3b;
    --cor-texto-escuro: #1a1a1a;
    --cor-texto-titulos: #2c3338;
    --cor-dourado: #b58d5c;
    --cor-borda: #eae5d9;
    --cor-meta: #888888;
    --fonte-titulos: 'Playfair Display', serif;
    --fonte-texto: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

body {
    background-color: #ffffff;
    color: var(--cor-texto-principal);
    font-family: var(--fonte-texto);
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

img { max-width: 100%; height: auto; display: block; }
a { transition: color 0.3s ease; }

/* ==========================================================================
   CABEÇALHO (HEADER) E NAVEGAÇÃO
   ========================================================================== */
.site-header {
    background-color: var(--cor-fundo-papel);
    padding: 30px 5% 20px;
    border-bottom: 1px solid var(--cor-borda);
    text-align: center;
}
.site-title { font-family: var(--fonte-titulos); font-size: 2.8em; margin: 0 0 20px 0; font-weight: 700; }
.site-title a { color: #162432; text-decoration: none; }

/* Navegação Principal */
.main-navigation ul { list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; flex-wrap: wrap; gap: 30px; }
.main-navigation a { color: var(--cor-texto-principal); text-decoration: none; font-size: 1.1em; }
.main-navigation a:hover, .main-navigation .current-menu-item > a { color: var(--cor-dourado); }

/* --- INÍCIO DA CORREÇÃO DO SUBMENU (CASCATA) --- */
.main-navigation ul li {
    position: relative;
}

.main-navigation ul ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ffffff;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    padding: 15px 0;
    min-width: 240px;
    z-index: 9999;
    border-top: 2px solid var(--cor-dourado);
}

.main-navigation ul li:hover > ul {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.main-navigation ul ul li {
    width: 100%;
    text-align: center;
}

.main-navigation ul ul a {
    display: block;
    padding: 12px 20px;
    font-size: 0.95em;
    color: var(--cor-texto-principal);
}

.main-navigation ul ul a:hover {
    color: var(--cor-dourado);
    background-color: var(--cor-fundo-papel);
}
/* --- FIM DA CORREÇÃO DO SUBMENU --- */

/* ==========================================================================
   GLOSSÁRIO E PÁGINAS PADRÃO (O Seu Foco Principal Agora)
   ========================================================================== */
.page .entry-title, .page .entry-content h1 {
    font-family: var(--fonte-titulos); font-size: 46px; color: var(--cor-texto-titulos); text-align: center; margin-bottom: 40px; font-weight: 700;
}
.page .entry-content h2 {
    font-family: var(--fonte-titulos); font-size: 28px; color: var(--cor-dourado); margin-top: 50px; margin-bottom: 25px; border-bottom: 1px solid #eaeaea; padding-bottom: 12px;
}
.editorial-single-wrapper { background-color: var(--cor-fundo-papel); padding: 60px 5% 100px; }
.editorial-article-box { max-width: 850px; margin: 0 auto; background-color: #ffffff; padding: 70px 90px; border-radius: 4px; box-shadow: 0 20px 50px rgba(0,0,0,0.03); }

/* Remove estilo padrão do plugin de glossário */
.page .entry-content [class*="alphabet"] a, .page .entry-content [class*="glossary-nav"] a {
    background-color: transparent !important; color: var(--cor-texto-principal) !important; border: none !important; font-family: var(--fonte-titulos) !important; font-size: 1.2em !important;
}
.page .entry-content [class*="alphabet"] a:hover, .page .entry-content [class*="alphabet"] .active {
    color: var(--cor-dourado) !important; border-bottom: 2px solid var(--cor-dourado) !important;
}
.page .entry-content [class*="glossary-box"] {
    border: 1px solid var(--cor-borda) !important; background-color: transparent !important; padding: 35px !important; margin-bottom: 40px !important; border-radius: 0 !important; box-shadow: none !important;
}
.page .entry-content [class*="glossary-box"] h2 { color: var(--cor-dourado) !important; border-bottom: 1px solid var(--cor-borda) !important; }

/* ==========================================================================
   RODAPÉ (FOOTER)
   ========================================================================== */
.site-footer { background-color: #1a1a1a; color: #eae5d9; text-align: center; padding: 70px 5% 40px; margin-top: 60px; }
.site-footer .footer-wrapper { max-width: 800px; margin: 0 auto; }
.site-footer .footer-title { font-family: var(--fonte-titulos); font-size: 2.2em; color: var(--cor-fundo-papel); margin: 0 0 15px 0; }
.site-footer .footer-description { font-size: 1.1em; color: #b3b3b3; margin: 0 0 50px 0; }
.site-footer .footer-bottom { font-size: 0.85em; color: #666666; border-top: 1px solid #333333; padding-top: 30px; }