/* VOOMCOMIX — MOBILE ONLY */

@media(max-width:768px){

  /* body/html background sirf tab dark karo jab app-mode NA ho */
  body:not(.app-mode){
    padding-top:env(safe-area-inset-top);
    background:#0a0a0f;
    overflow-x:hidden;
  }
  html:not(.app-mode){
    background:#0a0a0f;
  }

  /* app-mode mein body background white rahega (app.css se) */
  body.app-mode{
    overflow-x:hidden;
  }

  /* HEADER */
  header{padding:0 14px;height:54px;}
  .header-right .btn-ghost{display:none!important;}

  /* BOOK HERO */
  .book-hero-content{grid-template-columns:1fr!important;text-align:center;padding:20px 14px!important;gap:14px!important;}
  .book-cover-img{width:130px!important;height:182px!important;margin:0 auto;}
  .book-badges,.book-stats,.book-genres,.book-actions{justify-content:center;}
  .book-title{font-size:24px!important;}
  .book-about{text-align:left;}
  .btn-read-now{width:100%;justify-content:center;}
  .btn-follow,.btn-like,.btn-share{padding:9px 12px;font-size:12px;}

  /* ═══ MAIN LAYOUT FIX ═══ */
  .book-main{
    display:flex!important;
    flex-direction:column!important;
    padding:14px!important;
    gap:14px!important;
    grid-template-columns:unset!important;
  }

  /* Sidebar ko flex column banao */
  .book-sidebar{
    display:flex!important;
    flex-direction:column!important;
    order:3!important;
  }

  /* Left column ko flex column banao */
  .book-main > div:first-child{
    display:flex!important;
    flex-direction:column!important;
    order:1!important;
  }

  /* ═══ EXACT ORDER ═══
     1. Chapters
     2. Reviews
     3. Comments
     --- sidebar ---
     4. Writer card
     5. Book details
     6. Tags
     7. Related
  */
  #chaptersSection{order:1!important;}
  #reviewsSection{order:2!important;}
  #commentsSection{order:3!important;}

  /* Sidebar cards order */
  .writer-card{order:1!important;}
  .sidebar-card:nth-child(2){order:2!important;}
  #tagsCard{order:3!important;}
  .sidebar-card:last-child{order:4!important;}

  /* Hide karo jo mobile pe nahi chahiye */
  .followers-panel{display:none!important;}
  .book-main .ad-unit{display:none!important;}

  /* CHAPTERS */
  .chapter-item{padding:10px 12px;gap:8px;}
  .ch-num{font-size:16px;min-width:28px;}
  .ch-title{font-size:13px;}
  .ch-meta{font-size:11px;}

  /* CARDS */
  .sidebar-card{margin-bottom:12px;}
  .ad-unit{padding:8px 14px;min-height:55px;}
}