/*
Theme Name: MangaPress Lite
Theme URI: https://example.com/mangapress-lite
Author: Your Name
Author URI: https://example.com
Description: Starter theme đọc truyện tranh, tối ưu cho RankMath SEO & WP Rocket.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mangapress
*/

:root{--mp-gap:16px;--mp-radius:12px;--mp-max:1200px}
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;margin:0;background:#0b0f14;color:#e5e7eb}
a{color:#60a5fa;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:var(--mp-max);margin:auto;padding:0 16px}
.grid{display:grid;gap:var(--mp-gap)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;border:1px solid #1f2937;background:#111827;color:#e5e7eb;cursor:pointer}
.btn[disabled]{opacity:.5;pointer-events:none}
.card{background:#0f172a;border:1px solid #1f2937;border-radius:var(--mp-radius);overflow:hidden}
.card-body{padding:14px}
.badge{font-size:12px;border:1px solid #374151;border-radius:999px;padding:2px 8px}
.header{position:sticky;top:0;z-index:50;background:#0b0f14;border-bottom:1px solid #111827}
.header .row{display:flex;align-items:center;gap:12px;min-height:64px}
.search{flex:1}
input,select{background:#0b1220;border:1px solid #1f2937;color:#e5e7eb;border-radius:8px;padding:10px}
.cover{aspect-ratio:2/3;width:100%;object-fit:cover;display:block}
.manga-meta{display:flex;flex-wrap:wrap;gap:8px}
.chapter-reader img{width:100%;height:auto;display:block;margin:0 auto}
.chapter-toolbar{position:sticky;top:64px;z-index:40;background:#0b0f14;border-bottom:1px solid #111827;padding:8px}
.footer{border-top:1px solid #111827;margin-top:40px;padding:24px 0;color:#9ca3af}