/*
Theme Name: Conexão Essencial
Theme URI: https://conexaoessencial.online
Author: Gustavo Figueiredo
Description: Tema minimalista e acolhedor focado em Saúde, Educação e Finanças. Desenvolvido com Tailwind CSS (CDN).
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: minimalista, blog, education, health, finance
Text Domain: conexao-essencial
*/

/* =========================================
   1. AJUSTES GLOBAIS DO WORDPRESS
   ========================================= */

.aligncenter {
    display: block;
    margin: 0 auto;
}

.alignright {
    float: right;
    margin-left: 1.5em;
}

.alignleft {
    float: left;
    margin-right: 1.5em;
}

.alignnone {
    float: none;
    margin: 0;
}

/* Ajustes para a barra de administração do WP não cobrir o menu fixo */
body.admin-bar header {
    top: 32px !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar header {
        top: 46px !important;
    }
}

/* =========================================
   2. ANIMAÇÕES (SAUDAÇÃO)
   ========================================= */

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 0.8s ease-out forwards;
}

/* =========================================
   3. ESTILOS DE PUBLICIDADE (ADSENSE)
   ========================================= */

.ad-slot {
    background-color: transparent !important;
    border: none !important;
    color: transparent !important;
}

/* Mostra a borda tracejada apenas para o Administrador */
body.admin-bar .ad-slot {
    background-color: #F0EFED !important;
    border: 1px dashed #D1D1D1 !important;
    color: #999 !important;
    position: relative;
}

body.admin-bar .ad-slot::after {
    content: "Espaço de Anúncio";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 10px;
    color: #999;
    pointer-events: none;
}

/* =========================================
   4. ESTILOS DO MENU MOBILE DINÂMICO
   ========================================= */

#mobile-menu-overlay.open {
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* Estilo dos links no mobile */
.mobile-nav-list li {
    list-style: none;
}

.mobile-nav-list a {
    text-decoration: none;
    color: #4A4A4A;
    transition: color 0.3s;
}

.mobile-nav-list a:hover {
    color: #D4A373;
}

/* Impede rolagem quando menu está aberto */
body.menu-open {
    overflow: hidden;
}