﻿/**
 * Spins of Glory palette (deep navy / gold / cyan / green CTA).
 * Overrides :root tokens only — loaded after main/header/footer styles.
 */
:root {
	--site-background-color: #010d2d;
	--container-text-color: #ffffff;
	--container-link-color: #ffcc00;
	--container-link-hover-color: #ffd700;
	--container-h-color: #ffffff;
	--container-button-background-color: #47c83e;
	--container-button-hover-background-color: #5ce84f;
	--container-button-text-color: #ffffff;
	--container-button-hover-text-color: #ffffff;
	--container-button-scroll-top-color: #ffcc00;
	--container-button-scroll-top-hover-color: #ffd700;
	--container-table-background-color: #001540;
	--container-table-header-background-color: #162a5e;
	--container-table-header-border-color: #2a4a8a;
	--container-table-header-text-color: #ffffff;
	--container-table-odd-row-background-color: #010d2d;
	--container-table-even-row-background-color: #001540;
	--container-table-text-color: #ffffff;
	--container-table-border-color: #2a4a8a;
	--container-table-cell-button-color: #0072ff;
	--container-table-cell-hover-button-color: #00c6ff;
	--container-table-cell-button-text-color: #ffffff;
	--container-table-cell-hover-button-text-color: #ffffff;
	--header-top-background-color: #010d2d;
	--header-top-menu-link-color: #ffffff;
	--header-top-menu-link-hover-color: #ffcc00;
	--header-left-menu-background-color: #001540;
	--header-left-menu-link-color: #ffffff;
	--header-left-menu-link-hover-color: #ffcc00;
	--header-left-menu-banner-button-background-color: #47c83e;
	--header-left-menu-banner-button-hover-background-color: #5ce84f;
	--header-left-menu-banner-text-color: #ffffff;
	--header-left-menu-banner-button-text-color: #ffffff;
	--header-left-menu-banner-button-text-hover-color: #ffffff;
	--header-left-menu-burger-button-background-color: #162a5e;
	--header-left-menu-burger-button-icon-color: #70d1ff;
	--header-login-button-background-color: #0072ff;
	--header-login-button-background-hover-color: #00c6ff;
	--header-login-button-text-color: #ffffff;
	--header-login-button-text-hover-color: #ffffff;
	--header-register-button-background-color: #47c83e;
	--header-register-button-background-hover-color: #5ce84f;
	--header-register-button-text-color: #000000;
	--header-register-button-text-hover-color: #000000;
	--header-search-button-background-color: #162a5e;
	--header-search-button-icon-color: #70d1ff;
	--header-search-container-background-color: #001540;
	--header-search-input-container-background-color: #010d2d;
	--header-search-container-input-background-color: #162a5e;
	--header-search-container-input-text-color: #ffffff;
	--header-search-container-text-color: #708cb5;
	--header-search-container-link-color: #ffcc00;
	--header-search-container-link-hover-color: #ffd700;
	--header-lang-switcher-background-color: #162a5e;
	--header-lang-switcher-dropdown-background-color: #001540;
	--header-lang-switcher-link-color: #ffffff;
	--header-lang-switcher-link-hover-color: #ffcc00;
	--gift-text-in-modal-color: #010d2d;
	--banner-text-color: #ffffff;
	--banner-background-color: #010d2d;
	--banner-button-background-color: #47c83e;
	--banner-button-hover-background-color: #5ce84f;
	--banner-button-text-color: #ffffff;
	--banner-button-hover-text-color: #ffffff;
	--top-winners-background-color: #001540;
	--top-winners-slider-arrow-background-color: #0072ff;
	--top-winners-slider-arrow-icon-color: #ffffff;
	--top-winners-text-color: #ffffff;
	--top-winners-text-sum-color: #ffcc00;
	--toc-background-color: #162a5e;
	--toc-background-hover-color: #1e3a7a;
	--toc-link-color: #ffffff;
	--toc-link-hover-color: #ffcc00;
	--slots-text-color: #ffffff;
	--slots-background-color: #010d2d;
	--slots-button-play-background-color: #47c83e;
	--slots-button-play-hover-background-color: #5ce84f;
	--slots-button-play-text-color: #ffffff;
	--slots-button-play-hover-text-color: #ffffff;
	--slots-button-demo-background-color: #162a5e;
	--slots-button-demo-hover-background-color: #2a4a8a;
	--slots-button-demo-text-color: #ffffff;
	--slots-button-demo-hover-text-color: #ffcc00;
	--bonus-text-color: #ffffff;
	--bonus-background-color: #001540;
	--bonus-button-background-color: #47c83e;
	--bonus-button-hover-background-color: #5ce84f;
	--bonus-button-text-color: #ffffff;
	--bonus-button-hover-text-color: #ffffff;
	--bonus-read-more-color: #ffcc00;
	--bonus-read-more-hover-color: #ffd700;
	--faq-text-color: #ffffff;
	--faq-background-color: #001540;
	--faq-arrow-color: #70d1ff;
	--popup-text-color: #ffffff;
	--popup-background-color: #001540;
	--popup-button-background-color: #47c83e;
	--popup-button-hover-background-color: #5ce84f;
	--popup-button-text-color: #ffffff;
	--popup-button-hover-text-color: #ffffff;
	--pros-cons-bg-color: #001540;
	--pros-cons-font-color: #ffffff;
	--footer-text-color: #ffffff;
	--footer-menu-link-color: #ffcc00;
	--footer-menu-link-hover-color: #ffd700;
	--footer-background-color: #010d2d;
	--mobile-menu-link-color: #ffcc00;
	--mobile-menu-background-color: #010d2d;
	--update-date-background-color: #001540;
	--update-date-background-gradient-end: #162a5e;
	--update-date-border-left-color: #ffcc00;
	--update-date-background-accent: rgba(255, 204, 0, 0.08);
	--update-date-border-color: rgba(255, 204, 0, 0.28);
	--update-date-text-color: #ffffff;
}

