/* =============================================================
CÓDIGO QUE ADICIONA IMAGEM ANTES DO TÍTULO DE DESTAQUE
============================================================= */

/* Ícone antes do título */
.home .elementor-element[data-id="78c2cde"] h2.is-title.post-title a::before {
  content: "" !important;
  display: inline-block !important;

  /* Tamanho do ícone */
  width: 28px !important;
  height: 26px !important;

  /* Espaçamento */
  margin-right: 6px !important;
  vertical-align: middle !important;

  /* Imagem do ícone */
  background-image: url("https://canalcriciumaoficial.com.br/wp-content/uploads/2025/11/Seta-vermelha-Titulo-de-Destaque.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

/* Alinhamento do texto + ícone */
.home .elementor-element[data-id="78c2cde"] h2.is-title.post-title {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  overflow: visible !important;
}

/* Fallback: caso a imagem não carregue (acessibilidade e UX) */
.home .elementor-element[data-id="78c2cde"] h2.is-title.post-title a::before {
  background-color: transparent !important;
}

/* Mobile ajuste fino (evita quebra feia em telas muito pequenas) */
@media (max-width: 480px) {
  .home .elementor-element[data-id="78c2cde"] h2.is-title.post-title {
    gap: 4px !important;
  }
}







/* =============================================================
CANAL CRICIÚMA — Ícone verde antes dos títulos (RECENTES)
Uniformiza tamanho e alinhamento em todos os títulos do bloco data-id="2"
Autor: Renato Rodrigues + ChatGPT — 2025-11-06
============================================================= */

[data-id="2"] .post-title a::before,
[data-id="2"] .is-title a::before {
  content: "";
  display: inline-block !important;
  width: 22px !important;
  height: 20px !important;
  margin-right: 0px !important;
  background-image: url("https://canalcriciumaoficial.com.br/wp-content/uploads/2025/11/SETINHA-PARA-CIMA-COR-VERDE.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  flex-shrink: 0 !important; /* impede que o ícone diminua em listas compactas */
  transform: translateY(1px); /* centraliza verticalmente */
}

/* Aplica flex em todos os links de título (qualquer variação) */
[data-id="2"] .post-title a,
[data-id="2"] .is-title a,
[data-id="2"] .list-post .post-title a,
[data-id="2"] .loop-list .post-title a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  line-height: 1.3 !important; /* garante altura uniforme */
}









/* =============================================================
CANAL CRICIÚMA — ÍCONE VERDE ANTES DOS TÍTULOS
CATEGORIA: maisnoticiasrecentes (bloco data-id="4")
Autor: Renato Rodrigues + ChatGPT — 2025-11-06
============================================================= */

[data-id="4"] .post-title a::before,
[data-id="4"] .is-title a::before {
  content: "";
  display: inline-block !important;
  width: 22px !important;
  height: 20px !important;
  margin-right: 0px !important;
  background-image: url("https://canalcriciumaoficial.com.br/wp-content/uploads/2025/11/SETINHA-PARA-CIMA-COR-VERDE.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  flex-shrink: 0 !important;
  transform: translateY(1px);
}

/* Alinhamento texto + ícone */
[data-id="4"] .post-title a,
[data-id="4"] .is-title a,
[data-id="4"] .list-post .post-title a,
[data-id="4"] .loop-list .post-title a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  line-height: 1.3 !important;
}

















/* REMOVE O NOME DA CATEGORIA DE CIMA DO TÍTULO DAS MATÉRIAS*/

.single-post .meta-item.cat-labels,
.single-post .meta-item.cat-labels a.category[rel="category"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

.single-post .entry-title,
.single-post .post-title,
.single-post .post-header,
.single-post .single-header,
.single-post .featured,
.single-post .post-media,
.single-post .single-featured {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}












/* ============================================================
   CANAL CRICIÚMA — Aviso de Cookies (alinhado à esquerda em todas telas)
   Autor: Renato Rodrigues + ChatGPT — Revisão final 2025-11-07
   ============================================================ */

/* 🔹 Remove completamente o botão de fechar */
#cookie-notice .cn-close,
#cookie-notice .cn-close-icon,
#cookie-notice .cn-close-notice {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 🔹 Caixa principal */
#cookie-notice {
  background: #ffffff !important;
  border-top: 1px solid #d9d9d9 !important;
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.08) !important;
  border-radius: 8px 8px 0 0 !important;
  padding: 14px 28px 16px !important;
  color: #333333 !important;
  font-size: 18px !important;
  line-height: 1.5em !important;
  font-weight: 400 !important;

  /* Força alinhamento geral à esquerda */
  text-align: left !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;

  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 9999999 !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

/* 🔹 Garante que todos os filhos fiquem alinhados à esquerda */
#cookie-notice * {
  text-align: left !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

/* 🔹 Container do texto */
#cookie-notice .cookie-notice-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

/* 🔹 Parágrafo e quebra da segunda linha */
#cookie-notice .cookie-notice-container p {
  margin: 0 !important;
  text-align: left !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}
#cookie-notice .cookie-notice-container p::after {
  content: "\A";
  white-space: pre;
}

