/* BDMBET — final color overrides (after ref-theme.css / cz-theme.css). */

.app-banner-button,
.app-banner-button:hover {
	background: var(--ref-cta-gradient);
	background-image: var(--ref-cta-gradient);
	border: none;
	color: #000000;
}

.app-banner-button:hover {
	background: var(--ref-cta-gradient-hover);
	background-image: var(--ref-cta-gradient-hover);
}

:root {
	--ref-table-card-header-bg: #252525;
	--ref-table-card-header-text: #ffffff;
	--ref-table-card-body-bg: #16181d;
	--ref-table-card-row-border: rgba(255, 255, 255, 0.08);
	--ref-table-toggle-bg: #f5d415;
	--ref-table-toggle-border: #f5d415;
	--ref-table-toggle-text: #000000;
	--ref-table-toggle-hover-bg: #ffe600;
}

/* Header: colores de referencia (solo color, sin layout) */
header {
	background-color: #16181d !important;
}

.header-menu a,
.header-menu-container a,
.switcher-container .switcher-title,
.switcher-container .switcher-left-title,
.offcanvas-close,
.offcanvas-menu li a {
	color: #ffffff !important;
}

.header-menu a:hover,
.header-menu-container a:hover,
.switcher-container .switcher-left:hover .switcher-title,
.switcher-container .switcher-right:hover .switcher-left-title,
.offcanvas-menu li a:hover {
	color: #f5d415 !important;
}

.switcher-container {
	background-color: rgba(255, 255, 255, 0.06) !important;
}

.header-cta-buttons a.login-button,
.login-button {
	background: transparent !important;
	background-image: none !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	color: #ffffff !important;
}

.login-button:hover,
.header-cta-buttons a.login-button:hover {
	background: rgba(255, 255, 255, 0.06) !important;
	border-color: rgba(255, 255, 255, 0.35) !important;
	color: #ffffff !important;
}

.register-button,
.register-button:hover,
.missions-button,
.missions-button:hover {
	background: #f5d415 !important;
	background-image: none !important;
	border-color: #f5d415 !important;
	color: #000000 !important;
	box-shadow: none !important;
}

.header-cta-buttons a.register-button {
	color: #000000 !important;
}

.offcanvas {
	background: #16181d !important;
}

.burger-button img {
	filter: brightness(0) invert(1) !important;
}

/* Hero CTA */
.header-bg-button {
	background: #f5d415 !important;
	background-image: none !important;
	border-color: #f5d415 !important;
}

/* Shell */
body,
.cdl-primary-header-bar,
#page {
	background: #0b0e11 !important;
	background-color: #0b0e11 !important;
}

#content.site-content {
	background: #0b0e11 !important;
	background-color: #0b0e11 !important;
}

/* Sidebar accents */
#secondary #block-11:active,
#secondary #block-12:active,
#secondary #block-14:active,
#secondary #block-15:active,
#secondary #block-17:active,
.sidebar-middle-container aside:active {
	background-color: #252525 !important;
	box-shadow: inset 3px 0 0 #f5d415 !important;
}

/* FAQ — отступы (контейнер + внутри строк) */
.acf-free-content .entry-content .main-text .faq-container,
.entry-content .main-text .faq-container,
.main-text .faq-container {
	padding-left: clamp(1.5rem, 4vw, 3rem) !important;
	padding-right: clamp(1.5rem, 4vw, 3rem) !important;
}

.acf-free-content .entry-content .main-text .faq-item h3,
.entry-content .main-text .faq-item h3,
.main-text .faq-item h3 {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
	padding-left: 2.5rem !important;
	padding-right: 6.5rem !important;
}

.acf-free-content .entry-content .main-text .faq-item h3::after,
.entry-content .main-text .faq-item h3::after,
.main-text .faq-item h3::after {
	right: 2.75rem !important;
}

.acf-free-content .entry-content .main-text .faq-item.is-open .faq-item__panel,
.entry-content .main-text .faq-item.is-open .faq-item__panel,
.main-text .faq-item.is-open .faq-item__panel {
	padding: 1.5rem 2.5rem 1.75rem 2.5rem !important;
}