/*@ ==========================================================================
/*@ ARQUIVO: ERR-CUSTOM.CSS (Gillion Child Theme - Esporte em Rede)
/*@ Desenvolvido e Organizado por: Laécio Rodrigues
/*@ Descrição: Central de customizações de performance, design e sistema.
/*@ ========================================================================== */

/*# ==========================================================================
/*# VARIÁVEIS GLOBAIS DE CORES
/*# ========================================================================== */
:root {
   /*+ Tons de Azul */
   --eer-azul-muito-escuro: #030a15;
   /* Background Color */
   --eer-azul-bem-escuro: #05132a;
   --eer-azul-escuro: #0b2d57;
   /*+ Fundo */
   --eer-azul-claro: #2e7dff;

   /*+ Tons de Cinza / Neutros */
   --eer-cinza-1: #e5e7eb;
   --eer-cinza-2: #f8fafc;
   --eer-cinza-3: #cccccc;
   --eer-cinza-4: #666666;

   /*+ Cores Básicas */
   --eer-branco: #ffffff;
   --eer-preto: #000000;
   --eer-preto-2: #333333;

   /*+ Tons de Verde (Destaques Esportivos) */
   --eer-verde-gramado: #00b50c;
   /* Accent Color */
   --eer-verde-luminoso: #81d742;
   /* Link Hover Color */
   --eer-verde-volt: #cfff40;
}


/*# ==========================================================================
/*# PAGINAS
/*# ========================================================================== */

/** HOME -----------------------------------------*/
/**----------------------------------------------*/

/*+ SLIDER - HERO */
.hero-eer-slide .blog-slider-content {
   padding-bottom: 0 !important;
}

.hero-eer-slide .post-meta {
   display: none;
}

.hero-eer-slide .blog-slider-dots .slick-dots {
   position: relative !important;
   top: 9px !important;
   display: flex !important;
   justify-content: center;
   gap: 8px;
   /* Espaçamento entre as bolinhas */
}

.hero-eer-slide .slick-dots li.slick-active button {
   background-color: var(--eer-verde-gramado);
}

.hero-eer-slide .slick-dots li {
   margin: 0 !important;
   width: 8px !important;
   height: 8px !important;
}

.hero-eer-slide .slick-dots li button {
   width: 8px !important;
   height: 8px !important;
}

.hero-eer-slide .slick-dots li button::before {
   width: 8px !important;
   height: 8px !important;
}

.hero-eer-slide .blog-slider-style2.style10 .blog-slider-item h2 {
   font-size: 25px !important;
}

/*+ SLIDER - ULTIMAS*/
/*> CORREÇÃO DO BUG: Impede o último item do carrossel de cair para a linha de baixo */
.home-ultimas .sh-blog-fancy .slick-track {
   display: flex !important;
}

.home-ultimas .sh-blog-fancy .slick-track .slick-slide {
   float: none !important;
   height: auto;
   display: flex;
}

.home-ultimas .sh-blog-fancy .slick-track .post-item {
   margin-bottom: 0 !important;
}

/*> CENTRALIZAR SETAS DO CARROSSEL (ultimas noticias) */
.home-ultimas .sh-blog-fancy .sh-carousel-buttons-styling {
   display: flex !important;
   justify-content: center;
   width: fit-content !important;
   margin-left: auto !important;
   margin-right: auto !important;
}

/*+ SLIDER - ENTREVISTAS */
.eer-entrevistas .slider-arrows-sides .slick-prev.slick-arrow i,
.eer-entrevistas .slider-arrows-sides .slick-next.slick-arrow i {
   color: var(--eer-azul-bem-escuro);
}

.eer-entrevistas .slider-arrows-sides .slick-prev.slick-arrow i:hover,
.eer-entrevistas .slider-arrows-sides .slick-next.slick-arrow i:hover {
   color: var(--eer-verde-gramado);
}

.eer-entrevistas .post-style-cover h2 {
   font-size: 20px;
}

/*+ BLOCO ENTREVISTAS */

/* Prepara o container para receber o botão */
.eer-entrevistas .sh-blog-fancy-title-container {
   display: block !important;
   position: relative !important;
}

