/* SlimeRead Reader 2026 — leitura imersiva alinhada à home */
body.single-chapter{background:#02050a!important;color:#eef3ff;}
body.single-chapter #page{background:transparent!important;}
body.single-chapter .site-header{background:rgba(3,7,13,.88)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(112,143,190,.16)!important;}
.chapter-reader-container{--reader-panel:#08111e;--reader-panel-2:#0b1626;--reader-border:#20324b;--reader-muted:#8ea0bb;--reader-pink:#ff356f;--reader-violet:#8b35ff;background:radial-gradient(circle at 50% 0,rgba(48,65,112,.18),transparent 34%),linear-gradient(180deg,#02050a 0,#050913 100%)!important;min-height:100vh!important;padding:0 0 110px!important;}
.reader-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100000;background:rgba(255,255,255,.04);pointer-events:none}.reader-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--reader-pink),var(--reader-violet));box-shadow:0 0 16px rgba(255,53,111,.65);transition:width .1s linear}
body.admin-bar .reader-progress{top:32px}
.chapter-header{position:sticky!important;top:0!important;z-index:120!important;margin:0!important;background:rgba(4,8,15,.88)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:0!important;border-bottom:1px solid rgba(103,130,173,.18)!important;box-shadow:0 16px 44px rgba(0,0,0,.18)}
body.admin-bar .chapter-header{top:32px!important}.chapter-title-bar{max-width:1480px;margin:auto;padding:13px 28px!important;display:flex!important;align-items:center;justify-content:space-between;gap:20px;border:0!important}.chapter-title-bar .manga-title{font-size:14px!important;font-weight:750!important;letter-spacing:.01em;color:#eaf0fb!important}.chapter-title-bar .manga-title a{color:#fff!important}.chapter-title-bar .manga-title a:hover{color:#ff5d8d!important}.chapter-views{display:flex!important;align-items:center;gap:6px;color:#91a3bd!important;font-size:12px!important;white-space:nowrap}.chapter-views svg{width:15px;height:15px;color:#ff4d83}
.reader-stage-head{max-width:1160px;margin:26px auto 12px;padding:0 24px;display:flex;align-items:end;justify-content:space-between;gap:20px}.reader-stage-head__title{display:flex;flex-direction:column;gap:4px}.reader-stage-head__title span{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#7f91ac;font-weight:800}.reader-stage-head__title strong{font-size:22px;color:#f6f8fc;letter-spacing:-.02em}.reader-stage-head__hint{font-size:12px;color:#71839e;text-align:right}
.chapter-content{max-width:none!important;margin:0!important;padding:0 18px 20px!important}.chapter-reader{max-width:1180px;margin:0 auto;padding:18px 0 28px;border-radius:26px;background:linear-gradient(180deg,rgba(10,18,31,.78),rgba(5,10,18,.5));border:1px solid rgba(91,118,160,.16);box-shadow:0 30px 90px rgba(0,0,0,.34);overflow:hidden}
.chapter-images{display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important;width:100%!important}.chapter-image-container{width:100%!important;display:flex;justify-content:center;background:#000;overflow:hidden}.chapter-image{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;margin:0 auto!important;box-shadow:none!important}.page-number{bottom:14px!important;right:14px!important;padding:5px 9px!important;border-radius:999px!important;background:rgba(4,8,15,.78)!important;border:1px solid rgba(255,255,255,.12)!important;color:#dce6f5!important;font-size:10px!important;font-weight:800!important;backdrop-filter:blur(9px)}
.horizontal-navigation{display:none;margin:16px auto 0!important;padding:7px 10px!important;border-radius:999px!important;background:rgba(8,15,27,.86)!important;border:1px solid #24354d!important;box-shadow:0 14px 34px rgba(0,0,0,.28)}.horizontal-nav-btn{width:38px!important;height:38px!important;background:#0e1a2b!important;border:1px solid #293d58!important}.horizontal-nav-btn:hover{background:linear-gradient(135deg,#ff356f,#7a35ff)!important;border-color:transparent!important}.page-indicator{font-size:12px!important;color:#cdd8e8!important;font-weight:800!important}
.chapter-footer{max-width:1180px;margin:22px auto 0!important;padding:0 20px 20px!important;border:0!important}.chapter-navigation-bottom{max-width:none!important;gap:10px}.chapter-nav-btn{min-height:48px!important;padding:0 18px!important;border-radius:13px!important;border:1px solid #263951!important;background:#0b1524!important;color:#eaf0fb!important;font-weight:800!important;box-shadow:0 9px 22px rgba(0,0,0,.18)}.chapter-nav-btn:hover{transform:translateY(-1px);background:#101e31!important;border-color:#3d5574!important}.chapter-nav-btn.next-chapter{background:linear-gradient(135deg,#ff356f,#8a35ff)!important;border-color:transparent!important;box-shadow:0 12px 30px rgba(174,44,125,.25)}
/* Barra de controle moderna em PC/TV */
.reader-mobile-bar{background:rgba(7,13,23,.9)!important;border:1px solid rgba(120,149,194,.28)!important;border-radius:20px!important;box-shadow:0 18px 60px rgba(0,0,0,.5)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}.reader-mobile-bar__item{background:transparent!important;border:1px solid transparent!important;border-radius:14px!important;color:#abbad0!important;transition:.18s ease!important}.reader-mobile-bar__item:hover,.reader-mobile-bar__item.is-active{background:#111e31!important;border-color:#2f4666!important;color:#fff!important}.reader-mobile-bar__item:first-child,.reader-mobile-bar__item:nth-child(2){color:#f6f8fc!important}.reader-mobile-bar__item:nth-child(2){background:linear-gradient(135deg,rgba(255,53,111,.18),rgba(139,53,255,.18))!important;border-color:rgba(255,80,140,.28)!important}
.reader-mobile-sheet:not([hidden]){background:#091321!important;border:1px solid #263a55!important;border-radius:20px!important;padding:12px!important;box-shadow:0 30px 90px rgba(0,0,0,.62)!important;backdrop-filter:blur(20px)}.reader-mobile-sheet__header{color:#eef3ff!important}.reader-mobile-action{background:#0f1c2e!important;border:1px solid #2a3e5a!important;color:#dce6f5!important;border-radius:12px!important}.reader-mobile-sheet__chapter-list a{border-color:#22344d!important;color:#b9c7da!important}.reader-mobile-sheet__chapter-list a.is-current{background:linear-gradient(135deg,rgba(255,53,111,.18),rgba(139,53,255,.18))!important;color:#fff!important;border-color:#8b3c77!important}
/* horizontal = painel de página única */
.chapter-images.horizontal-mode{height:calc(100vh - 190px)!important;min-height:560px;background:#02050a;border-radius:0}.horizontal-mode .chapter-image-container{background:#02050a!important}.horizontal-mode .chapter-image{max-height:100%!important;width:auto!important;max-width:100%!important;object-fit:contain}
@media (max-width:782px){body.admin-bar .reader-progress{top:46px}.chapter-title-bar{padding:10px 14px!important}.chapter-title-bar .manga-title{font-size:12px!important}.chapter-views{display:none!important}.reader-stage-head{margin:16px auto 8px;padding:0 12px}.reader-stage-head__title strong{font-size:18px}.reader-stage-head__hint{display:none}.chapter-content{padding:0 0 12px!important}.chapter-reader{border-radius:0!important;border-left:0;border-right:0;padding-top:0}.page-number{right:8px!important;bottom:8px!important}.chapter-footer{padding:0 10px 92px!important}.chapter-navigation-bottom{display:grid!important;grid-template-columns:1fr 1fr!important}.chapter-nav-btn{width:100%!important;justify-content:center!important;font-size:12px!important}.chapter-nav-btn.back-to-manga{grid-column:1/-1;grid-row:2}.reader-mobile-bar{width:calc(100vw - 12px)!important;bottom:max(6px,env(safe-area-inset-bottom,0px))!important;border-radius:16px!important;padding:5px!important}.reader-mobile-bar__item{min-height:52px!important}.reader-mobile-sheet:not([hidden]){width:calc(100vw - 12px)!important}}
@media (max-width:480px){.reader-stage-head__title span{font-size:9px}.reader-stage-head__title strong{font-size:16px}.chapter-navigation-bottom{grid-template-columns:1fr!important}.chapter-nav-btn.back-to-manga{grid-column:auto;grid-row:auto}.reader-mobile-bar__item span{font-size:9px!important}.reader-mobile-bar__item svg{width:18px!important;height:18px!important}}

/* 2026-08-19: páginas contínuas — elimina qualquer espaço/seam entre imagens */
body.single-chapter .chapter-images:not(.horizontal-mode){
  display:block!important;
  line-height:0!important;
  font-size:0!important;
  gap:0!important;
  row-gap:0!important;
  column-gap:0!important;
  margin:0!important;
  padding:0!important;
}
body.single-chapter .chapter-images:not(.horizontal-mode) .chapter-image-container{
  display:block!important;
  position:relative!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  line-height:0!important;
  font-size:0!important;
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
}
body.single-chapter .chapter-images:not(.horizontal-mode) .chapter-image-container + .chapter-image-container{
  margin-top:-1px!important;
}
body.single-chapter .chapter-images:not(.horizontal-mode) img.chapter-image{
  display:block!important;
  vertical-align:top!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  line-height:0!important;
}
body.single-chapter .chapter-images:not(.horizontal-mode) .page-number{
  position:absolute!important;
  z-index:2!important;
}

/* 2026-08-19: zoom funcional no leitor — o JS define width/max-width com !important */
body.single-chapter .reader-sidebar__zoom-label{
  cursor:pointer;
  user-select:none;
}
body.single-chapter .chapter-images:not(.horizontal-mode) .chapter-image-container{
  scrollbar-width:thin;
  scrollbar-color:#334866 #050913;
}
body.single-chapter .chapter-images:not(.horizontal-mode) .chapter-image-container::-webkit-scrollbar{height:7px}
body.single-chapter .chapter-images:not(.horizontal-mode) .chapter-image-container::-webkit-scrollbar-track{background:#050913}
body.single-chapter .chapter-images:not(.horizontal-mode) .chapter-image-container::-webkit-scrollbar-thumb{background:#334866;border-radius:999px}

/* 2026-08-19: controles flutuantes compactos do leitor */
body.single-chapter .reader-mobile-bar{
  width:min(620px,calc(100vw - 20px))!important;
  padding:4px!important;
  gap:4px!important;
  border-radius:14px!important;
  bottom:max(7px,env(safe-area-inset-bottom,0px))!important;
}
body.single-chapter .reader-mobile-bar__item{
  min-height:42px!important;
  padding:4px 2px!important;
  gap:2px!important;
  border-radius:10px!important;
}
body.single-chapter .reader-mobile-bar__item svg{
  width:17px!important;
  height:17px!important;
}
body.single-chapter .reader-mobile-bar__item span{
  font-size:9px!important;
  line-height:1!important;
}
body.single-chapter .reader-mobile-sheet{
  bottom:calc(62px + env(safe-area-inset-bottom,0px))!important;
}
body.single-chapter .chapter-reader-container{
  padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))!important;
}
@media (max-width:782px){
  body.single-chapter .reader-mobile-bar{
    width:calc(100vw - 14px)!important;
    padding:3px!important;
    gap:3px!important;
    border-radius:12px!important;
  }
  body.single-chapter .reader-mobile-bar__item{
    min-height:40px!important;
    padding:3px 1px!important;
    border-radius:9px!important;
  }
  body.single-chapter .reader-mobile-bar__item svg{width:16px!important;height:16px!important;}
  body.single-chapter .reader-mobile-bar__item span{font-size:8px!important;}
  body.single-chapter .reader-mobile-sheet{bottom:calc(58px + env(safe-area-inset-bottom,0px))!important;}
}
@media (max-width:480px){
  body.single-chapter .reader-mobile-bar__item{min-height:38px!important;}
  body.single-chapter .reader-mobile-bar__item svg{width:15px!important;height:15px!important;}
}

/* 2026-08-19 — comentários no mobile: largura integral e sem sobreposição da barra do leitor */
@media (max-width: 782px) {
  body.single-chapter #comments,
  body.single-chapter .comments-area,
  body.single-chapter #wpdcom,
  body.single-chapter .wpd-comments,
  body.single-chapter .comment-section,
  body.single-chapter .comments-section {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.single-chapter #comments *,
  body.single-chapter .comments-area *,
  body.single-chapter #wpdcom *,
  body.single-chapter .wpd-comments *,
  body.single-chapter .comment-section *,
  body.single-chapter .comments-section * {
    max-width: 100%;
    box-sizing: border-box;
  }

  body.single-chapter.reader-comments-visible .reader-mobile-bar {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate(-50%, 14px) !important;
  }

  body.single-chapter .reader-mobile-bar {
    transition: opacity .2s ease, visibility .2s ease, transform .2s ease !important;
  }
}