/* AP Stories 4.45 — responsive FLIP authority.
   READ mobile keeps semantic ART→TXT stacking.
   FLIP on phone / portrait tablet is one physical 12:17 leaf scaled to viewport. */

/* Compact control chrome only while Turn.js is in single-leaf mode. */
.ap-reader-page .ap-reader-shell.ap-flip-single-mode[data-reader-view="flipbook"] .ap-reader-toolbar-primary{
  display:none!important;
}
.ap-reader-page .ap-reader-shell.ap-flip-single-mode[data-reader-view="flipbook"] .ap-reader-toolbar.ap-reader-toolbar-compact{
  padding:5px 7px!important;
  gap:4px!important;
  min-height:42px!important;
}
.ap-reader-page .ap-reader-shell.ap-flip-single-mode[data-reader-view="flipbook"] .ap-reader-toolbar-actions{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
.ap-reader-page .ap-reader-shell.ap-flip-single-mode[data-reader-view="flipbook"] .ap-reader-toolbar-actions::-webkit-scrollbar{display:none!important;}
.ap-reader-page .ap-reader-shell.ap-flip-single-mode[data-reader-view="flipbook"] .ap-reader-font-tools{
  display:none!important;
}
.ap-reader-page .ap-reader-shell.ap-flip-single-mode[data-reader-view="flipbook"] .ap-reader-bi-pair{
  display:none!important;
}

/* The Turn shell is viewport width; the paper is centered inside it. */
.ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-reader-flip-view{
  width:100%!important;
  max-width:100%!important;
  margin:6px auto 0!important;
  overflow:visible!important;
}
.ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-turn-book-shell{
  width:100%!important;
  min-width:0!important;
  height:var(--ap-turn-height)!important;
  min-height:var(--ap-turn-height)!important;
  max-height:none!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:visible!important;
  display:block!important;
  position:relative!important;
}
.ap-reader-page .ap-reader-shell.ap-flip-single-mode #ap-turn-flipbook{
  width:var(--ap-turn-width)!important;
  height:var(--ap-turn-height)!important;
  margin:0 auto!important;
  overflow:visible!important;
  touch-action:pan-y pinch-zoom!important;
}

/* Edge buttons attach to the actual single paper edge, not viewport edge. */
.ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-turn-edge-main{
  top:50%!important;
  width:30px!important;
  height:52px!important;
  border-radius:10px!important;
  font-size:28px!important;
  transform:translateY(-50%)!important;
}
.ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-turn-edge-prev{
  left:calc(50% - (var(--ap-turn-width) / 2) - 14px)!important;
  right:auto!important;
}
.ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-turn-edge-next{
  right:calc(50% - (var(--ap-turn-width) / 2) - 14px)!important;
  left:auto!important;
}
.ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-turn-edge-small{display:none!important;}
.ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-turn-center-spine{display:none!important;}

/* Single FLIP is physical paper. Never inherit mobile READ reflow. */
.ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-turn-v3-view .ap-flip-content{
  height:calc(100% - 31px)!important;
  max-height:calc(100% - 31px)!important;
  overflow:hidden!important;
  padding:calc(6px * var(--ap-turn-scale,1)) calc(6.5px * var(--ap-turn-scale,1)) calc(9px * var(--ap-turn-scale,1))!important;
}
.ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-turn-v3-view .ap-reader-page-meta,
.ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-turn-v3-view .ap-comic-masthead{
  height:31px!important;
  min-height:31px!important;
  padding:5px 7px!important;
  margin:0!important;
  overflow:hidden!important;
}
.ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-turn-v3-view .ap-comic-brand i,
.ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-turn-v3-view .ap-comic-brand b{
  font-size:clamp(9px,calc(12px * var(--ap-turn-scale,1)),12px)!important;
}
.ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-turn-v3-view .ap-comic-bookline{
  display:flex!important;
  font-size:clamp(6px,calc(7.5px * var(--ap-turn-scale,1)),7.5px)!important;
  min-width:0!important;
}
.ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-turn-v3-view .ap-comic-bookline em{display:none!important;}
.ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-turn-v3-view .ap-comic-pagecount{
  min-width:38px!important;
  height:26px!important;
}

.ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-turn-v3-view .ap-story-canvas.ap-t1-family.ap-layout-template-01,
.ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-turn-v3-view .ap-story-canvas.ap-six-layout.ap-t1-family{
  display:grid!important;
  flex-direction:initial!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-template-rows:repeat(12,minmax(0,1fr))!important;
  grid-auto-flow:dense!important;
  gap:clamp(2px,calc(4px * var(--ap-turn-scale,1)),4px)!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
  padding:clamp(2px,calc(4px * var(--ap-turn-scale,1)),4px)!important;
}
.ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-turn-v3-view .ap-story-canvas.ap-t1-family>.ap-template-row{
  display:contents!important;
}
.ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-turn-v3-view .ap-story-canvas.ap-t1-family>.ap-template-row>.ap-six-zone,
.ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-turn-v3-view .ap-story-canvas.ap-t1-family>.ap-six-zone{
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  max-height:none!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  overflow:hidden!important;
  order:initial!important;
  align-self:stretch!important;
  justify-self:stretch!important;
}

/* Theme 4.54: per-template T1A/B/C/D geometry removed; Plugin 4.74 runtime geometry applies inside FLIP too. */

/* ART and TXT remain fitted inside the fixed leaf. */
.ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-turn-v3-view .ap-six-art .ap-comic-image-box,
.ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-turn-v3-view .ap-six-art .ap-story-art{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
}
.ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-turn-v3-view .ap-six-art .ap-story-art img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:var(--ap-art-object-position,50% 50%)!important;
}
.ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-turn-v3-view .ap-six-text.ap-paper-text-zone,
.ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-turn-v3-view .ap-six-text>.ap-six-text-content{
  width:100%!important;
  height:100%!important;
  max-height:100%!important;
  overflow:hidden!important;
}
.ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-turn-v3-view .ap-six-text>.ap-six-text-content{
  padding:clamp(4px,calc(7px * var(--ap-turn-scale,1)),7px)!important;
  font-size:clamp(8px,calc(10.4px * var(--ap-turn-scale,1)),10.4px)!important;
  line-height:1.22!important;
}
.ap-reader-page .ap-reader-shell.ap-flip-single-mode[data-reader-language="bi"] .ap-turn-v3-view [data-story-lang="en"]{
  font-size:inherit!important;
  line-height:1.20!important;
}
.ap-reader-page .ap-reader-shell.ap-flip-single-mode[data-reader-language="bi"] .ap-turn-v3-view [data-story-lang="vi"],
.ap-reader-page .ap-reader-shell.ap-flip-single-mode[data-reader-language="bi"] .ap-turn-v3-view [data-story-lang="zh"]{
  font-size:clamp(7px,calc(8.8px * var(--ap-turn-scale,1)),8.8px)!important;
  line-height:1.18!important;
  margin-top:1px!important;
}

/* Phone: preserve enough paper width while keeping arrows visible. */
@media (max-width:560px){
  .ap-reader-page .ap-reader-shell.ap-flip-single-mode[data-reader-view="flipbook"]{
    width:calc(100% - 6px)!important;
    padding-top:4px!important;
  }
  .ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-turn-edge-main{
    width:28px!important;
    height:50px!important;
    font-size:26px!important;
  }
  .ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-turn-edge-prev{
    left:calc(50% - (var(--ap-turn-width) / 2) - 12px)!important;
  }
  .ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-turn-edge-next{
    right:calc(50% - (var(--ap-turn-width) / 2) - 12px)!important;
  }
  .ap-reader-page .ap-reader-shell.ap-flip-single-mode .ap-pageflip-status{
    display:none!important;
  }
}