/* =============================================================
   شعار الموقع + إصلاحات تجاوز المحتوى في الجوال
   -------------------------------------------------------------
   لإظهار شعارك بدل شعار Poki/Kizi:
   ارفع شعارك إلى المسار:  images/site-logo.png
   (يُفضّل PNG شفاف بعرض ~200×60 بكسل)
   لتغيير الشعار لاحقاً، استبدل هذا الملف فقط — لا حاجة لتعديل الكود.
   ============================================================= */

/* الشعار الأفقي الكامل في الرأس */
.logo a {
    background-image: url("/images/site-logo.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    width: 190px !important;
}
@media (max-width: 768px) {
    .logo a { width: 150px !important; }
    .logo { margin-left: -75px !important; }
}

/* الأيقونة المربّعة (يد التحكم) في التذييل وصفحة اللعبة */
.home-search-container .logo-home,
.logo-home-footer {
    background-image: url("/images/site-logo-icon.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

/* الشعار الدائري في لوحة البحث + أيقونة الشريط الجانبي */
img.poki-circle-logo,
img.logo-icon {
    object-fit: contain;
}

/* ===== منع خروج المحتوى عن الشاشة في الجوال =====
   (صفحات: من نحن / اتصل بنا / الشروط / الخصوصية / المدونة) */
@media (max-width: 768px) {
    html, body { overflow-x: hidden; max-width: 100%; }

    #Pages,
    #Pages * {
        max-width: 100% !important;
        box-sizing: border-box;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    #Pages {
        padding: 14px !important;
        margin: 10px auto !important;
        width: auto !important;
    }
    #Pages img,
    #Pages table,
    #Pages iframe,
    #Pages pre {
        max-width: 100% !important;
        height: auto !important;
    }
    #Pages dl.bottomtext { padding: 14px !important; }

    /* عناوين الصفحات الثابتة */
    #Pages .privacy-t { font-size: 22px; }
}

/* =============================================================
   إصلاح الفراغات بين الألعاب
   الشبكة الأصلية تستخدم تخطيطاً مزخرفاً ثابتاً بخانات فارغة كثيرة.
   هنا نجعلها شبكة موحّدة مرنة ترصّ الألعاب بلا فجوات على كل الشاشات.
   (لوحة البحث ثابتة position:fixed فلا تتأثر)
   ============================================================= */
.game-list-grid-container {
    grid-template-areas: none !important;
    grid-template-columns: repeat(auto-fill, 94px) !important;
    grid-template-rows: none !important;
    grid-auto-rows: 94px !important;
    grid-auto-flow: row dense !important;
    justify-content: center;
}
.game-list-grid-container > .post {
    grid-area: auto !important;
    grid-column: auto !important;
    grid-row: auto !important;
}

/* =============================================================
   إزالة الشكل الأبيض المسنّن فوق الفوتر (الخط الأبيض الغريب)
   ============================================================= */
#footer::before { display: none !important; }