/*
Theme Name: RoomsGames Retro
Theme URI: https://roomsgames.online
Author: Sajju
Description: Fast, SEO-optimized, AdSense-friendly retro gaming review/blog theme with built-in schema markup, review boxes, and ad-zone Customizer controls. No downloads/ROM distribution — reviews, guides, tips, rankings only.
Version: 1.0
Text Domain: roomsgames
*/

:root{
  --rg-bg:#0f1117;
  --rg-bg-alt:#161923;
  --rg-card:#1b1f2b;
  --rg-text:#e9ebf1;
  --rg-muted:#9aa0b4;
  --rg-accent:#ffb703;
  --rg-accent-2:#4cc9f0;
  --rg-green:#4ade80;
  --rg-red:#f87171;
  --rg-border:#2a2f3f;
  --rg-radius:10px;
  --rg-maxw:1180px;
  --rg-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, Arial, sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--rg-font);
  background:var(--rg-bg);
  color:var(--rg-text);
  line-height:1.65;
  font-size:17px;
}
img{max-width:100%;height:auto;display:block;border-radius:var(--rg-radius)}
a{color:var(--rg-accent-2);text-decoration:none}
a:hover{text-decoration:underline}
.rg-container{max-width:var(--rg-maxw);margin:0 auto;padding:0 20px}
h1,h2,h3,h4{line-height:1.25;font-weight:700;margin:0 0 .5em}
h1{font-size:2rem}
h2{font-size:1.5rem}
h3{font-size:1.2rem}
p{margin:0 0 1.1em}

/* ---------- Header ---------- */
.rg-header{background:var(--rg-bg-alt);border-bottom:1px solid var(--rg-border);position:sticky;top:0;z-index:50}
.rg-header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.rg-logo{font-size:1.4rem;font-weight:800;color:var(--rg-text)}
.rg-logo span{color:var(--rg-accent)}
.rg-nav ul{list-style:none;display:flex;gap:22px;margin:0;padding:0}
.rg-nav a{color:var(--rg-text);font-weight:600;font-size:.95rem}
.rg-nav .sub-menu{display:none;position:absolute;background:var(--rg-card);border:1px solid var(--rg-border);padding:10px;border-radius:var(--rg-radius);list-style:none;flex-direction:column;gap:8px;min-width:200px}
.rg-nav li{position:relative}
.rg-nav li:hover > .sub-menu{display:flex}
.rg-menu-toggle{display:none;background:none;border:1px solid var(--rg-border);color:var(--rg-text);padding:8px 12px;border-radius:8px}

/* ---------- Ad slots ---------- */
.rg-ad{margin:24px 0;text-align:center;overflow:hidden}
.rg-ad-label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--rg-muted);margin-bottom:6px}
.rg-ad-header{margin:0 0 10px}
.rg-ad-sidebar{margin-top:0}

/* ---------- Layout ---------- */
.rg-layout{display:grid;grid-template-columns:2.4fr 1fr;gap:36px;padding:32px 0}
.rg-main{min-width:0}
.rg-sidebar{min-width:0}
@media(max-width:900px){
  .rg-layout{grid-template-columns:1fr}
  .rg-nav{display:none}
  .rg-menu-toggle{display:inline-block}
}

/* ---------- Cards / grids ---------- */
.rg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:700px){.rg-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.rg-grid{grid-template-columns:1fr}}
.rg-card{background:var(--rg-card);border:1px solid var(--rg-border);border-radius:var(--rg-radius);overflow:hidden;display:flex;flex-direction:column}
.rg-card img{aspect-ratio:16/10;object-fit:cover;border-radius:0}
.rg-card-body{padding:14px}
.rg-card-meta{font-size:.78rem;color:var(--rg-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}
.rg-card h3{font-size:1.02rem;margin:0 0 8px}
.rg-badge{display:inline-block;background:var(--rg-accent);color:#1a1a1a;font-weight:700;font-size:.72rem;padding:3px 8px;border-radius:6px;margin-right:6px}
.rg-section{margin:36px 0}
.rg-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.rg-section-head h2{margin:0}
.rg-section-head a{font-size:.85rem;font-weight:600}

/* ---------- Rating box (Review posts) ---------- */
.rg-rating-box{background:var(--rg-card);border:1px solid var(--rg-border);border-radius:var(--rg-radius);padding:20px;margin:20px 0;display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.rg-rating-score{font-size:2.6rem;font-weight:800;color:var(--rg-accent);line-height:1}
.rg-rating-score small{font-size:1rem;color:var(--rg-muted);font-weight:600}
.rg-rating-verdict{flex:1;min-width:200px;color:var(--rg-muted)}
.rg-proscons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}
@media(max-width:600px){.rg-proscons{grid-template-columns:1fr}}
.rg-pros,.rg-cons{background:var(--rg-card);border:1px solid var(--rg-border);border-radius:var(--rg-radius);padding:16px}
.rg-pros h4{color:var(--rg-green)}
.rg-cons h4{color:var(--rg-red)}
.rg-pros ul,.rg-cons ul{margin:0;padding-left:20px}

/* ---------- Single post ---------- */
.rg-single-header{margin-bottom:18px}
.rg-single-meta{color:var(--rg-muted);font-size:.85rem;display:flex;gap:14px;flex-wrap:wrap}
.rg-breadcrumb{font-size:.82rem;color:var(--rg-muted);margin:14px 0}
.rg-breadcrumb a{color:var(--rg-muted)}
.rg-content{font-size:1.06rem}
.rg-content h2{margin-top:1.6em}
.rg-toc{background:var(--rg-card);border:1px solid var(--rg-border);border-radius:var(--rg-radius);padding:16px 20px;margin:20px 0}
.rg-faq details{border-bottom:1px solid var(--rg-border);padding:12px 0}
.rg-faq summary{cursor:pointer;font-weight:700}
.rg-author-box{display:flex;gap:14px;align-items:center;background:var(--rg-card);border:1px solid var(--rg-border);border-radius:var(--rg-radius);padding:16px;margin:28px 0}
.rg-author-box img{border-radius:50%;width:56px}

/* ---------- Footer ---------- */
.rg-footer{background:var(--rg-bg-alt);border-top:1px solid var(--rg-border);margin-top:50px;padding:40px 0 20px}
.rg-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}
@media(max-width:700px){.rg-footer-grid{grid-template-columns:1fr 1fr}}
.rg-footer h4{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--rg-muted)}
.rg-footer ul{list-style:none;padding:0;margin:0}
.rg-footer li{margin-bottom:8px}
.rg-footer a{color:var(--rg-text)}
.rg-footer-bottom{text-align:center;color:var(--rg-muted);font-size:.8rem;margin-top:30px;padding-top:20px;border-top:1px solid var(--rg-border)}

/* ---------- Pagination / search / 404 ---------- */
.rg-pagination{display:flex;gap:8px;margin:30px 0}
.rg-pagination a,.rg-pagination span{padding:8px 14px;border:1px solid var(--rg-border);border-radius:8px;color:var(--rg-text)}
.rg-search-form{display:flex;gap:8px}
.rg-search-form input[type=search]{flex:1;padding:10px 14px;border-radius:8px;border:1px solid var(--rg-border);background:var(--rg-bg);color:var(--rg-text)}
.rg-search-form button{padding:10px 16px;border-radius:8px;border:none;background:var(--rg-accent);font-weight:700;cursor:pointer}
.rg-legal p, .rg-legal li{color:var(--rg-muted)}