/* Cores do tema:
 * #4A000B = bordô
 * #f6f4ee = bege de fundo
 * #333333 = cinza */

/* =======================================
   FORÇAR FAIXA DO TOPO COLADA E MAIS ESTREITA (Apenas Celular)
======================================= */
@media screen and (max-width: 767px) {
    /* 1. ELIMINA QUALQUER ESPAÇO ACIMA DA FAIXA */
    html, 
    body, 
    #page,
    header,
    .site-header,
    #masthead {
        margin-top: 0 !important;
        padding-top: 0 !important;
        top: 0 !important;
    }

    /* 2. REDUZ AS MARGENS INTERNAS DO CABEÇALHO GERAL */
    header, 
    .site-header, 
    #masthead, 
    .header-main {
        padding-top: 0px !important;     /* Deixa a faixa fina no topo */
        padding-bottom: 8px !important;  /* Deixa a faixa fina embaixo */
        min-height: auto !important;
        height: auto !important;
    }

    /* 3. AJUSTA DIRETAMENTE A "DESCRIÇÃO" DO SITE (TAGLINE) */
    .site-description,
    .site-tagline,
    header p,
    .wp-block-site-tagline {
        font-size: 15px !important;      /* Diminui o tamanho do texto da descrição */
        margin-top: 3px !important;      /* Cola a descrição logo abaixo do título */
        margin-bottom: 0 !important;     /* Elimina a folga de baixo */
        padding: 0 !important;
        line-height: 1 !important;
    }
}
/* =======================================
   COR DO TEXTO "SEU ENCONTRO DIÁRIO COM DEUS" NA FAIXA BORDÔ
======================================= */

/* Força o texto da descrição do site/topo a ficar visível sobre o fundo escuro */
.site-description,
.site-description p,
p.site-description,
.header-description {
	color: #f6f4ee !important;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) !important; /* Leve sombra para dar profundidade e elegância */
}
/* =======================================
   AJUSTE DO TAMANHO DO TÍTULO DO SITE (Apenas para Celular)
======================================= */

@media screen and (max-width: 767px) {
    /* Alvo nas tags comuns de título do WordPress */
    .site-title,
    .site-title a,
    h1.site-title,
    .wp-block-site-title {
        font-size: 24px !important; /* Diminui o tamanho da letra no celular */
        line-height: 1.1 !important; /* Mantém as linhas próximas sem sobrepor o texto */
        word-wrap: break-word !important;
        
        /* ELIMINA O ESPAÇO ACIMA DO TÍTULO */
        margin-top: 0 !important;   /* Zera a margem externa superior */
        padding-top: 0 !important;  /* Zera o preenchimento interno superior */
    }
}

/* =======================================
   ALINHAMENTO: CENTRALIZAÇÃO DOS TÍTULOS DAS PÁGINAS E POSTS
======================================= */

h1.entry-title,
.entry-title,
.page-title,
h1.page-title,
.wp-block-post-title {
	text-align: center !important;
	width: 100% !important;
	display: block !important;
}

/* =======================================
   PADRONIZAÇÃO GLOBAL DE CORES (TOM BORDÔ PARA TODOS OS TAMANHOS DE TELA)
======================================= */

/* 1. Alvo: Título Principal do Site (Identidade Visual) */
.site-title,
.site-title a,
header .site-title,
header .site-title a,
.site-branding .site-title a {
	color: #4A000B !important;
}

/* 2. Alvo: Títulos das Páginas, Posts e Arquivos */
h1.entry-title,
.entry-title,
.page-title,
h1.page-title,
.wp-block-post-title {
	color: #4A000B !important;
}

/* 3. Alvo: Textos de Parágrafos */
p,
.entry-content p,
.post-content p {
	color: #4A000B !important;
}

/* 4 Altera a cor do texto de todos os itens de lista nas páginas e posts */
.entry-content ul li,
.entry-content ol li,
.page-content ul li,
.page-content ol li {
    color: #4A000B !important;
}

/* Altera a cor do título do contador de visitas no rodapé */
#blog-stats-2 .widget-title,
.footer-widgets-wrapper .widget-title {
    color: #f6f4ee !important;
}

