/*
Theme Name: GameVault Lite
Theme URI: https://example.com/gamevault-lite
Author: GameVault
Author URI: https://example.com/
Description: An original dark purple WordPress theme for listing catalogue posts. Homepage shows a large-post slider, then a Recently Added grid with Build badges, then Browse by Category sections. Each post can carry Build, Size and Year details.
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gamevault-lite
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready
*/

:root{
  --bg:#160a2b; --card:#241443; --card2:#2e1a55; --text:#eef1f6;
  --muted:#c4b8dd; --line:#3b2566; --accent:#8b5cf6; --accent2:#a78bfa; --red:#e11d48;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
a{color:var(--accent2);text-decoration:none}
a:hover{color:#fff}
img{max-width:100%;height:auto}
.container{max-width:1180px;margin:0 auto;padding:0 16px}
.site-header{background:#0f071f;border-bottom:2px solid #7c3aed;position:sticky;top:0;z-index:50}
.header-inner{display:flex;align-items:center;gap:20px;min-height:64px}
.site-title{font-size:24px;font-weight:800;letter-spacing:.2px;margin:0}
.site-title a{color:#fff}
.main-nav{margin-left:auto}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:18px;flex-wrap:wrap}
.main-nav li{position:relative}
.main-nav a{color:var(--text);font-weight:600}
.main-nav a:hover{color:var(--accent2)}
.main-nav .sub-menu{display:none;position:absolute;left:0;top:100%;background:#1e0f3d;border:1px solid var(--line);border-radius:10px;padding:10px;min-width:180px;flex-direction:column;gap:8px;z-index:60}
.main-nav li:hover > .sub-menu{display:flex}
.header-search{margin-left:10px}
.header-search input{background:#241443;border:1px solid var(--line);color:#fff;border-radius:8px;padding:8px 10px}
.hero{padding:28px 0 8px}
.hero h1{margin:0 0 6px;font-size:32px;line-height:1.2}
.hero p{margin:0;color:var(--muted)}
.hero-search{margin-top:16px;display:flex;gap:10px;max-width:560px}
.hero-search input{flex:1;background:#241443;border:1px solid var(--line);color:#fff;border-radius:8px;padding:11px 12px}
.btn,.button{display:inline-block;background:var(--accent);color:#fff;border:0;border-radius:8px;padding:11px 18px;font-weight:700;cursor:pointer}
.btn:hover{background:#7c3aed;color:#fff}
.hero-slider{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px}
.hero-slide{flex:0 0 24%;min-width:240px;scroll-snap-align:start;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--card);position:relative}
.hero-slide img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.hero-slide h3{margin:0;padding:12px;font-size:15px;line-height:1.4}
.hero-slide h3 a{color:#fff}
.section{padding:26px 0 6px}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.section-head h2{margin:0;font-size:22px}
.pill-heading{display:inline-block;background:var(--accent);color:#fff;border-radius:999px;padding:8px 22px;font-size:22px;font-weight:800;margin:0 0 16px}
.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.game-grid--recent{grid-template-columns:repeat(6,1fr)}
.game-card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;position:relative}
.game-card:hover{border-color:#6d28d9}
.game-thumb{background:#2e1a55;aspect-ratio:3/4;overflow:hidden;position:relative;display:block}
.game-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.build-badge{position:absolute;top:8px;right:8px;background:var(--red);color:#fff;font-size:11px;font-weight:800;padding:4px 8px;border-radius:999px;z-index:2}
.game-body{padding:11px 12px 13px;display:flex;flex-direction:column;gap:6px;flex:1}
.game-cats{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--accent2);font-weight:700}
.game-card h3{font-size:14px;line-height:1.4;margin:0}
.game-card h3 a{color:#fff}
.game-meta{font-size:12px;color:var(--muted);margin-top:auto}
.single-wrap{padding:26px 0 40px}
.single-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px}
.single-card h1{margin:0 0 10px;font-size:30px;line-height:1.25}
.single-thumb{border-radius:10px;overflow:hidden;margin:14px 0}
.detail-table{width:100%;border-collapse:collapse;margin:18px 0}
.detail-table th,.detail-table td{border:1px solid var(--line);padding:9px 11px;text-align:left;font-size:14px}
.detail-table th{background:var(--card2);width:160px}
.post-content{margin-top:18px}
.share-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.share-row a{background:var(--card2);border:1px solid var(--line);color:#fff;padding:8px 12px;border-radius:8px;font-size:13px}
.related{margin-top:34px}
.pagination{margin:28px 0;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.pagination a,.pagination span{background:var(--card);border:1px solid var(--line);color:#fff;padding:8px 13px;border-radius:8px}
.pagination .current{background:var(--accent);border-color:var(--accent)}
.site-footer{border-top:1px solid var(--line);margin-top:40px;padding:24px 0;color:var(--muted);font-size:14px}
.not-found{padding:40px 0}
@media(max-width:1000px){.game-grid,.game-grid--recent{grid-template-columns:repeat(3,1fr)}.hero-slide{flex-basis:48%}}
@media(max-width:600px){.game-grid,.game-grid--recent{grid-template-columns:repeat(2,1fr)}.hero-slide{flex-basis:85%}.header-inner{flex-wrap:wrap;padding:10px 0}.main-nav{margin-left:0}}