/* =========================================================
   GameMonetize color layer only
   Safe version: colors, borders, hover only
   ========================================================= */

:root {
    --gm-purple: #ea580c;
    --gm-purple-dark: #7f1d1d;
    --gm-pink: #f97316;
    --gm-blue: #dc2626;
    --gm-cyan: #fbbf24;
    --gm-dark: #450a0a;
    --gm-panel: rgba(69, 10, 10, 0.58);
}

/* Main background only */
html,
body {
    background:
        radial-gradient(circle at 18% 18%, rgba(249, 115, 22, 0.45) 0%, transparent 34%),
        radial-gradient(circle at 82% 10%, rgba(251, 191, 36, 0.35) 0%, transparent 36%),
        linear-gradient(125deg, #b91c1c 0%, #ea580c 45%, #f97316 75%, #fbbf24 100%) !important;
    color: #ffffff !important;
}

/* Header color only */
#header,
#header > div {
    background: linear-gradient(
        90deg,
        #7f1d1d 0%,
        #ea580c 50%,
        #fbbf24 100%
    ) !important;

    border-bottom-color: rgba(255, 220, 120, 0.25) !important;
}

/* Sidebar color only */
#sidebar-menu,
#sidebar-menu > div:first-child {
    background: linear-gradient(
        180deg,
        #7f1d1d 0%,
        #450a0a 100%
    ) !important;

    border-right-color: rgba(251, 191, 36, 0.30) !important;
}

/* Common dark panels only */
.bg-\[\#1F1F30\],
.bg-\[\#1f1f30\],
.bg-\[\#1a1b28\],
.bg-\[\#1A1B28\],
.bg-\[\#212233\],
.bg-\[\#181925\],
.bg-\[\#0C0D14\],
.bg-\[\#0c0d14\] {
    background-color: var(--gm-panel) !important;
    border-color: rgba(142, 231, 255, 0.20) !important;
}

/* Main buttons color only */
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(--gm-pink) 0%, var(--gm-purple) 100%) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.50) !important;
}

/* Main buttons hover only */
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: linear-gradient(180deg, var(--gm-cyan) 0%, var(--gm-purple) 100%) !important;
    color: #ffffff !important;
}

/* Tag/category buttons color only */
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: rgba(255, 43, 159, 0.16) !important;
    border-color: rgba(142, 231, 255, 0.30) !important;
    color: #ffffff !important;
}

/* Tag/category buttons hover only */
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: rgba(22, 200, 223, 0.28) !important;
    border-color: rgba(142, 231, 255, 0.60) !important;
    color: #ffffff !important;
}

/* Links */
main a,
footer a {
    color: #8ee7ff !important;
}

main a:hover,
footer a:hover {
    color: #ffffff !important;
}

/* Search colors only */
#header input[type="text"],
#header input[type="search"] {
    color: #ffffff !important;
}

#header input[type="text"]::placeholder,
#header input[type="search"]::placeholder {
    color: rgba(235, 244, 255, 0.72) !important;
}

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