/* Trava o botão no canto extremo direito absoluto */
.eer-entrevistas .eer-botao-injetado {
   position: absolute !important;
   right: 0 !important;
   bottom: 8px !important;
   /* Ajuste a altura se necessário (ex: 5px, 10px) */

   cursor: pointer !important;
   font-size: 14px !important;
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   padding: 3px 10px !important;
   border-radius: 100px !important;
   text-decoration: none !important;
   line-height: 1 !important;
   color: #81D742 !important;
   /* Cor verde no texto */
   border: 1px solid #ffffff !important;
   /* Borda branca */
   background-color: #030A15 !important;
   border-radius: 6px !important;
}

/* Garante que o título não desalinhe */
.eer-entrevistas .sh-blog-fancy-title {
   margin-bottom: 0 !important;
}

/*+ BLOCO REPORTAGENS */
/* Esconde as outras categorias e deixa SOMENTE a aba "Todas" */
.home-bloco-reportagem .sh-categories-names ul.nav-tab li:not(:first-child) {
   display: none !important;
}

/* Oculta o "All", garante o link e RESTAURA A BORDA com as medidas originais */
.home-bloco-reportagem .sh-categories-names ul.nav-tab li:first-child a {
   cursor: pointer !important;
   font-size: 0 !important;
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   padding: 3px 10px !important;
   /* Espaçamento original para a borda não esmagar o texto */
   margin-right: 0 !important;
   border: 1px solid #ededed !important;
   /* Devolve a borda puxando a cor verde nativa do tema */
   border-radius: 6px !important;
   /* Mantém o formato oval do botão */
}

/* Projeta a palavra "Todas" com o tamanho de fonte normal */
.home-bloco-reportagem .sh-categories-names ul.nav-tab li:first-child a::after {
   content: "Todas" !important;
   font-size: 14px !important;
   line-height: 1 !important;
}

/*+ BLOCO PROJETOS SOCIAIS */

/* Devolve o formato original para a linha esticar e prepara para receber o botão */
.home-bloco-projetos .sh-blog-fancy-title-container {
   display: block !important;
   position: relative !important;
}

/* Trava o botão no canto extremo direito absoluto */
.home-bloco-projetos .eer-botao-injetado {
   position: absolute !important;
   right: 0 !important;
   bottom: 8px !important;
   cursor: pointer !important;
   font-size: 14px !important;
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   padding: 3px 10px !important;
   border-radius: 100px !important;
   text-decoration: none !important;
   line-height: 1 !important;
   color: #81D742 !important;
   border: 1px solid #ffffff !important;
   border-radius: 6px !important;
}

/* Garante que o título não empurre a linha para baixo */
.home-bloco-projetos .sh-blog-fancy-title {
   margin-bottom: 0 !important;
}

/*+ BLOCO NOTÍCIAS */

/* Esconde as outras categorias e deixa SOMENTE a aba "Todas" */
.home-bloco-noticias .sh-categories-names ul.nav-tab li:not(:first-child) {
   display: none !important;
}

/* Oculta o texto original, garante o link e restaura a borda */
.home-bloco-noticias .sh-categories-names ul.nav-tab li:first-child a {
   cursor: pointer !important;
   font-size: 0 !important;
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   padding: 3px 10px !important;
   margin-right: 0 !important;
   border: 1px solid #ededed !important;
   border-radius: 6px !important;
}

/* Projeta a palavra "Todas" */
.home-bloco-noticias .sh-categories-names ul.nav-tab li:first-child a::after {
   content: "Todas" !important;
   font-size: 14px !important;
   line-height: 1 !important;
}

/* Oculta o tempo de leitura (ícone do relógio e texto) */
.home-bloco-noticias .post-readtime {
   display: none !important;
}

/* Remove a barra branca vertical (pseudo-elemento ::after) ao lado do autor/data */
.home-bloco-noticias .post-auhor-date::after {
   display: none !important;
}

.home-bloco-noticias .blog-mini-post-large {
   margin-bottom: 14px;
   padding-bottom: 14px;
}

/*# ==========================================================================
/*# CONFIGURAÇÕES GLOBAIS BÁSICAS
/*# ========================================================================== */
/*+ Seleção de Texto pelo Mouse */
::selection {
   color: var(--eer-azul-muito-escuro) !important;
   background-color: var(--eer-verde-gramado) !important;
}

