/*
Theme Name: TG Komik
Theme URI: https://example.com/tg-komik
Author: TG Komik
Description: Tema WordPress portal komik dengan katalog, genre, pengelolaan chapter, pembaca vertikal, dan navigasi chapter.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: tg-komik
*/
:root{--tg-primary:#ff4d5a;--tg-bg:#0b0c10;--tg-surface:#15171e;--tg-surface2:#202229;--tg-text:#f5f6fa;--tg-muted:#a6adbd;--tg-line:#2d3039}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--tg-bg);color:var(--tg-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}a:hover{color:#ff7c85}img{max-width:100%;height:auto;display:block}.tg-wrap{width:min(1180px,calc(100% - 36px));margin-inline:auto}.tg-topbar{background:#08090c;border-bottom:1px solid #24262d;color:#a9adba;font-size:12px;padding:8px 0}.tg-topbar .tg-wrap{display:flex;justify-content:space-between;gap:12px}.tg-header{background:#15171d;border-bottom:1px solid #292c35;position:sticky;top:0;z-index:50}.tg-nav{display:flex;align-items:center;gap:26px;min-height:72px}.tg-logo{font-weight:950;letter-spacing:-1.5px;font-size:27px;white-space:nowrap}.tg-logo span{color:var(--tg-primary)}.tg-menu{display:flex;align-items:center;gap:20px}.tg-menu a{font-size:14px;color:#d6d9e1}.tg-search{margin-left:auto;display:flex;align-items:center;gap:8px;background:#202229;border:1px solid #343741;border-radius:5px;padding:0 12px;max-width:280px;width:100%}.tg-search input{width:100%;min-width:0;background:transparent;border:0;outline:0;color:white;padding:11px 0;font:inherit}.tg-search button,.tg-menu-toggle{border:0;background:none;color:white;cursor:pointer}.tg-menu-toggle{display:none;font-size:22px}.tg-hero{padding:28px 0 20px}.tg-hero-card{position:relative;overflow:hidden;border-radius:5px;background:linear-gradient(115deg,#1d2028,#29232e 55%,#52222b);border:1px solid #37313b;min-height:260px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:clamp(24px,5vw,48px);gap:20px}.tg-eyebrow{color:#ff8790;text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:800}.tg-hero h1{font-size:clamp(32px,5vw,52px);line-height:1.06;letter-spacing:-1.8px;margin:12px 0}.tg-hero p{color:#c5c1ce;max-width:540px;margin:0 0 22px}.tg-actions{display:flex;gap:10px;flex-wrap:wrap}.tg-btn{display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;border-radius:5px;padding:11px 16px;font-weight:800;font-size:13px;cursor:pointer}.tg-btn-primary{background:var(--tg-primary);color:#fff}.tg-btn-secondary{border-color:#57505e;background:#302b38;color:#fff}.tg-hero-art{display:grid;place-items:center;min-height:180px;position:relative}.tg-orb{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#ffb0a5,#f04452 42%,#7d233b 75%);font-size:78px;transform:rotate(-8deg);box-shadow:0 25px 70px #0a080e80}.tg-floating{position:absolute;background:#171923;border:1px solid #46404b;padding:9px 12px;border-radius:5px;font-size:12px}.tg-floating.one{top:12px;right:0}.tg-floating.two{bottom:12px;left:0}.tg-section{padding:18px 0 26px}.tg-section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:17px}.tg-section-head h2{font-size:23px;margin:0;letter-spacing:-.6px}.tg-section-head p{color:var(--tg-muted);font-size:13px;margin:4px 0 0}.tg-genres{display:flex;gap:9px;flex-wrap:wrap}.tg-genre{border:1px solid #363b49;background:#1b1f29;color:#d9dce5;padding:8px 13px;border-radius:5px;font-size:12px}.tg-genre:hover,.tg-genre.current{background:var(--tg-primary);border-color:var(--tg-primary);color:#fff}.tg-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:28px}.tg-comic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 14px}.tg-comic-card{min-width:0}.tg-cover{position:relative;aspect-ratio:3/4.15;overflow:hidden;border-radius:3px;background:linear-gradient(145deg,#263b5b,#75314d);border:1px solid #ffffff14;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px}.tg-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tg-cover-placeholder{font-weight:1000;font-size:clamp(16px,1.8vw,24px);line-height:1.02;letter-spacing:-.8px;text-transform:uppercase;text-shadow:0 3px 12px #0008}.tg-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0009,transparent 65%);pointer-events:none}.tg-cover-label{position:absolute;z-index:2;top:8px;left:8px;background:#111b;color:#fff;border:1px solid #ffffff25;padding:4px 6px;border-radius:3px;font-size:9px;font-weight:800}.tg-comic-card h3{font-size:13px;line-height:1.35;margin:9px 0 4px;font-weight:750}.tg-meta{font-size:11px;color:#a7adbb;display:flex;justify-content:space-between;gap:6px}.tg-chapter{color:#ff7c85;white-space:nowrap}.tg-sidebar-box{background:var(--tg-surface);border:1px solid var(--tg-line);border-radius:5px;padding:17px;margin-bottom:16px}.tg-sidebar-box h3{margin:0 0 14px;font-size:15px}.tg-rank-list{display:grid;gap:13px}.tg-rank-item{display:grid;grid-template-columns:30px 48px 1fr;gap:10px;align-items:center}.tg-rank-num{font-size:18px;font-weight:900;color:#737b8d;text-align:center}.tg-mini-cover{height:62px;border-radius:3px;background:linear-gradient(135deg,#253b5c,#8a3154);display:grid;place-items:center;font-size:22px;overflow:hidden}.tg-mini-cover img{width:100%;height:100%;object-fit:cover}.tg-rank-item strong{display:block;font-size:12px;line-height:1.35}.tg-rank-item small{display:block;color:#9da5b5;font-size:10px;margin-top:4px}.tg-update{padding:12px 0;border-bottom:1px solid #2c303c}.tg-update:last-child{border-bottom:0;padding-bottom:0}.tg-update strong{display:block;font-size:12px;line-height:1.4}.tg-update span{display:flex;justify-content:space-between;gap:8px;color:#9ca4b4;font-size:10px;margin-top:5px}.tg-update b{color:#ff7c85}.tg-footer{margin-top:40px;background:#08090c;border-top:1px solid #2a2e39;padding:28px 0;color:#9ba2b1;font-size:12px}.tg-footer .tg-wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.tg-footer strong{color:#fff}.tg-content{padding:28px 0;min-height:55vh}.tg-content h1{font-size:32px;line-height:1.2}.tg-post{background:var(--tg-surface);border:1px solid var(--tg-line);border-radius:5px;padding:22px;margin-bottom:18px}.tg-post-content{color:#d7dbe5}.tg-pagination{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.tg-pagination a,.tg-pagination span{padding:8px 12px;border:1px solid var(--tg-line);border-radius:4px}.tg-pagination .current{background:var(--tg-primary);border-color:var(--tg-primary)}.tg-empty{padding:22px;color:var(--tg-muted)}@media(max-width:950px){.tg-layout{grid-template-columns:1fr}.tg-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tg-comic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tg-sidebar-box{margin:0}}@media(max-width:650px){.tg-wrap{width:calc(100% - 24px)}.tg-topbar .tg-wrap span:last-child{display:none}.tg-nav{min-height:62px;gap:10px;flex-wrap:wrap;padding:9px 0}.tg-logo{font-size:24px}.tg-menu-toggle{display:block;margin-left:auto}.tg-menu{display:none;order:3;width:100%;padding:8px 0;flex-wrap:wrap}.tg-menu.open{display:flex}.tg-search{order:4;margin:0;max-width:none;width:100%;flex-basis:100%}.tg-hero{padding-top:16px}.tg-hero-card{grid-template-columns:1fr;padding:24px;min-height:0}.tg-hero-art{min-height:145px}.tg-orb{width:130px;height:130px;font-size:60px}.tg-hero h1{font-size:35px}.tg-comic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 10px}.tg-cover-placeholder{font-size:17px}.tg-sidebar{grid-template-columns:1fr}.tg-section-head h2{font-size:21px}}

/* TG KOMIK 2.0 — detail komik & reader */
.tg-detail-top{display:grid;grid-template-columns:minmax(160px,250px) minmax(0,1fr);gap:26px;align-items:start}.tg-detail-cover img{width:100%;border-radius:4px}.tg-detail-info h1{margin:8px 0 12px}.tg-detail-meta{color:var(--tg-muted)}.tg-chapter-list{margin-top:18px}.tg-chapter-list h2{margin:0;font-size:22px}.tg-chapter-rows{display:grid;gap:8px}.tg-chapter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid var(--tg-line);background:#111319;border-radius:4px}.tg-chapter-row span:first-child{font-weight:750}.tg-chapter-row span:last-child{font-size:12px;color:#ff7c85;white-space:nowrap}.tg-text-link{display:inline-block;color:#ff7c85;font-weight:750;margin-bottom:20px}.tg-reader-wrap{max-width:1000px}.tg-reader-head{text-align:center;padding:8px 0 20px}.tg-reader-head h1{margin:4px 0;font-size:clamp(24px,4vw,36px)}.tg-reader-head p{margin:5px 0;color:var(--tg-muted)}.tg-reader-nav{display:flex;justify-content:space-between;gap:12px;margin:16px 0 22px}.tg-reader-nav .tg-btn{flex:1;max-width:280px}.tg-reader-nav .is-disabled{opacity:.4;pointer-events:none}.tg-reader-pages{max-width:850px;margin:0 auto;background:#050608;min-height:120px}.tg-reader-pages img{display:block;width:100%;height:auto;margin:0 auto;border:0}.tg-reader-pages .tg-post-content{padding:20px}.tg-reader-nav-bottom{margin-top:22px}.tg-comic-detail .tg-post-content{margin:18px 0}.tg-comic-card>a{display:block}.tg-comic-card>a:focus-visible,.tg-chapter-row:focus-visible,.tg-btn:focus-visible{outline:2px solid #ff8790;outline-offset:3px}
@media(max-width:650px){.tg-detail-top{grid-template-columns:1fr;gap:18px}.tg-detail-cover{max-width:220px}.tg-reader-nav{gap:8px}.tg-reader-nav .tg-btn{padding:10px 8px;font-size:11px}.tg-chapter-row{padding:12px 10px}.tg-chapter-row span:last-child{font-size:11px}}