/*
Theme Name: 4Qweb Arcade Demo
Theme URI: https://codechris.co.uk/
Author: 4Qweb
Description: Companion WordPress theme for the 4Qweb Exclusive Arcade. Free-to-play, ad-supported layout with non-overlapping header, side and footer advertising regions.
Version: 2.5.1
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: qwa-arcade-demo
*/

:root {
  --qwa-bg:#070a12;
  --qwa-panel:#101725;
  --qwa-panel-2:#151f31;
  --qwa-text:#f5f7fb;
  --qwa-muted:#9aa8bb;
  --qwa-line:rgba(255,255,255,.1);
  --qwa-accent:#6ee7ff;
  --qwa-accent-2:#8b5cf6;
  --qwa-danger:#ef4444;
  --qwa-max:1480px;
}
*{box-sizing:border-box}
html{background:var(--qwa-bg)}
body{margin:0;background:radial-gradient(circle at 50% -20%,#18253b 0,#0a0f1a 36%,var(--qwa-bg) 72%);color:var(--qwa-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
a{color:var(--qwa-accent);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.qwa-site-header{position:relative;border-bottom:1px solid var(--qwa-line);background:rgba(7,10,18,.94)}
.qwa-topbar{max-width:var(--qwa-max);margin:auto;display:flex;align-items:center;gap:22px;padding:18px 24px;min-height:72px}
.qwa-brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:900;letter-spacing:.05em;font-size:1.08rem;white-space:nowrap}
.qwa-brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--qwa-accent),var(--qwa-accent-2));box-shadow:0 0 24px rgba(110,231,255,.2)}
.qwa-nav{margin-left:auto}.qwa-nav ul{display:flex;gap:8px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.qwa-nav a{display:block;color:#dfe8f5;padding:10px 13px;border-radius:10px}.qwa-nav a:hover,.qwa-nav .current-menu-item>a{background:rgba(255,255,255,.07);text-decoration:none}
.qwa-ad-region{width:100%;min-width:0;text-align:center;color:var(--qwa-muted)}
.qwa-ad-label{display:block;text-transform:uppercase;letter-spacing:.16em;font-size:.64rem;margin:0 0 6px;color:#78869a}
.qwa-ad-box{display:flex;align-items:center;justify-content:center;width:100%;min-height:90px;border:1px solid rgba(110,231,255,.14);background:linear-gradient(180deg,rgba(17,25,40,.85),rgba(9,14,24,.85));border-radius:14px;overflow:hidden}
.qwa-ad-box>*{max-width:100%!important}
.qwa-header-ad{max-width:var(--qwa-max);margin:0 auto;padding:10px 24px 18px}
.qwa-page-grid{width:min(var(--qwa-max),100%);margin:0 auto;display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr) minmax(120px,180px);gap:20px;padding:24px}
.qwa-side-ad{align-self:start;position:sticky;top:18px}.qwa-side-ad .qwa-ad-box{min-height:600px}
.qwa-main{min-width:0;background:rgba(12,18,30,.76);border:1px solid var(--qwa-line);border-radius:18px;padding:clamp(18px,3vw,34px);box-shadow:0 24px 70px rgba(0,0,0,.2)}
.qwa-main:has(.qwa-game-shell),.qwa-main:has(.qwa-arcade-shell){padding:16px}
.entry-title{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;margin:.2em 0 .55em}.entry-content{min-width:0}
.qwa-footer-ad{max-width:var(--qwa-max);margin:0 auto;padding:0 24px 22px}.qwa-footer-ad .qwa-ad-box{min-height:100px}
.qwa-site-footer{border-top:1px solid var(--qwa-line);background:#060911;padding:28px 24px 38px}.qwa-footer-inner{max-width:var(--qwa-max);margin:auto;display:flex;gap:20px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.qwa-footer-links{display:flex;gap:14px;flex-wrap:wrap;font-size:.9rem}.qwa-footer-copy{color:var(--qwa-muted);font-size:.88rem}
.qwa-mobile-ad-stack{display:none}
@media(max-width:1100px){.qwa-page-grid{grid-template-columns:minmax(0,1fr)}.qwa-side-ad{display:none}.qwa-mobile-ad-stack{display:grid;gap:14px;margin:20px auto 0;max-width:970px}.qwa-mobile-ad-stack .qwa-ad-box{min-height:90px}.qwa-topbar{flex-wrap:wrap}.qwa-nav{margin-left:0;width:100%}}
@media(max-width:620px){.qwa-topbar,.qwa-header-ad,.qwa-page-grid,.qwa-footer-ad{padding-left:14px;padding-right:14px}.qwa-main{padding:14px;border-radius:14px}.qwa-nav ul{gap:2px}.qwa-nav a{padding:8px 9px;font-size:.9rem}.qwa-ad-box{min-height:70px}}