/* 🔹 Link "Política de Privacidade" (azul) */
#cookie-notice a {
  color: #0066cc !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
#cookie-notice a:hover {
  text-decoration: underline !important;
}

/* 🔹 Container do botão */
#cookie-notice .cn-buttons-container {
  display: block !important;
  text-align: right !important;
  margin-top: 10px !important;
}

/* 🔹 Botão "Prosseguir" */
#cookie-notice .cn-set-cookie {
  background-color: #009929 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  padding: 8px 22px !important;
  border: none !important;
  cursor: pointer !important;
  display: inline-block !important;
  transition: background-color 0.25s ease-in-out;
  font-size: 16px !important;
}
#cookie-notice .cn-set-cookie:hover {
  background-color: #007d22 !important;
}

/* 🔹 Ajuste responsivo */
@media (max-width: 1024px) {
  #cookie-notice {
    padding: 14px 22px 16px !important;
    font-size: 16px !important;
    line-height: 1.4em !important;
  }
  #cookie-notice .cn-buttons-container {
    text-align: left !important;
    margin-top: 12px !important;
  }
  #cookie-notice .cn-set-cookie {
    padding: 8px 20px !important;
    font-size: 15px !important;
  }
}

/* 🔹 Garante visibilidade permanente */
#cookie-notice[style*="display:none"],
#cookie-notice.cn-hidden,
#cookie-notice.hidden {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}


/* ============================================================
   Ajuste específico — botão "Prosseguir" alinhado totalmente à direita
   ============================================================ */
#cookie-notice .cn-buttons-container {
  width: 100% !important;
  text-align: right !important; /* força o alinhamento à direita */
}

#cookie-notice .cn-set-cookie {
  display: inline-block !important;
  margin-right: 0 !important;
}


/* ============================================================
   CANAL CRICIÚMA — Compactação real da altura da caixa de cookies
   (sem alterar texto, botão, cor, fonte ou alinhamento)
   ============================================================ */

#cookie-notice {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1.2 !important;
}

#cookie-notice .cookie-notice-container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#cookie-notice .cn-text-container {
  margin-bottom: 2px !important;
}

#cookie-notice .cn-buttons-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#cookie-notice .cn-button {
  margin-top: 0 !important;
  margin-bottom: 2px !important;
}

/* ============================================================
   CANAL CRICIÚMA — Tamanho da fonte responsivo (cookies)
   ============================================================ */

/* 💻 Desktop e Tablet */
#cookie-notice .cn-text-container p,
#cookie-notice {
  font-size: 17px !important;
}

/* 📱 Mobile */
@media (max-width: 767px) {
  #cookie-notice .cn-text-container p,
  #cookie-notice {
    font-size: 15px !important;
  }
}

/* ============================================================
   CANAL CRICIÚMA — Caixa de cookies (linha dupla fina + sombra refinada)
   ============================================================ */
#cookie-notice {
  border-top: 2px solid #d9d9d9 !important;   /* linha superior cinza suave */
  border-bottom: 1px solid #f2f2f2 !important; /* linha inferior quase branca */
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.15) !important; /* sombra mais perceptível */
  border-radius: 6px 6px 0 0 !important; /* bordas superiores levemente arredondadas */
}

/* ============================================================
   CANAL CRICIÚMA — Corrige ação do botão "Prosseguir" (override CSS)
   ============================================================ */
document.addEventListener("DOMContentLoaded", function () {
  const box = document.querySelector("#cookie-notice");
  const btn = document.querySelector("#cookie-notice .cn-set-cookie");

  if (!box || !btn) return;

  function setConsentCookies() {
    const oneYear = 60 * 60 * 24 * 365;
    document.cookie = "cookie_notice_accepted=true; path=/; max-age=" + oneYear + "; SameSite=Lax";
    document.cookie = "cn_accept_cookie=true; path=/; max-age=" + oneYear + "; SameSite=Lax";
  }

  function hideBox() {
    // 🔸 Remove o "display:block !important" via CSS inline de alta prioridade
    box.removeAttribute("style");
    box.style.cssText = "opacity:0; visibility:hidden; display:none; transition:opacity 0.4s ease;";
    box.classList.remove("cn-shown");
    box.classList.add("cn-hidden");
  }

  // 🔹 Clique em "Prosseguir"
  btn.addEventListener("click", function (e) {
    e.preventDefault();
    e.stopPropagation();

    setConsentCookies();
    hideBox();
  });

  // 🔹 Se o cookie já existir, oculta logo ao carregar
  const cookies = document.cookie;
  if (cookies.includes("cookie_notice_accepted=true") || cookies.includes("cn_accept_cookie=true")) {
    hideBox();
  }
});





