/*
Theme Name: PriceDekho Games
Theme URI: https://games.pricedekho.online
Author: PriceDekho Team
Description: Modern dark gaming theme for HTML5 games with Google Ad Manager support.
Version: 1.4.0
Text Domain: pricedekho-games
*/

:root {
    --primary: #7c3aed;
    --accent: #22d3ee;
    --pink: #ec4899;
    --dark-bg: #070b16;
    --panel: #101827;
    --muted: #94a3b8;
}

body {
    margin: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background-color: var(--dark-bg);
    color: #e2e8f0;
    background-image: radial-gradient(circle at 80% 0, rgba(124,58,237,.16), transparent 32rem);
}
a { color: var(--accent); text-decoration: none; }
.site-header, .site-footer { background: rgba(8,13,27,.94); padding: 18px 5%; }
.site-header { position: sticky; z-index: 50; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 28px; border-bottom: 1px solid rgba(148,163,184,.12); backdrop-filter: blur(16px); }
.site-title { color: #fff; font-size: 1.35rem; font-weight: 900; white-space: nowrap; }
.site-title span { display: inline-grid; place-items: center; width: 30px; height: 30px; margin-right: 6px; border-radius: 9px; font-size: .75rem; background: linear-gradient(135deg,var(--primary),var(--pink)); box-shadow: 0 0 25px rgba(124,58,237,.5); }
.game-search { flex: 1; max-width: 440px; }
.game-search input { box-sizing: border-box; width: 100%; padding: 12px 18px; color: #fff; background: #111827; border: 1px solid #253047; border-radius: 999px; outline: none; }
.game-search input:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(124,58,237,.18); }
.main-menu { display: flex; flex-wrap: wrap; gap: 16px; margin: 0; padding: 0; list-style: none; }
.site-main { width: min(1280px, 92%); min-height: 70vh; margin: 32px auto 70px; }
.hero { position: relative; overflow: hidden; display: grid; grid-template-columns: 1.25fr .75fr; align-items: center; min-height: 410px; padding: clamp(35px,6vw,76px); margin-bottom: 32px; border: 1px solid rgba(124,58,237,.25); border-radius: 28px; background: linear-gradient(120deg,rgba(17,24,39,.96),rgba(36,18,72,.9)); box-shadow: 0 25px 90px rgba(0,0,0,.3); }
.hero:after { content:""; position:absolute; width:380px; height:380px; right:-80px; bottom:-220px; border-radius:50%; background:var(--pink); opacity:.15; filter:blur(60px); }
.hero h1 { margin: 10px 0 18px; color:#fff; font-size:clamp(2.5rem,6vw,5.25rem); line-height:.98; letter-spacing:-.055em; }
.hero h1 em { color:transparent; font-style:normal; background:linear-gradient(90deg,var(--accent),#a78bfa,var(--pink)); background-clip:text; -webkit-background-clip:text; }
.hero p { max-width:620px; margin-bottom:30px; color:var(--muted); font-size:1.08rem; line-height:1.7; }
.eyebrow { color:var(--accent); font-size:.76rem; font-weight:900; letter-spacing:.17em; }
.play-button { display:inline-block; padding:14px 24px; color:#fff; font-weight:800; border-radius:12px; background:linear-gradient(135deg,var(--primary),var(--pink)); box-shadow:0 12px 35px rgba(124,58,237,.35); }
.hero-orb { z-index:1; display:grid; place-items:center; width:230px; height:230px; margin:auto; border:1px solid rgba(255,255,255,.18); border-radius:44px; font-size:7rem; transform:rotate(7deg); background:linear-gradient(145deg,rgba(34,211,238,.18),rgba(124,58,237,.35)); box-shadow:0 30px 80px rgba(0,0,0,.35); }
.category-chips { display:flex; gap:10px; overflow-x:auto; padding:8px 0 28px; scrollbar-width:none; }
.category-chips a { flex:0 0 auto; padding:10px 16px; color:#cbd5e1; border:1px solid #253047; border-radius:999px; background:#0e1627; }
.category-chips a:hover { color:#fff; border-color:var(--primary); background:rgba(124,58,237,.15); }
.section-heading { display:flex; align-items:end; justify-content:space-between; margin:20px 0 22px; }
.section-heading h2 { margin:4px 0 0; color:#fff; font-size:clamp(1.8rem,4vw,2.6rem); }
.game-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 22px; }
.game-card { overflow: hidden; background: linear-gradient(160deg,#131c2e,#0e1523); border: 1px solid #243047; border-radius: 17px; transition:.25s ease; }
.game-card:hover { transform:translateY(-6px); border-color:rgba(124,58,237,.65); box-shadow:0 22px 45px rgba(0,0,0,.28); }
.game-cover { position:relative; display:block; overflow:hidden; background:#172033; }
.game-card img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; transition:transform .35s ease; }
.game-card:hover img { transform:scale(1.06); }
.game-placeholder { display:grid; place-items:center; aspect-ratio:16/10; font-size:3rem; }
.play-icon { position:absolute; inset:50% auto auto 50%; display:grid; place-items:center; width:48px; height:48px; color:#fff; border-radius:50%; opacity:0; transform:translate(-50%,-40%); background:linear-gradient(135deg,var(--primary),var(--pink)); box-shadow:0 8px 25px rgba(0,0,0,.4); transition:.25s ease; }
.game-card:hover .play-icon { opacity:1; transform:translate(-50%,-50%); }
.game-card-content { padding: 16px; }
.game-card h2, .game-card h3 { margin: 0 0 7px; font-size: 1.05rem; }
.game-card h3 a { color:#fff; }
.game-category { color:var(--muted); font-size:.82rem; }
.empty-state { padding:55px; text-align:center; border:1px dashed #334155; border-radius:20px; background:rgba(15,23,42,.6); }
.empty-state strong { color:#fff; font-size:1.4rem; }
.game-player { overflow: hidden; border-radius: 14px; aspect-ratio: 16 / 9; }
.game-player iframe { width: 100%; height: 100%; border: 0; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.site-footer { display:grid; grid-template-columns:1fr 1.5fr; align-items:start; gap:28px; border-top:1px solid rgba(148,163,184,.12); }
.footer-brand p,.copyright { color:var(--muted); }
.footer-links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px 20px; }
.footer-links a { color:#cbd5e1; }
.footer-links a:hover { color:var(--accent); }
.copyright { grid-column:1/-1; margin:0; padding-top:20px; text-align:center; border-top:1px solid rgba(148,163,184,.1); }
.pg-contact-form input,.pg-contact-form textarea { box-sizing:border-box; width:min(100%,680px); padding:12px; color:#fff; background:#111827; border:1px solid #334155; border-radius:9px; }
.pg-contact-form button { padding:12px 20px; color:#fff; font-weight:700; border:0; border-radius:9px; background:linear-gradient(135deg,var(--primary),var(--pink)); }
.pg-form-success { padding:12px; color:#86efac; background:#052e16; border-radius:8px; }.pg-form-error { padding:12px; color:#fca5a5; background:#450a0a; border-radius:8px; }
.grid-ad { grid-column:1/-1; }
.pg-ad-header,.pg-ad-footer { width:min(1280px,92%); }
.content-page { overflow:hidden; width:min(920px,100%); margin:45px auto; border:1px solid #243047; border-radius:22px; background:linear-gradient(160deg,#111a2b,#0d1422); box-shadow:0 24px 70px rgba(0,0,0,.24); }
.content-page-header { padding:clamp(28px,5vw,52px); border-bottom:1px solid #243047; background:linear-gradient(120deg,rgba(124,58,237,.15),rgba(34,211,238,.05)); }
.content-page-header h1 { margin:8px 0 0; color:#fff; font-size:clamp(2rem,5vw,3.5rem); line-height:1.08; }
.content-page-body { padding:clamp(25px,5vw,52px); color:#cbd5e1; font-size:1.05rem; line-height:1.8; }
.content-page-body h2,.content-page-body h3 { margin-top:1.6em; color:#fff; line-height:1.25; }
.content-page-body a { text-decoration:underline; text-underline-offset:3px; }
.content-page-body ul,.content-page-body ol { padding-left:1.4em; }
.content-page-body > :first-child { margin-top:0; }.content-page-body > :last-child { margin-bottom:0; }
@media (max-width: 800px) { .site-header { flex-wrap:wrap; } .game-search { order:3; min-width:100%; } .hero { grid-template-columns:1fr; } .hero-orb { display:none; } .site-footer { grid-template-columns:1fr; } .footer-links { justify-content:flex-start; } }
@media (max-width: 520px) { .site-header nav { display:none; } .hero { min-height:auto; padding:38px 25px; border-radius:20px; } .game-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .game-card-content { padding:12px; } .content-page { margin:24px auto; border-radius:16px; } .content-page-body { font-size:1rem; line-height:1.7; } }

.game-player {
    position: relative;
    background: #000;
}

.ad-placeholder {
    background: #1e2937;
    border: 2px dashed #64748b;
    padding: 20px;
    text-align: center;
    margin: 20px 0;
}