/* =======================================
   AJUSTE DO BOTÃO DE MENU E SUA MARGEM INFERIOR (Apenas Celular)
===================================== */
@media screen and (max-width: 767px) {
    /* Alveja as classes e tags mais comuns para o botão de menu mobile */
    .menu-toggle,
    button.menu-toggle,
    .mobile-menu-toggle,
    .navbar-toggle,
    .wp-block-navigation-submenu__toggle {
        font-size: 14px !important;      /* Diminui o texto ou ícone do menu */
        padding: 6px 12px !important;    /* Deixa a caixinha do botão mais compacta */
        margin-bottom: 5px !important;   /* Diminui drasticamente a margem abaixo dele */
        margin-top: 5px !important;      /* Ajusta o topo para equilibrar */
        height: auto !important;         /* Remove alturas fixas que o tema possa impor */
        line-height: 1 !important;
    }

    /* Reduz o espaço do container ou barra que envelopa o menu, se houver */
    .main-navigation,
    .mobile-navigation,
    .navbar {
        margin-bottom: 5px !important;   /* Elimina folgas da estrutura do menu */
        padding-bottom: 0 !important;
    }
}
/* Altera a cor dos itens/links do menu ao passar o mouse ou o dedo */
.main-navigation a:hover, 
.main-navigation a:focus, 
.main-navigation a:active,
.nav-menu a:hover,
.nav-menu a:focus,
.nav-menu a:active {
    color: #800020 !important;
}

/* Define a cor padrão para todos os títulos do site */
h1, h2, h3, h4, h5, h6 {
    color: #4A000B !important;
}

/* Alvo absoluto baseado na URL exata do link */
.main-navigation a[href*="/associacao-presbiteros/"] {
    color: #4A000B !important;
}

/* Efeito de hover/toque baseado na URL exata */
.main-navigation a[href*="/associacao-presbiteros/"]:hover,
.main-navigation a[href*="/associacao-presbiteros/"]:focus,
.main-navigation a[href*="/associacao-presbiteros/"]:active {
    color: #800020 !important;
}


/* ==========================================================================
   CONFIGURAÇÕES EXCLUSIVAS PARA O MENU MOBILE (CELULAR E TABLET)
   ========================================================================== */
@media screen and (max-width: 767px) {
    
    /* 1. Estrutura e Tamanho do Botão Hambúrguer */
    .menu-toggle,
    button.menu-toggle,
    .mobile-menu-toggle,
    .navbar-toggle,
    .wp-block-navigation-submenu__toggle {
        font-size: 14px !important;
        padding: 6px 12px !important;
        margin-bottom: 5px !important;
        margin-top: 5px !important;
        height: auto !important;
        line-height: 1 !important;
    }

    /* 2. Cor Padrão do Texto dos Links Internos do Menu */
    .main-navigation a,
    .main-navigation a:visited,
    .nav-menu a,
    .nav-menu a:visited,
    #top-menu a {
        color: #4A000B !important;
    }

    /* 3. AÇÃO DO DEDO/CLIQUE: Botão Hambúrguer acende em Bordô (#800020) */
    .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active,
    button.menu-toggle:hover, button.menu-toggle:focus, button.menu-toggle:active,
    .mobile-menu-toggle:hover, .mobile-menu-toggle:focus, .mobile-menu-toggle:active,
    .wp-block-navigation-submenu__toggle:hover, .wp-block-navigation-submenu__toggle:focus, .wp-block-navigation-submenu__toggle:active {
        color: #800020 !important;
        border-color: #800020 !important;
    }

    /* Se as 3 linhas do botão forem um desenho SVG interno, elas também acendem */
    .menu-toggle:hover svg, button.menu-toggle:hover svg,
    .menu-toggle:focus svg, button.menu-toggle:focus svg,
    .menu-toggle:active svg, button.menu-toggle:active svg {
        fill: #800020 !important;
        stroke: #800020 !important;
    }

    /* 4. AÇÃO DO DEDO/CLIQUE: Palavras e Opções do Menu acendem em vinho (#800020) */
    .main-navigation a:hover, .main-navigation a:focus, .main-navigation a:active,
    .nav-menu a:hover, .nav-menu a:focus, .nav-menu a:active,
    #top-menu a:hover, #top-menu a:focus, #top-menu a:active {
        color: #800020 !important;
    }

    /* 5. Ajuste de espaçamento do container do menu */
    .main-navigation,
    .mobile-navigation,
    .navbar {
        margin-bottom: 5px !important;
        padding-bottom: 0 !important;
    }
}