/*+ Marcação de Texto (Highlight) */
.mark,
mark {
   background-color: var(--eer-branco);
   color: var(--eer-azul-bem-escuro);
}

/*+ Blocos de Código Padrão */
code {
   color: var(--eer-azul-bem-escuro) !important;
}


/*# ==========================================================================
/*# TÍTULOS DE SEÇÕES E ABAS (WIDGETS / PLUGINS)
/*# ========================================================================== */
/*+ Sublinhado dos Títulos de Seção / Relacionados / Categorias */
.sh-title-style2 .sh-widget-title-styling h3,
.sh-title-style2 .sh-widget-title-styling h4,
.sh-title-style2 .post-related-title h2,
.sh-title-style2 .sh-categories-title h2,
.sh-title-style2 .sh-blog-fancy-title-container h2 {
   border-bottom: 2px solid var(--eer-verde-luminoso) !important;
}

/*+ Cor do Título nas Abas Ativas (Tabs) */
.sh-section-tabs-style3 .sh-tabs-stying li.active a,
.sh-section-tabs-style3 .sh-tabs-stying li.active a h4 {
   color: var(--eer-verde-luminoso) !important;
}


/*# ==========================================================================
/*# LAYOUT DE NAVEGAÇÃO
/*# ========================================================================== */
/*+ Barra de Título e Breadcrumbs (Topo da página) */
.sh-titlebar {
   background-color: var(--eer-azul-muito-escuro) !important;
}

.sh-titlebar .title-level {
   text-align: center !important;
}

.sh-titlebar a {
   color: var(--eer-cinza-3) !important;
}

/*+ Títulos da Sidebar Lateral */
#sidebar h3,
#sidebar h3>a {
   font-size: 18px;
   color: inherit !important;
}

/*+ Células de Topo de Tabela do Gillion */
.sh-table-cell-top,
.sh-table-cell-top h2 {
   color: var(--eer-azul-bem-escuro);
}


/*# ==========================================================================
/*# ÁREA INTERNA DA MATÉRIA (POSTAGEM)
/*# ========================================================================== */
/*+ Links dentro do texto da matéria */
.post-content a {
   font-weight: 600;
}

.post-content a:hover {
   border-bottom: 1px solid var(--eer-verde-volt) !important;
}

/*+ Citações (Blockquotes e Pullquotes) */
.blog-blockquote-style2 blockquote cite {
   color: var(--eer-verde-luminoso);
}

.blog-blockquote-style2 blockquote:after {
   background-color: var(--eer-verde-luminoso);
}

.wp-block-pullquote {
   padding: 1em 0 !important;
}

/*+ Ícone de Compartilhamento Nativo */
.post-content-share .jssocials-share-logo {
   color: inherit !important;
}

/*+ Tags da Matéria */
.post-tags-item.post-tags-item-title {
   background-color: var(--eer-branco);
   color: var(--eer-azul-bem-escuro);
   border-color: var(--eer-branco);
}

.post-tags-item {
   color: var(--eer-branco);
}


/*# ==========================================================================
/*# CAIXA DO AUTOR
/*# ========================================================================== */
.sh-post-author {
   background-color: var(--eer-azul-escuro) !important;
}

.sh-post-author .sh-post-author-info {
   color: var(--eer-branco) !important;
}

.sh-post-author-info .sh-post-author-icons i {
   color: var(--eer-branco) !important;
}


/*# ==========================================================================
/*# CARROSSÉIS E SLIDERS
/*# ========================================================================== */
/*+ Botões de Navegação (Setas) ao passar o mouse ou focar */
.blog-slider-style11 .slick-prev:hover,
.blog-slider-style11 .slick-next:hover,
.blog-slider-style11 .slick-prev:focus,
.blog-slider-style11 .slick-next:focus,
.blog-slider-style9 .slick-prev:hover,
.blog-slider-style9 .slick-next:hover,
.blog-slider-style9 .slick-prev:focus,
.blog-slider-style9 .slick-next:focus {
   background-color: var(--eer-verde-luminoso) !important;
}