/*
Theme Name: Poki Theme - l3abmix (Inspired)
Theme URI: http://example.com/
Author: Generated by ChatGPT
Author URI: http://example.com/
Description: قالب ألعاب مستوحى من تصميم Poki — شبكي، ثلاث أنماط ألوان، هيدر أزرق، شعار متحرك، ووضع ليلي. (Not an exact copy of Poki)
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: poki-theme-l3abmix
*/
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700;800&display=swap');

body { font-family: 'Tajawal', sans-serif; margin:0; padding:0; background:#f5f7fb; color:#222; }
a{ color:inherit; text-decoration:none; }
.site-header{ background:#0b57a4; color:#fff; padding:18px 15px; display:flex; align-items:center; justify-content:space-between; }
.site-logo{ font-weight:800; font-size:26px; letter-spacing:1px; display:flex; align-items:center; gap:12px; }
.site-search input{ padding:8px 12px; border-radius:22px; border:0; min-width:220px; }
.container{ max-width:1200px; margin:18px auto; padding:0 15px; }
.games-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:16px; }
.game-card{ background:#fff; border-radius:8px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,0.06); }
.game-thumb{ height:140px; background-size:cover; background-position:center; }
.game-title{ padding:10px 12px; font-size:14px; }
.categories-row{ display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
.cat-item{ display:flex; align-items:center; gap:8px; padding:6px 10px; background:#fff; border-radius:8px; box-shadow:0 1px 4px rgba(0,0,0,0.04); }
.site-footer{ padding:14px 0; text-align:center; color:#666; font-size:13px; }

/* color schemes */
body.scheme-poki { background:#e9f2fb; }
body.scheme-dark { background:#0f1720; color:#ddd; }
body.scheme-light { background:#ffffff; color:#111; }
.scheme-dark .site-header{ background:#06131a; }

/* animated logo */
.l3abmix-logo{ display:inline-block; padding:6px 10px; border-radius:8px; background:linear-gradient(90deg,#2b9df4,#1b6fd8); color:#fff; font-weight:800; }

/* responsive */
@media(max-width:600px){
 .site-search{ display:none; }
 .site-logo{ font-size:20px; }
}