/* 3. CORRIGIDO: Força o botão hambúrguer inteiro e suas linhas a acenderem em vinho no toque */
    #site-navigation .menu-toggle:hover, 
    #site-navigation .menu-toggle:focus, 
    #site-navigation .menu-toggle:active,
    #site-navigation button:hover,
    #site-navigation button:focus,
    #site-navigation button:active,
    #site-navigation a:hover,
    #site-navigation a:focus,
    #site-navigation a:active {
        color: #800020 !important;
        border-color: #800020 !important;
    }

    /* Se o hambúrguer for composto por linhas internas de fontes de ícone ou vetores (SVG) */
    #site-navigation .menu-toggle:hover *, 
    #site-navigation .menu-toggle:focus *, 
    #site-navigation .menu-toggle:active * {
        color: #800020 !important;
        fill: #800020 !important;
        stroke: #800020 !important;
    }
/* =======================================
  Altera o tamanho da fonte QUANDO UTILIZADA A CLASSE .texto-mobile-menor
===================================== */
/* 1. CELULARES (tela abaixo de 768px ) */
@media (max-width: 768px) {
  .texto-mobile-menor, .texto-mobile-menor a {
    font-size: 14px !important; /* Ajuste os 14px para o tamanho que preferir */
  }
}
/* 2. TABLETS (intermediário entre 768px e 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
  .texto-mobile-menor, .texto-mobile-menor a {
    font-size: 16px !important; /* Um tamanho do meio do caminho */
  }
}

/* 3. COMPUTADORES (Telas grandes a partir de 1024px) */
@media (min-width: 1024px) {
  .texto-mobile-menor, .texto-mobile-menor a {
    font-size: 18px !important;
  }
}

/* =======================================
   WP BOTTOM MENU - IDENTIDADE BORDÔ, CORREÇÃO DE DELAY E PULSO VELOZ
   ======================================= */

/* --- 1. ESTADO NORMAL & ACELERAÇÃO DE CLIQUE --- */
.wp-bottom-menu-item {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	/* REMOVE O DELAY DE 300ms DO CLIQUE NO CELULAR (RESPOSTA INSTANTÂNEA) */
	touch-action: manipulation !important; 
}

.wp-bottom-menu-item i.wp-bottom-menu-item-icons,
.wp-bottom-menu-item span {
	color: #4A000B !important;
	/* Transição ultrarrápida (0.1s) para resposta tátil imediata */
	transition: transform 0.1s ease-out, color 0.1s ease-out !important; 
}

/* --- 2. INTERAÇÃO (HOVER & ACTIVE): Tom Apaixonante Sofisticado --- */

/* Quando passa o mouse (Hover) ou o botão está selecionado (Active) */
.wp-bottom-menu-item:hover i.wp-bottom-menu-item-icons,
.wp-bottom-menu-item.active i.wp-bottom-menu-item-icons {
	color: #800020 !important; /* Sugestão: Bordô Quente/Vinho (Sofisticado e Intenso) */
	transform: scale(1.15) !important; /* Pulso rápido */
}

/* O texto abaixo acompanha a velocidade e a cor */
.wp-bottom-menu-item:hover span,
.wp-bottom-menu-item.active span {
	color: #800020 !important;
}

/* =======================================
   PADRONIZAÇÃO DOS BOTÕES NATIVOS COM AS CORES DO TEMA
======================================= */
/* Cor padrão do botão: Fundo bege claro com texto e borda cinza escuro */
.wp-block-button__link {
	background-color: #4A000B !important;
	color: #f6f4ee !important;
	border: 1px solid #4A000B !important; /* Retorna a bordinha cinza do original */
	border-radius: 4px !important; /* Quinas suavemente arredondadas */
	transition: all 0.3s ease !important; /* Suaviza a transição de cor e borda */
}

/* Efeito Hover/Touch: Aplica o tom bordô (#4A000B) ao passar o mouse ou tocar no celular */
.wp-block-button__link:hover,
.wp-block-button__link:active,
.wp-block-button__link:focus {
	background-color: #f6f4ee !important;
	color: #800020 !important;
	border: 1px solid #800020 !important; /* Borda acompanha o tom bordô */
}


