/*
Theme Name: Mangazine
Theme URI: https://example.com/mangazine
Author: You
Author URI: https://example.com
Description: A lightweight manga reading + news theme (CPT manga + chapter, taxonomy genre/author) with clean reader.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mangazine
*/
:root{
  --bg:#0f1115; --fg:#eef1f6; --muted:#a8b0c0; --card:#171923; --accent:#88aaff; --link:#7aa2ff;
  --radius:16px; --space:20px; --maxw:1200px; --shadow:0 6px 24px rgba(0,0,0,.25);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:var(--maxw);margin:0 auto;padding:0 var(--space)}
.header{position:sticky;top:0;background:rgba(15,17,21,.8);backdrop-filter:blur(10px);z-index:999;border-bottom:1px solid #232635}
.header-inner{display:flex;align-items:center;gap:16px;padding:14px 0}
.brand{font-weight:800;letter-spacing:.4px}
.nav{margin-left:auto;display:flex;gap:16px}
.btn{display:inline-block;background:var(--accent);color:#000;padding:10px 14px;border-radius:12px;font-weight:700}
.grid{display:grid;gap:16px}
.grid.cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.card .thumb{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.card .pad{padding:14px}
.badge{display:inline-block;background:#232635;color:var(--muted);padding:4px 8px;border-radius:999px;font-size:12px}
.meta{color:var(--muted);font-size:13px}
.main{padding:24px 0}
.footer{border-top:1px solid #232635;margin-top:40px;color:var(--muted)}
.reader{max-width:900px;margin:0 auto}
.reader .page{width:100%;display:block;margin:0 auto 14px auto;border-radius:12px}
.reader .toolbar{position:sticky;top:62px;background:rgba(15,17,21,.9);backdrop-filter:blur(8px);padding:10px;border-radius:12px;margin-bottom:16px;border:1px solid #232635;display:flex;gap:10px;align-items:center;z-index:900}
.reader .toolbar input[type=range]{width:160px}
.table{width:100%;border-collapse:separate;border-spacing:0}
.table th,.table td{padding:10px 12px;border-bottom:1px solid #26293a}
.table tr:hover{background:#121522}
.searchbar{display:flex;gap:8px}
.searchbar input{flex:1;border-radius:12px;border:1px solid #26293a;background:#0b0d12;color:var(--fg);padding:10px 12px}
.pagination{display:flex;gap:10px;justify-content:center;margin-top:18px}
hr.sep{border:0;border-top:1px solid #232635;margin:18px 0}
@media (max-width: 640px){
  .nav{display:none}
}


/* Webtoon & Spread modes */
.reader.mode-webtoon .page{ display:block; width:100%; }
.reader.mode-spread{ max-width:1200px; }
.reader.mode-spread .page{ display:inline-block; vertical-align:top; }
.download-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.download-count{color:var(--muted);font-size:13px}