/*
 * Independent Theme — Estilo: ceuafe
 * Gerado automaticamente na refatoração v5.2
 * NÃO editar manualmente sem atualizar style.css
 */

/* ── Regras de desktop ── */

body.style-ceuafe {
  background-color: #eaf2fb;
  font-family: 'Inter', 'Roboto', system-ui, sans-serif;
  font-size: 1.02rem; /* ligeiramente maior — mais legível */
  font-weight: 420; /* um toque mais presente sem ser bold */
}

body.style-ceuafe .site-header {
  background: linear-gradient(180deg, #103358 0%, #0a2040 55%, #06152b 100%) !important; /* céu profundo: claro no topo → escuro embaixo */
  border-bottom: 3px solid #07172e !important;
  box-shadow: 0 3px 16px rgba(0,0,0,0.30) !important;
}

body.style-ceuafe .site-header::after {
  content: '';
  display: block;
  height: 2px;
  background: linear-gradient(90deg, #e07b39, rgba(224,123,57,0.30));
  margin-top: 2px;
}

body.style-ceuafe .site-title .site-name a {
  color: #ffffff;
  font-family: 'Poppins', 'Montserrat', 'Inter', system-ui, sans-serif;
  font-weight: 700;
  text-decoration: none !important;
}

body.style-ceuafe .site-title .site-description {
  color: rgba(255,255,255,0.78);
}

body.style-ceuafe main {
  background-color: #ffffff;
  border-right: 1px solid rgba(13,43,74,0.10);
}

body.style-ceuafe aside {
  background-color: #ddedf8;
  border-left: none;
}

body.style-ceuafe .widget,
body.style-ceuafe .widget_block {
  background-color: #ffffff;
  border: 1px solid rgba(13,43,74,0.08);
  border-radius: 10px;
  box-shadow: 0 4px 14px rgba(13,43,74,0.07), 0 1px 4px rgba(0,0,0,0.04);
  transition: box-shadow 0.3s ease;
}

body.style-ceuafe .widget:hover,
body.style-ceuafe .widget_block:hover {
  box-shadow: 0 6px 20px rgba(13,43,74,0.11), 0 2px 6px rgba(0,0,0,0.05);
}

/* Widget do player: faixa terracota no topo para dar mais destaque */
body.style-ceuafe .widget_pr_widget,
body.style-ceuafe .widget:has(.pr-player) {
  border-top: 3px solid #e07b39 !important;
  box-shadow: 0 4px 18px rgba(224,123,57,0.12), 0 1px 4px rgba(0,0,0,0.04) !important;
}

body.style-ceuafe .wp-block-search__inside-wrapper {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}

body.style-ceuafe .wp-block-search__input {
  flex: 1 !important;
  width: auto !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

body.style-ceuafe .wp-block-search__button {
  flex-shrink: 0 !important;
  white-space: nowrap !important;
  background-color: #e07b39 !important;
  color: #ffffff !important;
  border: none !important;
}

body.style-ceuafe h1,
body.style-ceuafe h2,
body.style-ceuafe h3,
body.style-ceuafe .entry-title {
  color: #0d2b4a;
  font-family: 'Playfair Display', 'Lora', Georgia, serif; /* serifada clássica: peso e tradição de Bíblia impressa */
  font-weight: 700;
}

body.style-ceuafe a {
  color: #0d4f8c; /* era #1a6aaa — mais escuro, contraste WCAG AA mais forte */
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.style-ceuafe a:hover {
  color: #e07b39;
}

body.style-ceuafe .post-content p,
body.style-ceuafe .page-content p,
body.style-ceuafe .post-content li,
body.style-ceuafe .page-content li {
  color: #141e2b; /* era #1a2535 — mais escuro para melhor contraste */
  line-height: 1.85;
  font-size: 1.03rem;
}

body.style-ceuafe .post-content blockquote,
body.style-ceuafe .page-content blockquote {
  border-left: 5px solid #e07b39 !important;
  background: linear-gradient(135deg, #fdf8f0 0%, #f7f0e4 60%, #f2e8d5 100%) !important; /* pergaminho */
  color: #2a1f14 !important;
  border-radius: 0 12px 12px 0 !important;
  padding: 2.4rem 2.4rem 2.2rem 2.6rem !important;
  font-style: italic !important;
  font-size: 1.4rem !important; /* era 1.12rem — versículo monumental, âncora visual da página */
  font-family: 'Playfair Display', Georgia, 'Garamond', serif !important; /* serifada elegante */
  line-height: 1.95 !important; /* mais respiro entre linhas */
  position: relative !important;
  box-shadow: 0 3px 16px rgba(224,123,57,0.10), inset 0 0 0 1px rgba(224,123,57,0.12) !important;
}

body.style-ceuafe .post-content blockquote::before,
body.style-ceuafe .page-content blockquote::before {
  content: '\201C';
  position: absolute;
  top: -18px;
  left: 16px;
  font-size: 6rem; /* era 4rem — aspas maiores e mais ornamentais */
  color: rgba(184,84,26,0.85); /* era rgba(224,123,57,0.50) — ocre escuro p/ contraste AA sobre o bege */
  font-family: Georgia, 'Garamond', serif;
  line-height: 1;
  pointer-events: none;
  text-shadow: 1px 1px 0 rgba(224,123,57,0.15);
}

body.style-ceuafe .widget h3,
body.style-ceuafe .widget h2,
body.style-ceuafe .widget h4 {
  color: #b85a20 !important;
  border-bottom-color: rgba(224,123,57,0.35) !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  padding-left: 4px !important; /* alinha visualmente com o conteúdo interno do player */
}

body.style-ceuafe .header-search .search-form .search-submit {
  background-color: #b85a20;
  color: #ffffff;
  border: none;
}

body.style-ceuafe .header-search .search-form .search-submit:hover {
  background-color: #8f4010;
  filter: none;
}

body.style-ceuafe footer[role="contentinfo"] {
  background-color: #0d2b4a;
  border-top: 2px solid rgba(224,123,57,0.40);
}

body.style-ceuafe .site-info,
body.style-ceuafe .site-info p {
  color: rgba(255,255,255,0.72);
  border-top-color: rgba(255,255,255,0.15);
}

body.style-ceuafe footer a { color: rgba(255,255,255,0.82); }

body.style-ceuafe footer a:hover { color: #ffffff; }

body.style-ceuafe .social-title { color: #ffffff; }

body.style-ceuafe .social-links a { color: rgba(255,255,255,0.80); }

body.style-ceuafe footer[role="contentinfo"] p,
body.style-ceuafe footer[role="contentinfo"] span,
body.style-ceuafe footer[role="contentinfo"] li,
body.style-ceuafe footer[role="contentinfo"] td,
body.style-ceuafe footer[role="contentinfo"] div:not([class*="widget"]):not([class*="footer"]) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.style-ceuafe footer .footer-widget,
body.style-ceuafe footer .widget {
  background-color: transparent !important;
  border-color: rgba(255,255,255,0.15) !important;
  box-shadow: none !important;
}

body.style-ceuafe .pagination .page-numbers {
  color: #1a6aaa;
  border-color: rgba(13,43,74,0.20);
}

body.style-ceuafe .pagination .current,
body.style-ceuafe .pagination .page-numbers:hover {
  background: #e07b39;
  border-color: #e07b39;
  color: #ffffff;
}

body.style-ceuafe .read-more {
  background: #c86820 !important; /* terracota mais escuro — mais contraste */
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 0.92rem !important;
  padding: 10px 24px !important;
  border-radius: 8px !important;
  letter-spacing: 0.03em !important;
  box-shadow: 0 2px 8px rgba(200,104,32,0.30) !important;
  transition: all 0.3s ease !important;
}

body.style-ceuafe .read-more:hover {
  background: #a05518 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(200,104,32,0.45) !important;
  transform: translateY(-1px);
  filter: none !important;
}

@media (max-width: 768px) {
  body.style-ceuafe #main-menu {
    background: #0a2040 !important;
    border-top: 1px solid rgba(255,255,255,0.15) !important;
  }

  body.style-ceuafe #main-menu a {
    color: #ffffff !important;
  }
}

body.style-ceuafe       { --accent-color: #F5C542; --on-accent: #0d1f35; }

body.style-ceuafe .widget .wp-block-search__button {
  background-color: #b85a20 !important;
  color: #ffffff !important;
  border: none !important;
  text-transform: none !important;
  font-weight: 700 !important;
  padding: 0 15px !important;
}

body.style-ceuafe .widget .wp-block-search__button:hover {
  background-color: #8f4010 !important;
}
/* ── Componentes adicionados na auditoria v5.3 ── */


body.style-ceuafe .primary-nav {
  background: rgba(0,0,0,0.25);
  border-top: 1px solid rgba(255,255,255,0.10);
}
body.style-ceuafe .primary-nav .menu a {
  color: #ffffff !important;
  transition: all 0.3s ease !important;
}
body.style-ceuafe .primary-nav .menu a:hover {
  color: #e07b39 !important;
  background: rgba(255,255,255,0.08) !important;
}
body.style-ceuafe .primary-nav .menu li.current-menu-item > a,
body.style-ceuafe .primary-nav .menu li.current_page_item > a {
  color: #ffffff !important;
  font-weight: 700 !important;
  background: rgba(224,123,57,0.30) !important; /* fundo destacado — estado ativo claro */
  border-radius: 6px 6px 0 0;
  border-bottom: 3px solid #e07b39 !important; /* sublinhado terracota forte */
  padding-bottom: 8px !important;
}

body.style-ceuafe .post-content a,
body.style-ceuafe .page-content a {
  color: #0d4f8c !important; /* consistente com o link global */
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  transition: color 0.3s ease;
}
body.style-ceuafe .post-content a:hover,
body.style-ceuafe .page-content a:hover {
  color: #e07b39 !important;
}

body.style-ceuafe .post-meta {
  color: #445566 !important; /* era #5a6a7a — mais escuro, mais legível */
  font-size: 0.88rem !important;
  background: transparent !important;
  border-left: 3px solid #e07b39 !important;
  padding-left: 10px !important;
}
body.style-ceuafe .post-meta a {
  color: #0d4f8c !important;
  text-decoration: none !important;
}
body.style-ceuafe .post-meta a:hover {
  color: #e07b39 !important;
}

body.style-ceuafe .excerpt,
body.style-ceuafe .excerpt p {
  color: #1a1a1a !important;
  line-height: 1.7 !important;
}

body.style-ceuafe article {
  background-color: #ffffff;
  border: 1px solid #d0dce8 !important;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
body.style-ceuafe article:hover {
  box-shadow: 0 4px 20px rgba(0,0,0,0.10) !important;
  transform: translateY(-2px);
}

body.style-ceuafe .comment-list .comment-body {
  background: #ffffff !important;
  border: 1px solid #d0dce8 !important;
  border-radius: 8px !important;
  padding: 1.25rem 1.5rem !important;
}
body.style-ceuafe .comment-metadata a {
  color: #5a6a7a !important;
  font-size: 0.82rem !important;
  text-decoration: none !important;
}
body.style-ceuafe .comment-metadata a:hover {
  color: #e07b39 !important;
}
body.style-ceuafe .comment-content p {
  color: #1a1a1a !important;
  line-height: 1.75 !important;
}
body.style-ceuafe .comment-author .fn,
body.style-ceuafe .comment-author-name {
  color: #1a1a1a !important;
}

body.style-ceuafe .comment-form input[type="text"],
body.style-ceuafe .comment-form input[type="email"],
body.style-ceuafe .comment-form input[type="url"],
body.style-ceuafe .comment-form textarea {
  background: #ffffff !important;
  border: 1.5px solid #d0dce8 !important;
  color: #1a1a1a !important;
  border-radius: 6px !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}
body.style-ceuafe .comment-form input:focus,
body.style-ceuafe .comment-form textarea:focus {
  border-color: #e07b39 !important;
  box-shadow: 0 0 0 3px #e07b3922 !important;
  outline: none !important;
}
body.style-ceuafe .comment-form .submit {
  background: #e07b39 !important;
  color: #ffffff !important;
  border: none !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  transition: all 0.3s ease !important;
  letter-spacing: 0.04em !important;
}
body.style-ceuafe .comment-form .submit:hover {
  opacity: 0.88 !important;
  transform: translateY(-1px);
}

body.style-ceuafe .back-link a {
  color: #1a6aaa !important;
  border: 1.5px solid #e07b39 !important;
  border-radius: 6px;
  padding: 7px 16px;
  text-decoration: none !important;
  font-weight: 500;
  transition: all 0.3s ease;
}
body.style-ceuafe .back-link a:hover {
  background: #e07b39 !important;
  color: #ffffff !important;
}

body.style-ceuafe .error-404 .page-title,
body.style-ceuafe .no-results .page-title {
  color: #e07b39 !important;
}
body.style-ceuafe .error-404 .search-form .search-field,
body.style-ceuafe .no-results .search-form .search-field {
  background: #ffffff !important;
  border: 1.5px solid #d0dce8 !important;
  color: #1a1a1a !important;
  border-radius: 6px 0 0 6px !important;
}
body.style-ceuafe .error-404 .search-form .search-submit,
body.style-ceuafe .no-results .search-form .search-submit {
  background: #e07b39 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 6px 6px 0 !important;
  font-weight: 700 !important;
}

@media (max-width: 600px) {
  body.style-ceuafe .site-title .site-name a {
    font-size: clamp(1rem, 4vw, 1.3rem);
  }
  body.style-ceuafe .site-title .site-description {
    font-size: clamp(0.75rem, 3vw, 0.88rem);
  }
  body.style-ceuafe article {
    border-radius: 8px !important;
  }
}

body.style-ceuafe .post-thumbnail-img {
  border-radius: 6px !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
body.style-ceuafe article:hover .post-thumbnail-img {
  transform: scale(1.02);
}

@media (prefers-reduced-motion: reduce) {
  body.style-ceuafe article:hover {
    transform: none !important;
  }
  body.style-ceuafe article:hover .post-thumbnail-img {
    transform: none !important;
  }
  body.style-ceuafe .back-link a:hover,
  body.style-ceuafe .comment-form .submit:hover,
  body.style-ceuafe .read-more:hover {
    transform: none !important;
  }
}
/* ── Melhorias editoriais v5.4 ── */

/* Imagens dentro de widgets */
body.style-ceuafe .widget img,
body.style-ceuafe .widget_block img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 10px rgba(13,43,74,0.10) !important;
  transition: box-shadow 0.3s ease !important;
  display: block !important;
}

body.style-ceuafe .widget img:hover,
body.style-ceuafe .widget_block img:hover {
  box-shadow: 0 4px 16px rgba(13,43,74,0.16) !important;
}

body.style-ceuafe .widget img:hover,
body.style-ceuafe .widget_block img:hover {
  box-shadow: 0 4px 16px rgba(13,43,74,0.16) !important;
}

/* Efeito "Ao Vivo" — usa as classes reais do plugin Player Radio */
@keyframes ceuafePulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: 0.55; transform: scale(1.15); }
}

@media (prefers-reduced-motion: reduce) {
  body.style-ceuafe .widget img:hover,
  body.style-ceuafe .widget_block img:hover {
    box-shadow: 0 2px 10px rgba(13,43,74,0.10) !important;
  }
}

/* ── Microinterações v6.1 (Céu e Fé) ── */

/* Surgimento suave (fade-up) — leveza e elevação, combinando com a temática "Céu".
   A ordem do DOM não muda; é só apresentação. Respeita prefers-reduced-motion abaixo. */
@keyframes ceuafeFadeUp {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}
body.style-ceuafe .site-content article,
body.style-ceuafe .site-content .page-content,
body.style-ceuafe .site-content .post-content {
  animation: ceuafeFadeUp 0.6s ease both;
}

/* Flutuação dos banners/anúncios no hover (Conteúdo Extra e widgets de imagem):
   a caixa sobe levemente e a sombra se espalha — resposta tátil visual. */
body.style-ceuafe .content-extra .widget,
body.style-ceuafe .content-extra .widget_block {
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
body.style-ceuafe .content-extra .widget:hover,
body.style-ceuafe .content-extra .widget_block:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 12px 28px rgba(13,43,74,0.22) !important;
}

/* Acessibilidade: quem pede menos movimento não recebe o fade-up nem a flutuação */
@media (prefers-reduced-motion: reduce) {
  body.style-ceuafe .site-content article,
  body.style-ceuafe .site-content .page-content,
  body.style-ceuafe .site-content .post-content {
    animation: none !important;
  }
  body.style-ceuafe .content-extra .widget:hover,
  body.style-ceuafe .content-extra .widget_block:hover {
    transform: none !important;
    box-shadow: 0 4px 16px rgba(13,43,74,0.16) !important;
  }
}

/* Indicador de foco (navegação por teclado) com alto contraste sobre o fundo claro:
   o amarelo-dourado do acento é ótimo como preenchimento de botão, mas fraco como
   anel fino sobre o bege. Usa o azul-marinho da identidade (contraste 12.7). */
body.style-ceuafe :focus-visible {
  outline: 3px solid #0d2b4a !important;
  outline-offset: 2px !important;
}

/* ══════════════════════════════════════════════════════════════════
   Refinamentos editoriais v6.3 (Céu e Fé)
   Cinco aprimoramentos estéticos sutis que elevam o estilo sem mudar
   sua identidade (céu profundo + terracota + pergaminho + serifa).
   Mantêm contraste WCAG AA e respeitam prefers-reduced-motion.
   ══════════════════════════════════════════════════════════════════ */

/* 1) Halo de luz no cabeçalho — um raio de sol dourado e difuso rompendo
   o céu escuro, no canto superior direito. Puramente decorativo, atrás do
   conteúdo (z-index/pointer-events neutros), não interfere na leitura. */
body.style-ceuafe .site-header {
  position: relative;
  overflow: hidden;
}
body.style-ceuafe .site-header::before {
  content: '';
  position: absolute;
  top: -40px;
  right: 6%;
  width: 240px;
  height: 240px;
  background: radial-gradient(circle,
              rgba(245,197,66,0.22) 0%,
              rgba(224,123,57,0.10) 38%,
              transparent 70%);
  pointer-events: none;
  z-index: 0;
}
/* Garante que o conteúdo do cabeçalho fique acima do halo */
body.style-ceuafe .header-wrap,
body.style-ceuafe .header-top {
  position: relative;
  z-index: 1;
}

/* 5) Borda inferior do cabeçalho um pouco mais luminosa (dourado vivo)
   e gradiente de céu com transição mais suave. */
body.style-ceuafe .site-header {
  background: linear-gradient(180deg, #0c2f54 0%, #0a2444 50%, #06152b 100%) !important;
  border-bottom: 3px solid #07172e !important;
}
body.style-ceuafe .site-header::after {
  background: linear-gradient(90deg, #e8a44a, rgba(232,164,74,0.25)) !important;
}

/* 2) Filete dourado sob os títulos de seção — acabamento editorial.
   Aplica-se aos títulos de conteúdo (não aos de widget, que já têm
   sua própria borda inferior). */
body.style-ceuafe .post-content h2,
body.style-ceuafe .page-content h2,
body.style-ceuafe .entry-title {
  position: relative;
  padding-bottom: 10px;
}
body.style-ceuafe .post-content h2::after,
body.style-ceuafe .page-content h2::after,
body.style-ceuafe .entry-title::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 48px;
  height: 2px;
  background: linear-gradient(90deg, #e8a44a, rgba(232,164,74,0));
  border-radius: 0;
}

/* 3) Aspas ornamentais do versículo reposicionadas — mais integradas ao
   bloco de pergaminho, peso e posição refinados (complementa a regra
   blockquote::before existente, ajustando posição e cor). */
body.style-ceuafe .post-content blockquote::before,
body.style-ceuafe .page-content blockquote::before {
  top: -6px !important;
  left: 12px !important;
  font-size: 5rem !important;
  color: rgba(184,84,26,0.55) !important;
  text-shadow: 1px 2px 2px rgba(224,123,57,0.12) !important;
}

/* 4) Referência bíblica em destaque dourado — separa visualmente a citação
   (ex.: "— João 15:13") do corpo do versículo, como em Bíblias impressas.
   Segurança: só colore um <cite>, OU o último parágrafo QUANDO houver mais
   de um parágrafo (p:not(:only-child):last-child). Assim, se o versículo
   for um bloco único, ele NÃO é colorido por engano. */
body.style-ceuafe .post-content blockquote cite,
body.style-ceuafe .page-content blockquote cite,
body.style-ceuafe .post-content blockquote p:last-child:not(:only-child),
body.style-ceuafe .page-content blockquote p:last-child:not(:only-child) {
  color: #b8541a !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  font-style: italic !important;
  font-size: 1.05rem !important;
}