/* IPDF V494 — UMA seta de voltar por tela, sempre igual: quadrado escuro com borda dourada e seta grossa.
   Fica no canto superior esquerdo, logo abaixo da hora do celular, FORA do quadro do título (nunca em cima de nome). */
:root{--ipdf-bk-bg:#21160d;--ipdf-bk-bd:#e2a43b;--ipdf-bk-fg:#f0cb7a}

/* --- as setas (app, cursos e a que o sistema coloca em páginas sem seta própria) --- */
section.page > .back,section.page > button.back,section.page > a.back,
#bibleReader .bible44-reader-top > .back,#harpaReader > div:first-child > button:first-child,.kids187-story-back > button,
.top > a.back,a.back,
.ipdf417-standard-back > button,.ipdf420-standard-back > button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  padding:0!important;border-radius:14px!important;
  font-size:0!important;line-height:0!important;color:transparent!important;letter-spacing:0!important;
  background:var(--ipdf-bk-bg)!important;
  border:1.5px solid var(--ipdf-bk-bd)!important;
  box-shadow:0 6px 16px rgba(0,0,0,.38)!important;
  text-decoration:none!important;overflow:hidden!important;
  position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;inset:auto!important;
  transform:none!important;cursor:pointer;
}
section.page > .back::before,#bibleReader .bible44-reader-top > .back::before,#harpaReader > div:first-child > button:first-child::before,.kids187-story-back > button::before,.top > a.back::before,a.back::before,
.ipdf417-standard-back > button::before,.ipdf420-standard-back > button::before{
  content:"";display:block;width:24px;height:24px;flex:none;
  background:var(--ipdf-bk-fg);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M12 19l-7-7 7-7'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M12 19l-7-7 7-7'/%3E%3C/svg%3E") center/contain no-repeat;
}
section.page > .back:active,.top > a.back:active,a.back:active,.ipdf417-standard-back > button:active{transform:scale(.96)!important}

/* --- posição no app: abaixo da hora, acima do quadro do título, com espaço para respirar --- */
section.page > .back,section.page > button.back,section.page > a.back{
  margin:8px 0 14px 0!important;
  float:none!important;clear:both!important;
}
section.page > .back + *{margin-top:0!important}

/* --- só UMA seta: some a de rodapé (a grande "← Voltar" no fim da página) e a duplicada dos cursos --- */
.ipdf187-bottom-back,button.ipdf187-bottom-back,.ipdf417-standard-back.bottom,.ipdf420-standard-back.bottom{display:none!important}
body:has(a.back) .ipdf417-standard-back,body:has(a.back) .ipdf420-standard-back{display:none!important}

/* --- páginas de cursos: a seta que o sistema coloca (quando a página não tem a sua) fica abaixo da hora --- */
.ipdf417-standard-back.top,.ipdf420-standard-back.top{
  margin:calc(10px + env(safe-area-inset-top,0px)) auto 6px!important;padding:0 14px!important;
}
/* --- páginas de cursos: cabeçalho com a seta começa logo abaixo da hora, sem ficar colado nem muito alto --- */
body:has(.top > a.back) .wrap{padding-top:calc(12px + env(safe-area-inset-top,0px))!important}
.top > a.back{flex:none!important;margin:0!important}

/* a seta que o sistema coloca em páginas sem seta própria (módulos, prova, certificado) tem o mesmo acabamento dourado */
html body .ipdf417-standard-back > button,html body .ipdf420-standard-back > button,
html.ipdf417-standard-page body .ipdf417-standard-back > button,html.ipdf417-standard-page body .ipdf420-standard-back > button,html.ipdf417-standard-page body div.ipdf417-standard-back.top > button{
  background:var(--ipdf-bk-bg)!important;border:1.5px solid var(--ipdf-bk-bd)!important;color:transparent!important;font-size:0!important;
  width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border-radius:14px!important;
}


/* --- telas internas (leitor da Bíblia e da Harpa): a seta da página sai de cena e fica SÓ a do leitor,
       que vira a seta dourada (volta para a lista de livros / de hinos). Sem "← Voltar" repetido no fim do texto. --- */
body:has(#bibleReader:not([style*="display:none"]):not([style*="display: none"])) #biblia > .back{display:none!important}
body:has(#harpaReader:not([style*="display:none"]):not([style*="display: none"])) #harpa > .back{display:none!important}
#bibleReader .bible44-reader-top{margin:0 0 10px!important;padding:0!important}
#bibleReader .bible44-reader-top > .back{margin:0!important}
#harpaReader > div:first-child{margin-bottom:6px}
.ipdf187-inline-return,.kids187-story-bottom{display:none!important}

.kids187-story-back{margin:0 0 10px!important;padding:0!important}

/* --- páginas avulsas (site/SEO, legais, comunidade, cuidado emocional): mesma seta; sem o texto comprido ao lado --- */
a.crumb.back,a.back.crumb{margin:10px 0 12px!important}
a.back{vertical-align:middle}
/* seta dentro do cabeçalho dos cursos: primeiro item, sem esticar */
.topo .container > a.back,.barra-superior-modulo .container > a.back{flex:none!important;margin:0 12px 0 0!important}


/* O tema do app pinta os botões das páginas com a cor de "linha" (marrom apagado). Para a seta ficar IGUAL em todo lugar
   (borda dourada, fundo escuro, seta clara), estas regras têm mais força que as do tema. */
html body section.page.page:not(#home) > .back.back,
html body section.page.page:not(#home) > button.back.back:not(.btn):not(.icon-btn),
html body section.page.page:not(#home) > a.back.back,
html body section.page.page:not(#home) #bibleReader .bible44-reader-top > .back.back,
html body section.page:not(#home) #harpaReader > div:first-child > button:first-child,
html body section.page:not(#home) .kids187-story-back > button{
  background:var(--ipdf-bk-bg)!important;background-color:var(--ipdf-bk-bg)!important;
  border:1.5px solid var(--ipdf-bk-bd)!important;border-color:var(--ipdf-bk-bd)!important;
  color:transparent!important;font-size:0!important;
}
html body section.page.page:not(#home) > .back.back::before,
html body section.page.page:not(#home) #bibleReader .bible44-reader-top > .back.back::before,
html body section.page:not(#home) #harpaReader > div:first-child > button:first-child::before,
html body section.page:not(#home) .kids187-story-back > button::before{background:var(--ipdf-bk-fg)!important}
/* V690: seta do leitor da Bíblia e da Harpa desce um pouco para não ficar em cima da hora */
#bibleReader .bible44-reader-top > .back,#harpaReader > div:first-child > button:first-child{margin-top:max(22px,calc(env(safe-area-inset-top,0px) + 8px))!important}
/* V691: com um livro aberto, some o cabeçalho grande "Bíblia 66 livros" — o capítulo abre direto */
#biblia:has(#bibleReader:not([style*="display:none"]):not([style*="display: none"])) .bible65-hero{display:none!important}
