/*
Theme Name: ThisMobi Manga
Theme URI: https://manga.thismobi.com
Author: ThisMobi
Description: Standalone dark manga portal theme. Requires ThisMobi Manga Core for catalog features.
Version: 1.0.14
Text Domain: thismobi-manga
*/
:root{color-scheme:dark;--bg:#0b1019;--panel:#141c2a;--muted:#9cacc1;--accent:#f59e0b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#edf3fc;font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.wrap{max-width:1220px;margin:auto;padding:0 20px}.header{background:#111827;border-bottom:1px solid #263448;position:sticky;top:0;z-index:20}.header-in{display:flex;gap:24px;align-items:center;min-height:74px;flex-wrap:wrap}.logo{font-weight:900;font-size:24px;color:var(--accent)}.nav{display:flex;gap:18px;flex-wrap:wrap}.search{margin-left:auto;display:flex;gap:6px}.search input,.search button,input,textarea,select{padding:11px;border-radius:8px;border:1px solid #334155;background:#1c2738;color:#fff}.search button,.btn{background:var(--accent);color:#171717;border:0;border-radius:8px;padding:10px 16px;font-weight:800;cursor:pointer}.hero{padding:42px 0 20px}.hero h1{font-size:clamp(30px,5vw,50px);margin:0}.muted{color:var(--muted)}.section-title{display:flex;align-items:center;justify-content:space-between;margin:22px 0 16px}.section-title h2{margin:0}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.card{min-width:0;background:var(--panel);border-radius:12px;overflow:hidden;border:1px solid #273347}.cover{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;background:#243247}.card-body{padding:12px}.card-title{font-weight:800;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}.badge{display:inline-block;background:#25354a;border-radius:6px;padding:2px 8px;font-size:12px;color:#d3e1f3}.card small{color:var(--muted);display:block;margin-top:7px}.detail{display:grid;grid-template-columns:240px 1fr;gap:28px;padding:35px 0}.detail .cover{border-radius:12px}.chapter-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-bottom:35px}.chapter-list a{padding:12px;background:var(--panel);border:1px solid #273347;border-radius:8px}.reader{max-width:900px;margin:20px auto;text-align:center}.reader img{display:block;max-width:100%;width:auto;height:auto;margin:0 auto}.reader-nav{display:flex;justify-content:space-between;gap:10px;padding:15px 0}.notice{padding:16px;border:1px solid #735524;border-radius:8px;background:#322615}.footer{padding:36px 0;margin-top:50px;border-top:1px solid #273347;color:var(--muted)}.pagination{margin:25px 0}.pagination a,.pagination span{display:inline-block;margin:4px;padding:7px 12px;background:#1b2737;border-radius:6px}@media(max-width:1000px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.chapter-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail{grid-template-columns:110px 1fr;gap:16px}.chapter-list{grid-template-columns:1fr}.search{margin-left:0;width:100%}.search input{flex:1;min-width:0}.header-in{padding:12px 0}.hero{padding:22px 0}}
/* v1.0.2: chapter/date spacing + numeric relative-date separation */
.chapter-list .chapter-row{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0}.chapter-name{font-weight:600;min-width:0}.chapter-date{color:var(--muted);font-size:14px;white-space:nowrap;flex:0 0 auto}@media(max-width:600px){.chapter-list .chapter-row{gap:12px}.chapter-date{font-size:13px}}

.chapter-main{display:flex;flex-direction:column;gap:3px;min-width:0}.chapter-subtitle{color:var(--muted);font-size:13px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}@media(max-width:600px){.chapter-subtitle{font-size:12px}.chapter-list .chapter-row{align-items:flex-start}.chapter-date{padding-top:2px}}

/* v1.0.7: explicit chapter / subtitle / date columns */
.chapter-list .chapter-row{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;column-gap:12px;row-gap:3px;min-width:0}
.chapter-name{grid-column:1;font-weight:600;white-space:nowrap}
.chapter-subtitle{grid-column:2;color:var(--muted);font-size:13px;line-height:1.35;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chapter-date{grid-column:3;color:var(--muted);font-size:14px;white-space:nowrap;text-align:right}
.chapter-subtitle-empty,.chapter-date-empty{visibility:hidden}
@media(max-width:600px){.chapter-list .chapter-row{grid-template-columns:1fr max-content;column-gap:12px}.chapter-name{grid-column:1}.chapter-date{grid-column:2;grid-row:1;padding-top:0;font-size:13px}.chapter-subtitle{grid-column:1 / -1;grid-row:2;white-space:normal}.chapter-subtitle-empty{display:none}}


/* v1.0.8: chapter/date first row, subtitle second row */
.chapter-list .chapter-row{display:grid;grid-template-columns:minmax(0,1fr) max-content;grid-template-rows:auto auto;align-items:start;column-gap:14px;row-gap:3px;min-width:0}
.chapter-name{grid-column:1;grid-row:1;font-weight:600;white-space:nowrap;min-width:0}
.chapter-date{grid-column:2;grid-row:1;color:var(--muted);font-size:14px;white-space:nowrap;text-align:right;padding:0}
.chapter-subtitle{grid-column:1 / -1;grid-row:2;color:var(--muted);font-size:13px;line-height:1.35;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chapter-subtitle-empty{display:none}
.chapter-date-empty{visibility:hidden}
@media(max-width:600px){.chapter-list .chapter-row{grid-template-columns:minmax(0,1fr) max-content;column-gap:10px;row-gap:3px}.chapter-date{font-size:13px}.chapter-subtitle{font-size:12px;white-space:normal}}

/* v1.0.9: robust two-line chapter cards; markup also carries critical layout inline */
.chapter-list .chapter-row.chapter-row-v109{display:block!important;min-width:0}
.chapter-row-v109 .chapter-topline{display:flex!important;align-items:baseline;justify-content:space-between;gap:16px;width:100%;min-width:0}
.chapter-row-v109 .chapter-name{display:block;min-width:0;font-weight:600;white-space:nowrap}
.chapter-row-v109 .chapter-date{display:block!important;margin-left:auto;color:var(--muted);font-size:14px;white-space:nowrap;text-align:right}
.chapter-row-v109 .chapter-subtitle{display:block!important;width:100%;margin-top:2px;color:var(--muted);font-size:13px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:600px){.chapter-row-v109 .chapter-topline{gap:10px}.chapter-row-v109 .chapter-date{font-size:13px}.chapter-row-v109 .chapter-subtitle{font-size:12px;white-space:normal}}

/* v1.0.10 isolated chapter card layout */
.chapter-list .tmc-card-v110{display:block!important;padding:14px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);text-decoration:none;min-width:0}
.tmc-top-v110{display:flex!important;align-items:baseline;justify-content:space-between;gap:16px;width:100%;min-width:0}
.tmc-number-v110{font-weight:600;min-width:0;color:var(--text)}
.tmc-date-v110{margin-left:auto;flex:0 0 auto;color:var(--muted);font-size:14px;white-space:nowrap;text-align:right}
.tmc-subtitle-v110{display:block!important;margin-top:4px;color:var(--muted);font-size:13px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
@media(max-width:600px){.tmc-top-v110{gap:10px}.tmc-date-v110{font-size:13px}.tmc-subtitle-v110{font-size:12px}}

/* v1.0.11: isolated two-line chapter cards; no subtitle/date inference */
.chapter-list .tmc-card-v111{display:block!important;padding:14px 12px!important;border:1px solid var(--line,#273347)!important;border-radius:8px!important;background:var(--panel)!important;text-decoration:none!important;min-width:0!important}
.tmc-top-v111{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:18px!important;width:100%!important;min-width:0!important}
.tmc-number-v111{display:block!important;font-weight:600!important;color:var(--text,#edf3fc)!important;min-width:0!important}
.tmc-date-v111{display:block!important;margin-left:auto!important;flex:0 0 auto!important;color:var(--muted)!important;font-size:14px!important;white-space:nowrap!important;text-align:right!important}
.tmc-subtitle-v111{display:block!important;margin-top:3px!important;color:var(--muted)!important;font-size:13px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important}
@media(max-width:600px){.tmc-top-v111{gap:10px!important}.tmc-date-v111{font-size:13px!important}.tmc-subtitle-v111{font-size:12px!important}}

/* v1.0.12: hard-separated top row and subtitle block */
.chapter-list .tmc-card-v112{display:block!important;padding:14px 12px!important;border:1px solid #273347!important;border-radius:8px!important;background:var(--panel)!important;text-decoration:none!important;min-width:0!important}
.tmc-card-v112 .tmc-top-v112{display:grid!important;grid-template-columns:minmax(0,1fr) max-content!important;column-gap:18px!important;align-items:baseline!important;width:100%!important}
.tmc-card-v112 .tmc-number-v112{grid-column:1!important;display:block!important;font-weight:600!important;min-width:0!important}
.tmc-card-v112 .tmc-date-v112{grid-column:2!important;display:block!important;color:var(--muted)!important;font-size:14px!important;white-space:nowrap!important;text-align:right!important}
.tmc-card-v112 .tmc-subtitle-v112{display:block!important;width:100%!important;margin-top:3px!important;color:var(--muted)!important;font-size:13px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important}
@media(max-width:600px){.tmc-card-v112 .tmc-top-v112{column-gap:10px!important}.tmc-card-v112 .tmc-date-v112{font-size:13px!important}.tmc-card-v112 .tmc-subtitle-v112{font-size:12px!important}}

/* v1.0.14 — mobile layout reset. Keep every public component inside the viewport. */
html,body{width:100%;max-width:100%;overflow-x:hidden}
.wrap{width:100%;max-width:1220px;min-width:0}
.header-in>*{min-width:0}
.logo{display:block;white-space:nowrap;overflow:visible;word-break:normal;overflow-wrap:normal}
.nav{min-width:0}
.grid,.card,.card-body,.hero,.detail,.chapter-list{min-width:0;max-width:100%}
.card img,.cover{max-width:100%;height:auto}

@media(max-width:600px){
  .wrap{padding-left:16px;padding-right:16px}
  .header-in{display:grid;grid-template-columns:1fr;gap:10px;align-items:start;padding:12px 0;min-height:0}
  .logo{font-size:22px;line-height:1.2;width:auto;max-width:100%;justify-self:start}
  .nav{display:flex;width:100%;gap:16px;flex-wrap:wrap;line-height:1.4}
  .nav a,.nav li{width:auto;max-width:100%}
  .search{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;max-width:100%;margin:0;gap:8px}
  .search input{width:100%;min-width:0;max-width:100%}
  .search button{width:auto;white-space:nowrap}
  .hero{padding:20px 0 16px;width:100%}
  .hero h1{font-size:30px;line-height:1.15;overflow-wrap:break-word}
  .hero p{margin-top:6px}
  .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}
  .card{width:100%;max-width:100%;min-width:0}
  .card-body{padding:10px}
  .card-title{overflow-wrap:anywhere}
  .detail{grid-template-columns:90px minmax(0,1fr);gap:14px;width:100%}
  .reader{width:100%;max-width:100%}
  .reader img{width:100%;max-width:100%;height:auto}
}
@media(max-width:360px){
  .grid{grid-template-columns:1fr}
}