/* ============================================================
   CANAL CRICIÚMA — Solução definitiva: botão "Prosseguir" (força desaparecimento)
   ============================================================ */
document.addEventListener("DOMContentLoaded", function () {
  const box = document.querySelector("#cookie-notice");
  const btn = document.querySelector("#cookie-notice .cn-set-cookie");
  const oneYear = 60 * 60 * 24 * 365;

  // 🔹 Cria ou atualiza os cookies de aceitação
  function setConsentCookies() {
    document.cookie = "cookie_notice_accepted=true; path=/; max-age=" + oneYear + "; SameSite=Lax";
    document.cookie = "cn_accept_cookie=true; path=/; max-age=" + oneYear + "; SameSite=Lax";
  }

  // 🔹 Injeta CSS forçado que esconde o aviso completamente
  function injectHideCSS() {
    let style = document.getElementById("cn-hide-style");
    if (!style) {
      style = document.createElement("style");
      style.id = "cn-hide-style";
      style.innerHTML = `
        #cookie-notice,
        #cookie-notice.cn-shown,
        #cookie-notice.shown,
        #cookie-notice[style],
        .cookie-notice {
          display: none !important;
          opacity: 0 !important;
          visibility: hidden !important;
          pointer-events: none !important;
          height: 0 !important;
          overflow: hidden !important;
        }`;
      document.head.appendChild(style);
    }
  }

  // 🔹 Ação de clique no botão "Prosseguir"
  if (btn) {
    btn.addEventListener("click", function (e) {
      e.preventDefault();
      e.stopPropagation();
      setConsentCookies();
      injectHideCSS();
    });
  }

  // 🔹 Se o cookie já existir, não mostra o aviso ao carregar
  const cookies = document.cookie;
  if (cookies.includes("cookie_notice_accepted=true") || cookies.includes("cn_accept_cookie=true")) {
    injectHideCSS();
  }

  // 🔹 Mata observadores que possam reexibir o aviso
  const observer = new MutationObserver(() => {
    if (
      document.cookie.includes("cookie_notice_accepted=true") ||
      document.cookie.includes("cn_accept_cookie=true")
    ) {
      injectHideCSS();
    }
  });
  observer.observe(document.body, { childList: true, subtree: true });
});








/* Remove o branco antes da barra de Menu */
body::before {
  display: none !important;
  height: 0 !important;
}




/* Remove qualquer faixa extra que o tema esteja criando antes do header */
body {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Remove barras criadas por pseudo-elementos no topo */
body::before,
body::after {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}







* Remove espaço branco acima do primeiro banner */
.home .elementor-element.elementor-element-******** { 
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Garante que o banner não reserve altura exagerada */
.home .elementor-element.elementor-element-******** .elementor-widget-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}









#smart-head,
.header,
.site-header,
.smart-head,
.smart-head-mid {
    background-color: #007F11 !important;
}









/* Remove totalmente a logo interna do menu off-canvas em qualquer dispositivo */
#off-canvas .logo-mobile,
#off-canvas .logo-mobile img {
    display: none !important;
}









@media (max-width: 768px) {
    .smart-head,
    #smart-head,
    .smart-head-sticky,
    .header-sticky {
        position: relative !important;
    }
}












@media (max-width: 768px) {
    .master-slider .slides,
    [class*="slides"],
    .ms-view .slides,
    div[class*="ms"] .slides {
        padding-top: 0 !important;
        height: auto !important;
        min-height: unset !important;
    }
}










/* Remove a flechinha verde dos títulos da seção com data-id="4" */
[data-id="4"] .post-title a::before,
[data-id="4"] .is-title a::before {
    content: none !important;
    background: none !important;
    display: none !important;
}




/* Reset do layout de título no bloco data-id="4"
   (remove o flex que era usado só para a antiga flechinha verde) */
[data-id="4"] .post-title a,
[data-id="4"] .is-title a,
[data-id="4"] .list-post .post-title a,
[data-id="4"] .loop-list .post-title a {
    display: inline !important;
    align-items: initial !important;
    gap: 0 !important;
}