/* Dynamic Category Styles (Generated: 2026-10-14 14:50:28) */
.cat-theme-1 { --cat-bg: #2B542C; --cat-txt: #ffffff; }
.cat-theme-2 { --cat-bg: #2B542C; --cat-txt: #ffffff; }
.cat-theme-3 { --cat-bg: #2B542C; --cat-txt: #ffffff; }
.cat-theme-4 { --cat-bg: #2B542C; --cat-txt: #ffffff; }
.cat-theme-5 { --cat-bg: #2B542C; --cat-txt: #ffffff; }
.cat-theme-6 { --cat-bg: #2B542C; --cat-txt: #ffffff; }
.cat-theme-7 { --cat-bg: #2B542C; --cat-txt: #ffffff; }
.cat-theme-8 { --cat-bg: #2B542C; --cat-txt: #ffffff; }
.cat-theme-9 { --cat-bg: #2B542C; --cat-txt: #ffffff; }
.page-theme-home { --cat-bg: #2B542C; --cat-txt: #ffffff; }
.page-theme-search { --cat-bg: #2B542C; --cat-txt: #ffffff; }
.page-theme-files_index { --cat-bg: #2B542C; --cat-txt: #ffffff; }
.page-theme-contact { --cat-bg: #2B542C; --cat-txt: #ffffff; }
.page-theme-faq { --cat-bg: #2B542C; --cat-txt: #ffffff; }
.page-theme-how_it_works { --cat-bg: #2B542C; --cat-txt: #ffffff; }
.page-theme-legal { --cat-bg: #2B542C; --cat-txt: #ffffff; }
.page-theme-auth { --cat-bg: #2B542C; --cat-txt: #ffffff; }
.page-theme-worldcup { --cat-bg: #2B542C; --cat-txt: #FFFFFF; }
.page-theme-worldcup_turkey { --cat-bg: #2B542C; --cat-txt: #FFFFFF; }
.page-theme-worldcup_groups { --cat-bg: #2B542C; --cat-txt: #FFFFFF; }
.page-theme-worldcup_match { --cat-bg: #2B542C; --cat-txt: #FFFFFF; }
.page-theme-worldcup_team { --cat-bg: #2B542C; --cat-txt: #FFFFFF; }
.page-theme-challenge { --cat-bg: #2B542C; --cat-txt: #ffffff; }
.page-theme-default { --cat-bg: #2B542C; --cat-txt: #ffffff; }

/* Global Classes */
.grid-card-img.dynamic-bg { background-color: var(--cat-bg) !important; color: var(--cat-txt) !important; }
.grid-card-img.dynamic-bg i { color: inherit !important; }
.grid-card-cat.dynamic-bg { color: var(--cat-txt) !important; opacity: 0.9; }
.grid-card-cat.dynamic-bg:hover { background: #fff !important; color: var(--cat-bg) !important; opacity: 1; }
.cat-box-icon { background-color: var(--cat-bg) !important; color: var(--cat-txt) !important; border: none !important; }
.cat-box-icon i { color: var(--cat-txt) !important; }
.cat-box:hover .cat-box-icon { opacity: 0.9; transform: rotate(360deg); }