/* * 7 Digital - Main Stylesheet (High-Ticket Typography Fix) */

:root {
    --bg-primary: #f8f9fa;
    --text-primary: #111827;
    --link-color: #2563eb;
}

/* =========================================
   1. RESET ESTRUTURAL (Menu e Layout)
   ========================================= */

/* Remove bolinhas e zera margens dos menus do WP */
.menu-primary-container ul, 
.menu-footer-editorial-container ul,
.menu-footer-legal-container ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

nav ul li a {
    text-decoration: none !important;
    font-weight: 500;
    font-size: 0.875rem; 
    color: #4b5563;
    transition: color 0.2s;
}

nav ul li a:hover { color: #000; }

/* Animações e Utilitários */
.modal-overlay { transition: opacity 0.3s ease-in-out; }
.modal-content { transition: transform 0.3s ease-in-out, opacity 0.3s; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.animate-fade-in { animation: fadeIn 0.6s ease-out forwards; }

/* Scrollbar */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #cbd5e1; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
#reading-progress { width: 0%; height: 4px; background: #000; position: fixed; top: 0; left: 0; z-index: 9999; }


/* =========================================
   2. TIPOGRAFIA DO ARTIGO (.entry-content)
   AQUI ESTÁ A CORREÇÃO DO TEXTO GRUDADO
   ========================================= */

/* Container Principal do Texto */
.entry-content {
    font-family: 'Inter', sans-serif;
    font-size: 18px !important;    /* Tamanho fixo legível */
    line-height: 1.8 !important;   /* Altura de linha generosa (evita o bloco denso) */
    color: #374151 !important;     /* Cinza escuro confortável */
}

/* PARÁGRAFOS: Força o espaço entre eles */
.entry-content p {
    margin-bottom: 24px !important; /* Espaço inferior OBRIGATÓRIO */
    margin-top: 0 !important;
    display: block !important;
}

/* TÍTULOS (H2, H3...) dentro do post */
.entry-content h2, 
.entry-content h3, 
.entry-content h4 {
    font-family: 'Playfair Display', serif;
    color: #000000 !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.entry-content h2 {
    margin-top: 48px !important;    /* Muito espaço antes */
    margin-bottom: 20px !important; /* Espaço depois */
    font-size: 28px !important;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 12px;
}

.entry-content h3 {
    margin-top: 32px !important;
    margin-bottom: 16px !important;
    font-size: 24px !important;
}

/* LINKS: Azul e Negrito */
.entry-content a {
    color: #2563eb !important; /* Azul Royal */
    text-decoration: underline !important;
    text-underline-offset: 3px;
    font-weight: 600 !important;
}
.entry-content a:hover {
    color: #1e3a8a !important;
    background-color: #eff6ff;
}

/* LISTAS: Restaura as bolinhas e números */
.entry-content ul, 
.entry-content ol {
    margin-bottom: 24px !important;
    padding-left: 32px !important; /* Recuo para esquerda */
    margin-top: 16px !important;
}

.entry-content ul { list-style-type: disc !important; }
.entry-content ol { list-style-type: decimal !important; }

.entry-content li {
    margin-bottom: 8px !important;
    padding-left: 4px !important;
}
.entry-content li::marker {
    color: #9ca3af;
    font-weight: bold;
}

/* CITAÇÕES (Blockquote) */
.entry-content blockquote {
    border-left: 5px solid #000 !important;
    padding: 24px !important;
    margin: 32px 0 !important;
    background: #f9fafb !important;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 20px !important;
    color: #1f2937 !important;
}

/* IMAGENS */
.entry-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 32px auto !important;
    display: block;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);
}

/* AJUSTE MOBILE */
@media (max-width: 768px) {
    .entry-content { font-size: 17px !important; }
    .entry-content h2 { font-size: 24px !important; }
}

/* IMPRESSÃO */
@media print {
    .no-print, header, footer, .share-bar { display: none !important; }
    body { background: #fff; color: #000; }
}