/* Hardcoded palette overrides in theme CSS */
body {
	background: var(--site-background-color) !important;
}

.site-theme .footer.footer--v7 {
	--fv7-top-bg: var(--footer-background-color);
	background: linear-gradient(360deg, #001540 0%, #010d2d 100%) !important;
}

.site-theme .header__top nav:not(.header-menu-main) {
	background-color: var(--header-left-menu-background-color) !important;
}

.site-theme #toc_container ul li,
.site-theme .ctoc-body ul li {
	background-color: var(--toc-background-color);
}

.site-theme #toc_container ul li:hover,
.site-theme #toc_container ul li:focus-within,
.site-theme .ctoc-body ul li:hover,
.site-theme .ctoc-body ul li:focus-within {
	background-color: var(--toc-background-hover-color);
}

.site-theme #toc_container ul li:hover a,
.site-theme #toc_container ul li a:hover,
.site-theme #toc_container ul li a:focus,
.site-theme .ctoc-body ul li:hover a,
.site-theme .ctoc-body ul li a:hover,
.site-theme .ctoc-body ul li a:focus {
	color: var(--toc-link-hover-color);
}

.header-anm,
.site-theme .header-anm {
	background: var(--header-login-button-background-color) !important;
	color: var(--header-login-button-text-color) !important;
}

.header-anm:hover,
.site-theme .header-anm:hover {
	background: var(--header-login-button-background-hover-color) !important;
	color: var(--header-login-button-text-hover-color) !important;
}

.header-reg,
.site-theme .header-reg {
	background: var(--header-register-button-background-color) !important;
	color: var(--header-register-button-text-color) !important;
}

.header-reg:hover,
.site-theme .header-reg:hover {
	background: var(--header-register-button-background-hover-color) !important;
	color: var(--header-register-button-text-hover-color) !important;
}

.site-theme .header_banner__text .btn {
	background: linear-gradient(180deg, #75da3d 0%, #4ebc2a 100%) !important;
	color: var(--banner-button-text-color) !important;
}

header nav a:hover,
.lang-toggle-block a:hover {
	color: var(--header-top-menu-link-hover-color);
}

.faq,
.faq__items {
	background: var(--faq-background-color);
}

.faq-item,
.faq-list__item {
	background: var(--bonus-background-color);
}

.faq-item .question > span:not(.collapse-block__caret),
.faq-item .question > div:first-child:not(.collapse-block__caret) {
	background: var(--container-table-cell-button-color);
}

.collapse-block__caret::before,
.collapse-block__caret::after {
	background: var(--faq-arrow-color);
}

.answer,
.faq-answer,
.faq-item .answer p,
.faq-item .answer li,
.faq-item .answer span,
.faq-item .answer div,
.faq-list__item .faq-answer p,
.faq-list__item .faq-answer li,
.faq-list__item .faq-answer span,
.faq-list__item .faq-answer div {
	color: var(--header-search-container-text-color) !important;
}

.review-info {
	color: var(--header-search-container-text-color);
}

.single-category {
	box-shadow: 0 0 1px 1px var(--container-table-border-color);
	-webkit-box-shadow: 0 0 1px 1px var(--container-table-border-color);
}

.slots-list-block {
	background: var(--slots-background-color) !important;
}

.site-theme .header {
	background: var(--header-top-background-color) !important;
}

.site-theme .slots_list .slot-card .btn {
	background-color: #47c83e !important;
	color: #ffffff !important;
}

.site-theme .slots_list .slot-card .btn:hover,
.site-theme .slots_list .slot-card .btn:active {
	background-color: #5ce84f !important;
	color: #ffffff !important;
}

.updated-date {
	background: linear-gradient(90deg, var(--update-date-background-color) 0%, var(--update-date-background-gradient-end) 100%) !important;
	border-left: 5px solid var(--update-date-border-left-color) !important;
	color: var(--update-date-text-color) !important;
}
