/* =========================================================
   1001arcade - Neon Blue Pixel Art Ultimate Edition
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

:root {
    --pixel-blue-primary: #00f0ff;
    --pixel-blue-deep: #0077ff;
    --pixel-blue-dark: #030b1e;
    --pixel-blue-panel: #071638;
    --pixel-blue-glow: rgba(0, 240, 255, 0.5);
    --pixel-accent-yellow: #ffe600;
    --pixel-accent-white: #ffffff;
}

html,
body {
    background: radial-gradient(circle at center, #0a193b 0%, #030b1e 100%) !important;
    color: var(--pixel-accent-white) !important;
    font-family: 'Press Start 2P', monospace, sans-serif !important;
    image-rendering: pixelated;
}

/* الهيدر بتدرجات الأزرق السماوي الساطع */
#header,
#header > div {
    background: linear-gradient(90deg, #020f30 0%, #0044cc 50%, #00f0ff 100%) !important;
    border-bottom: 5px solid var(--pixel-blue-primary) !important;
    box-shadow: 0 6px 0px #000000, 0 0 20px var(--pixel-blue-glow) !important;
}

/* القائمة الجانبية بستايل أزرق أركيدي عميق */
#sidebar-menu,
#sidebar-menu > div:first-child {
    background: var(--pixel-blue-panel) !important;
    border-right: 5px solid var(--pixel-blue-primary) !important;
    box-shadow: 6px 0px 0px rgba(0, 0, 0, 0.8) !important;
}

/* الصناديق واللوحات بحدود أزرق سماوي ناصع وتوهج فخم */
.bg-\[\#1F1F30\],
.bg-\[\#1f1f30\],
.bg-\[\#1a1b28\],
.bg-\[\#1A1B28\],
.bg-\[\#212233\],
.bg-\[\#181925\],
.bg-\[\#0C0D14\],
.bg-\[\#0c0d14\] {
    background-color: var(--pixel-blue-panel) !important;
    border: 3px solid var(--pixel-blue-primary) !important;
    box-shadow: 5px 5px 0px #000000, inset 0 0 15px rgba(0, 240, 255, 0.1) !important;
    border-radius: 0px !important;
}

/* الأزرار الرئيسية: أزرق سماوي نيون يشتعل عند التمرير */
button,
.btn,
.button,
a.btn,
.gamePlay-button,
.mobi-gamePlay-button,
.play-now-button,
.detail-infobox-btn,
.mobi-desc-play a,
.mobi-desc-more a,
.mobi-desc-walkbtn a {
    background: linear-gradient(180deg, var(--pixel-blue-primary) 0%, var(--pixel-blue-deep) 100%) !important;
    color: var(--pixel-blue-dark) !important;
    border: 3px solid var(--pixel-accent-white) !important;
    box-shadow: 4px 4px 0px #000000, inset 2px 2px 0px rgba(255, 255, 255, 0.6) !important;
    border-radius: 0px !important;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Press Start 2P', monospace, sans-serif !important;
    transition: none !important;
}

/* تأثير الـ Hover الخرافي للأزرار */
button:hover,
.btn:hover,
.button:hover,
a.btn:hover,
.gamePlay-button:hover,
.mobi-gamePlay-button:hover,
.play-now-button:hover,
.detail-infobox-btn:hover,
.mobi-desc-play a:hover,
.mobi-desc-more a:hover,
.mobi-desc-walkbtn a:hover {
    background: var(--pixel-accent-yellow) !important;
    color: var(--pixel-blue-dark) !important;
    border-color: var(--pixel-blue-primary) !important;
    box-shadow: 2px 2px 0px #000000, 0 0 15px var(--pixel-blue-primary) !important;
    transform: translate(2px, 2px);
}

/* أزرار التگات والتصنيفات بأزرق هادئ وتوهج أنيق */
a[href*="/tag/"].bg-\[\#212233\],
a[href*="/category/"].bg-\[\#212233\],
.game-tags-grid a.bg-\[\#212233\],
.game-tags ul li a,
.game-dec .tags a {
    background: #04122f !important;
    border: 2px solid var(--pixel-blue-primary) !important;
    color: var(--pixel-blue-primary) !important;
    border-radius: 0px !important;
    box-shadow: 3px 3px 0px #000000 !important;
}

a[href*="/tag/"].bg-\[\#212233\]:hover,
a[href*="/category/"].bg-\[\#212233\]:hover,
.game-tags-grid a.bg-\[\#212233\]:hover,
.game-tags ul li a:hover,
.game-dec .tags a:hover {
    background: var(--pixel-blue-primary) !important;
    color: var(--pixel-blue-dark) !important;
    border-color: var(--pixel-accent-yellow) !important;
    box-shadow: 1px 1px 0px #000000, 0 0 10px var(--pixel-blue-primary) !important;
}

/* الروابط والنصوص بلون أزرق سماوي مضيء */
main a,
footer a {
    color: var(--pixel-blue-primary) !important;
    text-decoration: underline !important;
}

main a:hover,
footer a:hover {
    color: var(--pixel-accent-yellow) !important;
    text-shadow: 0 0 8px var(--pixel-blue-primary);
}

/* صندوق البحث بستايل أزرق فوتورستيك */
#header input[type="text"],
#header input[type="search"] {
    background: #020817 !important;
    border: 3px solid var(--pixel-blue-primary) !important;
    color: var(--pixel-accent-yellow) !important;
    border-radius: 0px !important;
    box-shadow: inset 3px 3px 0px #000000, 0 0 10px rgba(0, 240, 255, 0.3) !important;
    font-family: 'Press Start 2P', monospace, sans-serif !important;
}

#header input[type="text"]::placeholder,
#header input[type="search"]::placeholder {
    color: rgba(0, 240, 255, 0.4) !important;
}

/* === AUTO TAG CARD COLOR START === */
/* generated: 1787879241 */
:root {
    --tag-card-left-rgb: 42, 16, 100;
    --tag-card-bg: #2A1064;
    --tag-card-default-end: #2A1064;
}
/* === AUTO TAG CARD COLOR END === */