/* =======================================
   PADRONIZAÇÃO DOS LINKS AO CLICAR E FOCAR (TOM BORDÔ)
===================================== */
/* Altera a cor do link no momento do clique (celular/mouse) e quando focado */
a:active, 
a:focus {
	color: #4A000B !important;
}

/* Garante que links dentro de parágrafos e textos comuns também sigam a regra */
p a:active, 
p a:focus {
	color: #4A000B !important;
}

/* Altera a cor de links em parágrafos e títulos ao passar o mouse ou interagir */
p a:hover, 
p a:focus,
h1 a:hover, h1 a:focus,
h2 a:hover, h2 a:focus,
h3 a:hover, h3 a:focus,
h4 a:hover, h4 a:focus,
h5 a:hover, h5 a:focus,
h6 a:hover, h6 a:focus {
    color: #800020 !important;
}

/* Garante o mesmo comportamento para links gerais dentro do conteúdo principal */
.entry-content a:hover, 
.entry-content a:focus {
    color: #800020 !important;
}

/* =======================================
   CORREÇÃO DO MENU: EXCLUSIVO PARA DISPOSITIVOS MÓVEIS (CELULAR/TABLET)
======================================= */

/* Esta regra só será executada em telas de celulares e tablets (abaixo de 960px) */
@media screen and (max-width: 960px) {
	
	.main-navigation a:active,
	.main-navigation a:focus,
	.main-navigation .current_page_item > a,
	.main-navigation .current-menu-item > a,
	.main-navigation .current_page_ancestor > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_ancestor a:active,
	.main-navigation .current_page_ancestor a:focus {
		color: #4A000B !important;
		opacity: 1 !important;
	}


/* ==========================================================================
   CORREÇÃO COMPLETA DO BOTÃO DO MENU E LINKS NO CELULAR (EXCLUSIVO)
   ========================================================================= */

@media screen and (max-width: 960px) {
	
	/* 1. Alvo: Links internos do menu (submenus e páginas ativas) */
	.main-navigation a:active,
	.main-navigation a:focus,
	.main-navigation .current_page_item > a,
	.main-navigation .current-menu-item > a,
	.main-navigation .current_page_ancestor > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_ancestor a:active,
	.main-navigation .current_page_ancestor a:focus {
		color: #800020 !important;
		opacity: 1 !important;
	}

	/* 2. Alvo: O BOTÃO VISÍVEL DO MENU (HAMBÚRGUER) */
	/* Altera TEXTO/ÍCONE E Borda para bordô quando tocado/focado */
	.main-navigation .menu-toggle:active,
	.main-navigation .menu-toggle:focus,
	button.menu-toggle:active,
	button.menu-toggle:focus {
		color: #4A000B !important;          /* Cor do texto/ícone */
		border-color: #4A000B !important;   /* CORRIGE A BORDA VERMELHA */
		background-color: transparent !important; /* Mantém fundo transparente */
		outline: none !important;            /* Remove contornos extras padrão do navegador */
	}

/* ================================================================================================ */

	/* Limpa a imagem global que o WordPress injeta nas páginas */
.page .custom-header-image {
    background-image: none !important;
}

/* Força a exibição da imagem de destaque individual como bloco visível */
.page.has-post-thumbnail .entry-thumbnail,
.page.has-post-thumbnail .post-thumbnail {
    display: block !important;
}

/* Caso o tema use o cabeçalho como fundo, este bloco força a restauração do comportamento padrão do Karuna */
.page.has-post-thumbnail .custom-header {
    background-image: inherit;
}
	
	.page.has-post-thumbnail .entry-thumbnail img, 
.page.has-post-thumbnail .post-thumbnail img {
    display: block !important;
    width: 100%;
    height: auto;
}
	
	/*========================== Alvo: Links internos do menu (submenus e páginas ativas) em telas de computador. Altera a cor de quando a página está ativa e quando passar o mouse
	 * ================================*/
.main-navigation a:active,
.main-navigation a:focus,
.main-navigation a:hover,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_ancestor a:active,
.main-navigation .current_page_ancestor a:focus {
    color: 800020 !important;
    opacity: 1 !important;
    font-weight: bold !important;
}/* Adicionado para destaque extra em telas grandes */
}