/* ============================================================
   Casino Review Block — стили.
   Цветовая переменная --acc задаётся инлайном из поля accent_color
   (по умолчанию перекрыта ниже в разделе "тёмная тема / правки ПМ").

   СТРУКТУРА ФАЙЛА (важно при будущих правках):
   1. Базовые переменные и защита от стилей/анимаций темы сайта
   2. Основная вёрстка блока (hero, кнопки, карточки, таблицы, FAQ...)
   3. Доп. компонент "More games"
   4. ТЁМНАЯ ТЕМА — переопределяет фон/текст под тёмный дизайн сайта
   5. ПРАВКИ ПМ — финальные правки акцентного цвета и читаемости текста
   Слои 4 и 5 идут ПОСЛЕ основной вёрстки и намеренно её перекрывают
   через !important — это осознанный каскад патчей, а не дубли.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap');

/* ---------- 1. База + защита от темы сайта ---------- */

.crb-root {
	--acc: #7a3ff2;
	--crb-card-bg: #f4f2f8; /* приглушённый серый — общий фон блока и фон внутренних карточек */
	font-family: -apple-system, BlinkMacSystemFont, 'Manrope', system-ui, sans-serif;
	color: #17151f !important;
	background: var(--crb-card-bg);
	position: relative;
	z-index: 0;
}
.crb-root * { box-sizing: border-box; }
.crb-root a { text-decoration: none; transition: color .25s ease; }
.crb-h1, .crb-h2, .crb-h3, .crb-h4 { font-family: 'Plus Jakarta Sans', system-ui, sans-serif; margin: 0; letter-spacing: -.02em; color: #17151f !important; }
.crb-h2 { font-size: 28px; font-weight: 800; margin-bottom: 18px; }
.crb-h3 { font-size: 20px; font-weight: 800; }
.crb-h4, .crb-h4-pos, .crb-h4-neg { font-size: 16px; font-weight: 800; color: #17151f !important; }
.crb-p { font-size: 16px; line-height: 1.75; color: #3a3546 !important; }
.crb-anchor-target { scroll-margin-top: 110px; }

/*
 * ЗАЩИТА ОТ СТИЛЕЙ/АНИМАЦИЙ ТЕМЫ САЙТА.
 * На некоторых темах есть глобальные CSS/JS-анимации "появление текста при
 * скролле" (fade-in для h2/h3/h4 и т.п.), которые применяются вообще ко всем
 * заголовкам на странице, включая наши — из-за этого текст выглядит блёклым/
 * полупрозрачным, пока анимация не сработает (или не срабатывает вовсе).
 * Наш блок — не часть темы, ему такое поведение не нужно: принудительно
 * возвращаем полную видимость и наследуемый цвет для всего, что внутри блока.
 */
.crb-root {
	opacity: 1 !important;
	visibility: visible !important;
	color: #17151f !important;
}
.crb-root * {
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	animation: none !important;
	filter: none !important;
	text-shadow: none !important;
	box-sizing: border-box !important;
	color: inherit !important;
}
.crb-root h1, .crb-root h2, .crb-root h3, .crb-root h4 { font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important; }
.crb-root p, .crb-root span, .crb-root div, .crb-root li { font-family: 'Manrope', system-ui, sans-serif !important; }
.crb-root ul.crb-plain, .crb-root .crb-tldr-grid, .crb-root .crb-check-list { list-style: none !important; }
.crb-root .crb-body-content ul, .crb-root .crb-pros ul, .crb-root .crb-cons ul { list-style: disc !important; }
.crb-root .crb-body-content ol { list-style: decimal !important; }
.crb-root button { font-family: inherit !important; }
.crb-root img { max-width: 100%; display: block; }

/* ---------- 2. HERO ---------- */

.crb-hero {
	background: linear-gradient(125deg, #14161a 0%, #1f3d1a 35%, #4a8a0f 60%, #9CE800 100%);
	color: #fff !important;
}
.crb-hero.crb-hero--has-image {
	background-size: cover;
	background-position: center;
}
.crb-hero-clip { position:relative; overflow:hidden; }
.crb-hero-glow { position:absolute; inset:0; background:radial-gradient(circle at 82% 30%,rgba(255,255,255,.22),transparent 42%); pointer-events:none; }
.crb-hero-deco { position:absolute; pointer-events:none; line-height:1; }
.crb-hero-deco-1 { font-size:120px; right:-10px; top:20px; opacity:.16 !important; transform:rotate(12deg) !important; }
.crb-hero-deco-2 { font-size:90px; right:150px; bottom:-10px; opacity:.14 !important; transform:rotate(-8deg) !important; }
.crb-hero-inner { max-width: 1160px; margin: 0 auto; padding: 34px 24px 26px; }
.crb-breadcrumbs { font-size: 13px; font-weight: 600; opacity: .9; margin-bottom: 14px; }
.crb-breadcrumbs a { color: #fff !important; text-decoration: underline; }
.crb-bc-sep { opacity: .6; margin: 0 6px; }
.crb-hero-top { display: flex; align-items: flex-start; gap: 16px; flex-wrap: wrap; }
.crb-hero-icon { width:56px; height:56px; border-radius: 14px !important; background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.35); display:flex; align-items:center; justify-content:center; font-size:26px; flex:none; }
.crb-hero-text { flex:1; min-width: 280px; }
.crb-h1 { font-size: 44px; font-weight: 800; margin-bottom: 12px; }
.crb-hero-desc { font-size: 15px; line-height: 1.6; opacity: .95; }
.crb-hero-meta { display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; margin-top:22px; }
.crb-hero-author { display:flex; align-items:center; gap:12px; }
.crb-avatar-round {
	border-radius: 50% !important;
	overflow: hidden;
	flex: none;
	width: 80px;
	height: 80px;
	background: rgba(255,255,255,.25);
}
.crb-avatar-round img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.crb-avatar-sm { width:44px; height:44px; border:2px solid rgba(255,255,255,.6); }
.crb-avatar-lg { width:80px; height:80px; }
.crb-hero-author-text { font-size:13px; line-height:1.4; }
.crb-hero-author-text a { color: #fff !important; }
.crb-muted-inv { opacity:.85; }
.crb-hero-divider { height:1px; background:rgba(255,255,255,.25); margin:20px 0 16px; }
.crb-hero-dates { font-size:13px; opacity:.92; display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; }
.crb-visit-link { color:#fff !important; text-decoration:underline !important; }
.crb-hero-social { display:flex; gap:8px; }
.crb-social-btn { width:38px; height:38px; border-radius: 10px !important; background:rgba(255,255,255,.16); display:flex; align-items:center; justify-content:center; color:#fff !important; font-size:15px; border:none; cursor:pointer; text-decoration:none !important; font-family:inherit; }
.crb-social-btn:hover { background:rgba(255,255,255,.28); }

/* ---------- Buttons ---------- */
/* фон crb-btn-gold сразу на var(--acc): раньше было жёстко #ffce1f/rgb(156,232,0)
   в двух копиях, при этом (156,232,0) и так совпадает с текущим --acc */
.crb-btn-gold { display:inline-flex; align-items:center; justify-content:center; font-family:'Plus Jakarta Sans'; font-weight:800; padding:14px 24px; border-radius: 12px !important; border:none; cursor:pointer; transition: background .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease; }
.crb-btn-outline { display:inline-flex; align-items:center; justify-content:center; border:2px solid #17151f; color: #17151f !important; font-family:'Plus Jakarta Sans'; font-weight:800; padding:12px; border-radius: 12px !important; background:#fff; }
.crb-btn-outline-acc { display:inline-block; border:2px solid var(--acc); font-family:'Plus Jakarta Sans'; font-weight:800; padding:12px 26px; border-radius: 12px !important; }
.crb-btn-acc { border:none; font-family:'Plus Jakarta Sans'; font-weight:800; padding:12px 22px; border-radius: 12px !important; cursor:pointer; }
.crb-btn-download { font-family:'Plus Jakarta Sans'; font-weight:800; font-size:16px; padding:15px; border-radius: 12px !important; }
.crb-btn-block { width:100%; margin-top:12px; }
.crb-center { text-align:center; margin-top:20px; }

/* ---------- Anchors ---------- */


.crb-anchors-inner { max-width:1160px; margin:0 auto; padding:12px 24px; display:flex; gap:9px; overflow-x:auto; }
.crb-pill { flex:none; border:1px solid #e6e1ef; border-radius: 20px !important; padding:8px 15px; font-size:13px; font-weight:700; color: #4b4658 !important; background:#faf9fd; white-space:nowrap; }

/* ---------- Main ---------- */
.crb-main { max-width:900px; margin:0 auto; padding:36px 24px 72px; display:flex; flex-direction:column; gap:44px; }

/* Обёртка отдельных блоков (при раздельной архитектуре — каждая секция это независимый Gutenberg-блок).
   Раньше max-width:900px и вертикальные отступы задавал общий <main class="crb-main">,
   которого больше нет — теперь эту роль берёт на себя каждый блок сам по себе. */
.crb-section-wrap { max-width:900px; margin:0 auto; }
.crb-section-wrap:empty { padding:0; margin:0; }

/* ---------- Gallery ---------- */
.crb-gallery { display:flex; gap:12px; overflow-x:auto; padding-bottom:6px; }
.crb-gallery-item { width:150px; aspect-ratio:9/16; border-radius: 16px !important; overflow:hidden; flex:none; border:1px solid #ece8f4; box-shadow:0 2px 8px rgba(20,10,40,.06); }
.crb-gallery-item img { width:100%; height:100%; object-fit:cover; display:block; }

/* ---------- TL;DR ---------- */
.crb-tldr { background:var(--crb-card-bg); border:2px solid var(--acc); border-radius: 18px !important; padding:26px; box-shadow:0 10px 30px rgba(122,63,242,.1); }
.crb-tldr-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; flex-wrap:wrap; }
.crb-badge-acc { display:inline-flex; align-items:center; gap:6px; background:var(--acc); color: #fff !important; font-family:'Plus Jakarta Sans'; font-weight:800; font-size:15px; padding:7px 14px; border-radius: 24px !important; }
.crb-tldr-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px 26px; }
.crb-tldr-row { display:flex; gap:11px; align-items:flex-start; font-size:15px; line-height:1.5; }
.crb-fineprint { text-align:center; font-size:12px; color: #8a8397 !important; margin-top:10px; }

/* ---------- Bonuses ---------- */
.crb-bonus-grid { display:grid; grid-template-columns:1.35fr 1fr 1fr; gap:16px; align-items:start; }
.crb-bonus-card { position:relative; background:var(--crb-card-bg); border:1px solid #ece8f4; border-radius: 18px !important; padding:22px 20px; box-shadow:0 2px 6px rgba(20,10,40,.05); }
.crb-bonus-featured { background:linear-gradient(160deg,#fff,#faf5ff); border:2px solid var(--acc); box-shadow:0 12px 28px rgba(122,63,242,.14); }
.crb-bonus-flag { position:absolute; top:-12px; left:18px; background:var(--acc); color: #fff !important; font-family:'Plus Jakarta Sans'; font-weight:800; font-size:11px; letter-spacing:.04em; padding:5px 11px; border-radius: 8px !important; }
.crb-chip { display:inline-block; background:#f1eef7; color: #5a5468 !important; font-weight:800; font-size:11px; letter-spacing:.05em; padding:5px 11px; border-radius: 20px !important; }
.crb-bonus-featured .crb-chip { background:rgba(122,63,242,.12); color: var(--acc) !important; }
.crb-bonus-amount { font-family:'Plus Jakarta Sans'; font-weight:800; font-size:24px; margin-top:14px; }
.crb-bonus-featured .crb-bonus-amount { font-size:30px; }
.crb-bonus-terms { font-size:14px; color: #5a5468 !important; margin-top:6px; }
.crb-bonus-wager { font-size:12px; color: #8a8397 !important; margin-top:6px; }
.crb-code-row { display:flex; gap:8px; margin-top:16px; }
.crb-code-box { flex:1; border:1.5px dashed var(--acc); border-radius: 10px !important; padding:11px; font-family:'Plus Jakarta Sans'; font-weight:800; letter-spacing:.12em; text-align:center; background:#fff; }
.crb-copy-btn { border:none; background:var(--acc-bg); color: #fff !important; border-radius: 10px !important; padding:0 15px; font-weight:700; font-size:13px; cursor:pointer; white-space:nowrap; }
.crb-more-link { margin-top:16px; font-size:14px; }

/* ---------- Specs table (2 колонки: label / value) ---------- */
.crb-specs-table { background:var(--crb-card-bg); border:1px solid #ece8f4; border-radius: 16px !important; overflow:hidden; }
.crb-specs-row { display:flex; border-bottom:1px solid #f1eef7; }
.crb-specs-row:last-child { border-bottom:none; }
.crb-specs-k { width:40%; padding:13px 18px; font-weight:700; font-size:14px; background:#faf9fd; color: #4b4658 !important; }
.crb-specs-v { flex:1; padding:13px 18px; font-size:14px; }

/* На узких экранах пара label/value складывается в колонку —
   так длинные значения не сжимаются в 60% ширины и не переносятся криво */
@media (max-width: 480px) {
	.crb-specs-row { flex-direction: column; }
	.crb-specs-k { width: 100%; padding-bottom: 6px; }
	.crb-specs-v { padding-top: 0; }
}

/* ---------- Body content (WYSIWYG) ---------- */
.crb-body-content h2 { font-size: 24px; font-weight: 800; margin: 26px 0 12px; font-family:'Plus Jakarta Sans'; }
.crb-body-content h3 { font-size: 20px; font-weight: 800; margin: 22px 0 10px; font-family:'Plus Jakarta Sans'; }
.crb-body-content h4 { font-size: 16px; font-weight: 800; margin: 18px 0 8px; font-family:'Plus Jakarta Sans'; }
.crb-body-content p, .crb-body-content li { font-size: 16px; line-height: 1.8; color: #3a3546 !important; }
.crb-body-content ul, .crb-body-content ol { padding-left: 22px; }

/* ---------- Comparison table ---------- */
.crb-table-wrap { overflow-x:auto; border:1px solid #ece8f4; border-radius: 16px !important; margin-top:14px; background:var(--crb-card-bg); }
.crb-table { width:100%; border-collapse:collapse; font-size:14px; background:var(--crb-card-bg); color: #17151f !important; }
.crb-table thead tr { background:#faf9fd; text-align:left; }
.crb-table th { padding:13px 18px; font-weight:800; color: #17151f !important; background:#faf9fd; }
.crb-table td { padding:12px 18px; border-top:1px solid #f1eef7; background:var(--crb-card-bg); color: #17151f !important; }

/* Мобильные: вместо горизонтального скролла таблица раскладывается в карточки.
   Первая колонка (обычно название сектора/пункта сравнения) становится
   заголовком карточки, остальные — пары "подпись: значение" друг под другом.
   Подпись берётся из data-label, который проставляет PHP при рендере <td>.
   !important везде обязателен: у темы сайта на table/tr/td/th встречается
   собственный display:table-row/table-cell, который иначе побеждает и ломает
   раскладку наполовину (шапка остаётся, ячейки съезжают). */
@media (max-width: 640px) {
	.crb-section-wrap{
		padding: 0;
	}
	.more-games{
		padding: 0 !important;
	}
	.crb-table-wrap {
		overflow-x: visible !important;
		border: none !important;
		background: transparent !important;
	}

	.crb-table {
		display: block !important;
		width: 100% !important;
	}
	.crb-table thead {
		display: none !important;
	}
	.crb-table tbody {
		display: block !important;
		width: 100% !important;
	}
	.crb-table tr {
		display: block !important;
		width: 100% !important;
		background: var(--crb-card-bg) !important;
		border: 1px solid var(--crb-border, #ece8f4) !important;
		border-radius: 14px !important;
		padding: 16px 18px !important;
		margin-bottom: 12px !important;
	}
	.crb-table tr:last-child { margin-bottom: 0 !important; }

	.crb-table td {
		display: block !important;
		width: 100% !important;
		padding: 0 !important;
		border: none !important;
		background: transparent !important;
	}

	/* Первая ячейка строки — заголовок карточки */
	.crb-table td:first-child {
		font-family: 'Plus Jakarta Sans';
		font-weight: 800 !important;
		font-size: 16px !important;
		padding-bottom: 10px !important;
		margin-bottom: 10px !important;
		border-bottom: 1px solid var(--crb-border, #f1eef7) !important;
	}

	/* Остальные ячейки — строка "подпись / значение" */
	.crb-table td:not(:first-child) {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 12px !important;
		padding: 7px 0 !important;
		font-size: 14px !important;
	}
	.crb-table td:not(:first-child)::before {
		content: attr(data-label);
		font-weight: 700;
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: .03em;
		color: var(--crb-text-muted, #8a8397);
		flex: none;
	}
}

/* ---------- Pros/Cons ---------- */
.crb-proscons { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.crb-pros { background:#f0faf3; border:1px solid #c7e8d0; border-radius: 16px !important; padding:20px; }
.crb-cons { background:#fdf1f1; border:1px solid #f2cccc; border-radius: 16px !important; padding:20px; }
.crb-h4-pos { color: #1e7a3e !important; margin-bottom:12px; }
.crb-h4-neg { color: #b53838 !important; margin-bottom:12px; }
.crb-pros ul, .crb-cons ul { padding-left:20px; font-size:15px; line-height:1.8; }
.crb-pros li { color: #2f5a3c !important; }
.crb-cons li { color: #7a3535 !important; }

/* ---------- Inline CTA ---------- */
.crb-inline-cta { display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; background:linear-gradient(120deg,#7a2fd6,#e0198b); border-radius: 18px !important; padding:22px 26px; color: #fff !important; }
.crb-inline-cta-title { font-family:'Plus Jakarta Sans'; font-weight:800; font-size:20px; }
.crb-inline-cta-text { font-size:14px; opacity:.92; margin-top:4px; }

/* ---------- Register steps ---------- */
.crb-steps { display:flex; flex-direction:column; gap:16px; }
.crb-step { display:flex; gap:16px; align-items:flex-start; background:var(--crb-card-bg); border:1px solid #ece8f4; border-radius: 16px !important; padding:18px; }
.crb-step-num { width:34px; height:34px; border-radius: 50% !important; background:var(--acc); color: #fff !important; font-family:'Plus Jakarta Sans'; font-weight:800; display:flex; align-items:center; justify-content:center; flex:none; }
.crb-step-body { flex:1; min-width:0; }
.crb-step-body h4 { font-size:16px; font-weight:800; }
.crb-step-body p { font-size:14px; line-height:1.6; color: #5a5468 !important; margin-top:6px; }
.crb-step-shot { width:170px; aspect-ratio:16/10; border-radius: 12px !important; overflow:hidden; flex:none; border:1px solid #ece8f4; }
.crb-step-shot img { width:100%; height:100%; object-fit:cover; display:block; }

/* ---------- Games ---------- */
.crb-counts { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid #ece8f4; border-radius: 16px !important; overflow:hidden; margin-bottom:20px; }
.crb-count-item { padding:18px; text-align:center; border-right:1px solid #f1eef7; }
.crb-count-item:last-child { border-right:none; }
.crb-count-label { font-size:12px; color: #8a8397 !important; }
.crb-count-value { font-family:'Plus Jakarta Sans'; font-weight:800; font-size:22px; margin-top:4px; }
.crb-chips { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:22px; }
.crb-provider-chip { border:1px solid #e6e1ef; border-radius: 10px !important; padding:8px 14px; font-size:13px; font-weight:600; background:#fff; color: #4b4658 !important; }
.crb-games-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.crb-game-card { background:var(--crb-card-bg); border:1px solid #ece8f4; border-radius: 14px !important; overflow:hidden; }
.crb-game-thumb { aspect-ratio:1/1; }
.crb-game-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.crb-game-info { padding:10px 12px; }
.crb-game-title { font-family:'Plus Jakarta Sans'; font-weight:700; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.crb-game-provider { font-size:11px; color: #8a8397 !important; margin-top:2px; }
.crb-game-play { display:inline-flex; align-items:center; gap:4px; font-weight:800; font-size:12px; margin-top:8px; }

/* ---------- Mobile ---------- */
.crb-mobile-row { display:flex; gap:26px; flex-wrap:wrap; align-items:flex-start; }
.crb-phones { display:flex; gap:14px; }
.crb-phone-wrap { text-align:center; }
.crb-phone { width:104px; aspect-ratio:9/19; background:#17151f; padding:5px; overflow:hidden; }
.crb-phone-android { border-radius: 18px !important; }
.crb-phone-ios { border-radius: 24px !important; }
.crb-phone img { width:100%; height:100%; object-fit:cover; border-radius: 14px !important; display:block; }
.crb-phone-caption { font-size:12px; margin-top:7px; color: #5a5468 !important; }
.crb-mobile-text { flex:1; min-width:260px; }
.crb-mobile-text h4 { margin-bottom:8px; }
.crb-mobile-text p { font-size:15px; line-height:1.7; color: #3a3546 !important; }
.crb-check-list { display:flex; flex-direction:column; gap:7px; margin-bottom:16px; font-size:15px; color: #3a3546 !important; }
.crb-check { color: var(--acc) !important; }

.crb-app-card { border:2px solid var(--acc); border-radius: 18px !important; padding:18px; margin-top:22px; background:var(--crb-card-bg); box-shadow:0 10px 26px rgba(122,63,242,.1); }
.crb-app-head { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.crb-app-icon { width:66px; height:66px; border-radius: 16px !important; overflow:hidden; flex:none; }
.crb-app-icon img { width:100%; height:100%; object-fit:cover; display:block; }
.crb-app-title { flex:1; min-width:180px; font-family:'Plus Jakarta Sans'; font-size:17px; }
.crb-app-verified { display:flex; align-items:center; gap:6px; font-size:13px; font-weight:700; color: #1e7a3e !important; }
.crb-app-stats { display:flex; border-top:1px solid #f1eef7; border-bottom:1px solid #f1eef7; margin:16px 0; }
.crb-app-stat { flex:1; text-align:center; padding:12px 4px; border-right:1px solid #f1eef7; }
.crb-app-stat:last-child { border-right:none; }
.crb-app-stat-label { font-size:12px; color: #8a8397 !important; }
.crb-app-stat-value { font-family:'Plus Jakarta Sans'; font-weight:800; font-size:17px; margin-top:2px; }

/* ---------- Support ---------- */
.crb-support-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.crb-support-card { background:var(--crb-card-bg); border:1px solid #ece8f4; border-radius: 16px !important; padding:20px; }
.crb-support-icon { font-size:26px; }
.crb-support-card h4 { margin-top:8px; }
.crb-support-card p { font-size:13px; color: #5a5468 !important; margin-top:4px; }
.crb-support-meta { font-size:14px; color: #5a5468 !important; margin-top:14px; }

/* ---------- FAQ ---------- */
.crb-faq-list { display:flex; flex-direction:column; gap:10px; }
.crb-faq-item { background:var(--crb-card-bg); border:1px solid #ece8f4; border-radius: 14px !important; overflow:hidden; }
.crb-faq-q { width:100%; display:flex; justify-content:space-between; align-items:center; gap:12px; padding:16px 18px; background:none; border:none; cursor:pointer; text-align:left; font-family:'Plus Jakarta Sans'; font-weight:700; font-size:15px; color: #17151f !important; }
.crb-faq-sign { color: var(--acc) !important; font-size:22px; font-weight:400; flex:none; }
.crb-faq-a { padding:0 18px 16px; font-size:14px; line-height:1.7; color: #5a5468 !important; }
.crb-faq-a[hidden] { display:none; }

/* ---------- Reviews ---------- */
.crb-reviews-head { display:flex; align-items:baseline; gap:14px; margin-bottom:18px; flex-wrap:wrap; }
.crb-reviews-agg { font-size:14px; color: #5a5468 !important; }
.crb-review-list { display:flex; flex-direction:column; gap:12px; }
.crb-review-card { background:var(--crb-card-bg); border:1px solid #ece8f4; border-radius: 14px !important; padding:16px 18px; }
.crb-review-top { display:flex; align-items:center; gap:11px; }
.crb-review-avatar { width:34px; height:34px; border-radius: 50% !important; background:var(--acc); color: #fff !important; font-weight:800; display:flex; align-items:center; justify-content:center; flex:none; }
.crb-review-stars { font-size:13px; color: #ffb400 !important; }
.crb-review-date { font-size:12px; color: #8a8397 !important; margin-left:auto; }
.crb-review-card p { font-size:14px; line-height:1.6; color: #3a3546 !important; margin-top:10px; }
.crb-review-form { background:var(--crb-card-bg); border:2px solid var(--acc); border-radius: 16px !important; padding:20px; margin-top:14px; }
.crb-star-picker { display:flex; gap:5px; margin:12px 0; font-size:26px; cursor:pointer; }
.crb-star-picker span { color: #dcd6e8 !important; }
.crb-star-picker span.active { color: #ffb400 !important; }
.crb-review-form textarea { width:100%; min-height:90px; border:1px solid #e6e1ef; border-radius: 12px !important; padding:12px; font-family:inherit; font-size:14px; resize:vertical; color:#1c1c20 !important; }

.crb-review-form.is-submitted > div,
.crb-review-form.is-submitted textarea {
	display: none !important;
}
.crb-review-form.is-submitted .crb-review-form-thanks {
	display: block !important;
	text-align: center;
	font-weight: 700;
	color: var(--acc);
	padding: 14px 0;
}
.crb-review-form-actions { display:flex; justify-content:flex-end; margin-top:12px; }

/* ---------- Author ---------- */
.crb-author-card { background:var(--crb-card-bg); border:1px solid #ece8f4; border-radius: 16px !important; padding:24px; display:flex; gap:20px; align-items:flex-start; flex-wrap:wrap; }
.crb-author-text { flex:1; min-width:240px; }
.crb-author-name-row { display:flex; align-items:center; gap:11px; flex-wrap:wrap; }
.crb-author-role { font-size:14px; color: #8a8397 !important; margin-top:4px; }
.crb-author-bio { font-size:15px; line-height:1.75; color: #3a3546 !important; margin-top:12px; }
.crb-author-links { display:flex; gap:9px; margin-top:16px; flex-wrap:wrap; }
.crb-author-links a { border:1px solid #e6e1ef; border-radius: 10px !important; padding:8px 14px; font-size:13px; font-weight:700; color: #4b4658 !important; }

/* ---------- Final CTA ---------- */
.crb-final-cta { background:linear-gradient(125deg,#7a2fd6 0%,#e0198b 55%,#ff6a3d 100%); color: #fff !important; text-align:center; padding:48px 24px; }
.crb-h2-inv { font-size:32px; font-weight:800; margin-bottom:10px; color: #fff !important; }
.crb-final-cta p { font-size:16px; opacity:.94; max-width:560px; margin:0 auto 22px; }

/* ---------- Avatar (generic) ---------- */
.avatar__wrapper{
	border-radius: 50% !important;
	width:120px;
	height: 120px;
}
.avatar__wrapper img{
	border-radius: 50% !important;
	margin: 0;
	width: 100%;
	height: 100%;
}

/* ---------- 3. More games ---------- */
.more-games { padding: 40px 24px; }
.more-games h2 { font-size: 26px; font-weight: 800; margin-bottom: 24px; }
.more-games__wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.more-games__card { background: var(--crb-card-bg); border-radius: 16px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,.06); padding-bottom: 20px; display:flex; flex-direction:column; }
.more-games__item { flex: 1 1 auto; border-radius:8px !important;}
.more-games__thumb { aspect-ratio: 16/10; overflow: hidden; }
.more-games__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.more-games__title { font-size: 17px; font-weight: 700; padding: 16px 20px 8px; }
.more-games__desc { font-size: 14px; color: #6b7280; line-height: 1.6; padding: 0 20px 16px; }
.more-games__btn { display: block; text-align: center; margin: 0 20px; font-weight: 700 !important; padding: 12px; border-radius: 10px !important; text-decoration: none !important; }

/* ---------- Responsive ---------- */
@media (max-width: 860px) {
	.crb-bonus-grid { grid-template-columns: 1fr; }
	.crb-tldr-grid { grid-template-columns: 1fr; }
	.crb-proscons { grid-template-columns: 1fr; }
	.crb-games-grid { grid-template-columns: repeat(2,1fr); }
	.crb-counts { grid-template-columns: repeat(2,1fr); }
	.crb-support-grid { grid-template-columns: 1fr; }
	.crb-mobile-row { flex-direction: column; }
	.crb-h1 { font-size: 32px; }
	.more-games__wrapper { grid-template-columns: 1fr; }
}
/* ---------- Mobile block: адаптив под узкие экраны ---------- */
@media (max-width: 640px) {
	.crb-mobile-row {
		flex-direction: column;
	}
	.crb-phones {
		width: 100%;
		justify-content: center;
	}
	.crb-mobile-text {
		width: 100%;
	}

	/* 5 колонок в crb-app-stats не помещаются на телефоне —
	   переводим в сетку 3+2 вместо сжатых flex:1 колонок */
	.crb-app-stats {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		border-top: 1px solid var(--crb-border, #f1eef7);
		border-bottom: none;
	}
	.crb-app-stat {
		border-right: 1px solid var(--crb-border, #f1eef7);
		border-bottom: 1px solid var(--crb-border, #f1eef7);
		padding: 12px 6px;
	}
	.crb-app-stat:nth-child(3n) { border-right: none; }
	.crb-app-stat:nth-last-child(-n+3):nth-child(3n+1),
	.crb-app-stat:nth-last-child(-n+3):nth-child(3n+1) ~ .crb-app-stat {
		border-bottom: none;
	}
	.crb-app-stat-label { font-size: 11px; }
	.crb-app-stat-value { font-size: 14px; }
}

@media (max-width: 380px) {
	/* На совсем узких экранах (<380px) 3 колонки тоже тесно — уходим на 2 */
	.crb-app-stats {
		grid-template-columns: repeat(2, 1fr);
	}
	.crb-app-stat:nth-child(3n) { border-right: 1px solid var(--crb-border, #f1eef7); }
	.crb-app-stat:nth-child(2n) { border-right: none; }
}
/* ============================================================
   4. ТЁМНАЯ ТЕМА БЛОКА (в цвет сайта)
   ============================================================ */
.crb-root {
	--crb-card-bg: #1c1a24;      /* внутренние карточки — на тон светлее фона */
	--crb-text: #f4f2f8;         /* основной текст — белый */
	--crb-text-muted: #a49fb3;   /* второстепенный текст — приглушённый светлый */
	--crb-border: rgba(255,255,255,.10);
	background: var(--crb-page-bg) !important;
	color: var(--crb-text) !important;
}

.crb-section-wrap, .crb-body-content {
/* 	background: var(--crb-page-bg) !important; */
	color: var(--crb-text) !important;
}

.crb-root .crb-h1, .crb-root .crb-h2, .crb-root .crb-h3, .crb-root .crb-h4,
.crb-root .crb-h4-pos, .crb-root .crb-h4-neg,
.crb-root .crb-body-content h2, .crb-root .crb-body-content h3, .crb-root .crb-body-content h4 {
	color: var(--crb-text) !important;
}
.crb-root .crb-p,
.crb-root .crb-body-content p, .crb-root .crb-body-content li {
	color: var(--crb-text-muted) !important;
}

.crb-anchors {background: var(--crb-page-bg, #100f16) !important; position: relative; z-index: 40; }
.crb-anchors--fixed {
	position: fixed !important;
	left: 0;
	right: 0;
	margin: 0;
	z-index: 999 !important;
	background: var(--crb-page-bg, #100f16) !important;
	padding: 0 24px;
}
.crb-anchors-spacer { display: none; }
.crb-pill { background: var(--crb-card-bg) !important; color: var(--crb-text) !important; border-color: var(--crb-border) !important; }

.crb-tldr, .crb-bonus-card, .crb-specs-table, .crb-step, .crb-game-card,
.crb-support-card, .crb-faq-item, .crb-review-card, .crb-review-form,
.crb-author-card, .crb-app-card, .crb-table-wrap, .crb-table,
.more-games__card {
	background: var(--crb-card-bg) !important;
	border-color: var(--crb-border) !important;
	border-radius: 7px !important;
}
.crb-specs-k, .crb-table thead tr, .crb-table th {
	background: #15131c !important;
	color: var(--crb-text) !important;
}
.crb-table td { background: var(--crb-card-bg) !important; color: var(--crb-text) !important; border-color: var(--crb-border) !important; }
.crb-specs-row { border-color: var(--crb-border) !important; }

.crb-specs-v, .crb-bonus-terms, .crb-step-body p, .crb-mobile-text p,
.crb-check-list, .crb-support-card p, .crb-author-bio, .crb-review-card p,
.crb-count-label, .crb-count-value, .crb-game-provider, .crb-app-stat-label,
.crb-app-stat-value, .crb-faq-a, .crb-support-meta, .crb-reviews-agg,
.more-games__desc, .crb-phone-caption {
	color: var(--crb-text-muted) !important;
}
.crb-faq-q { color: var(--crb-text) !important; }
.crb-fineprint, .crb-bonus-wager, .crb-author-role { color: var(--crb-text-muted) !important; }

.crb-code-box, .crb-provider-chip { background: var(--crb-card-bg) !important; color: var(--crb-text) !important; border-color: var(--crb-border) !important; }
.crb-chip { background: rgba(255,255,255,.06) !important; color: var(--crb-text-muted) !important; }

.crb-btn-outline { background: transparent !important; border-color: #fff !important; color: #fff !important; }

.crb-pros { background: rgba(46,160,90,.12) !important; border-color: rgba(46,160,90,.35) !important; }
.crb-cons { background: rgba(224,70,70,.12) !important; border-color: rgba(224,70,70,.35) !important; }
.crb-pros li { color: #8fd6ab !important; }
.crb-cons li { color: #f0a3a3 !important; }

/* ============================================================
   5. ПРАВКИ ПМ (акцент → зелёный цвет темы, читаемость, кнопки)
   ============================================================ */
.crb-root {
	/* --acc больше НЕ хардкодится тут — цвет управляется полем "Акцентный
	   цвет бренда" (crb_accent_color) в админке для каждой страницы,
	   см. --acc в инлайн-стиле на .crb-root в casino-review-block.php */
	--crb-card-bg: #2a2836;         /* карточки светлее/серее прежнего */
	--crb-text-muted: #ffffff;      /* весь второстепенный текст — чисто белый, без серого */
}

/* ------------------------------------------------------------
   ВСЕ элементы с акцентным фоном (кнопки, бейджи, кружки) — в одном
   месте, одно правило на обычное состояние и одно на :hover.
   4 настраиваемые переменные (заданы инлайном на .crb-root из
   соответствующих 4 полей в админке):
     --acc             фон
     --acc-text        цвет текста
     --acc-hover        фон при наведении       (пусто в админке = как --acc)
     --acc-text-hover   цвет текста при наведении (пусто в админке = как --acc-text)
   ------------------------------------------------------------ */
/* Кнопки — фон может быть градиентом (--acc-bg), border/бейджи/кружки остаются сплошным цветом (--acc),
   т.к. градиент на узкой обводке или маленьком кружке смотрится плохо. */
.crb-root .crb-btn-acc,
.crb-root .crb-btn-gold,
.crb-root .crb-btn-outline-acc,
.crb-root .crb-btn-download {
	background: var(--acc-bg) !important;
	border-color: var(--acc) !important;
	color: var(--acc-text) !important;
	transition: background .25s ease, border-color .25s ease, color .25s ease !important;
}

.crb-root .crb-badge-acc,
.crb-root .crb-bonus-flag,
.crb-root .crb-review-avatar,
.crb-root .crb-step-num {
	background: var(--acc) !important;
	border-color: var(--acc) !important;
	color: var(--acc-text) !important;
	transition: background .25s ease, border-color .25s ease, color .25s ease !important;
}

.crb-root .crb-btn-gold:hover,
.crb-root .crb-btn-acc:hover,
.crb-root .crb-btn-outline-acc:hover,
.crb-root .crb-btn-download:hover {
	background: var(--acc-bg-hover) !important;
	border-color: var(--acc-hover) !important;
	color: var(--acc-text-hover) !important;
}

.crb-root .crb-bonus-featured,
.crb-root .crb-tldr {
	background: var(--crb-card-bg) !important;
}

/* Явные попадания серого/белого мимо переменной — принудительно белый */
.crb-root .crb-specs-v,
.crb-root .crb-bonus-terms,
.crb-root .crb-step-body p,
.crb-root .crb-mobile-text p,
.crb-root .crb-check-list,
.crb-root .crb-support-card p,
.crb-root .crb-author-bio,
.crb-root .crb-review-card p,
.crb-root .crb-count-label,
.crb-root .crb-game-provider,
.crb-root .crb-app-stat-label,
.crb-root .crb-faq-a,
.crb-root .crb-support-meta,
.crb-root .crb-reviews-agg,
.crb-root .crb-fineprint,
.crb-root .crb-bonus-wager,
.crb-root .crb-author-role,
.crb-root .crb-phone-caption,
.crb-root .more-games__desc,
.crb-root .crb-body-content p,
.crb-root .crb-body-content li,
.crb-root .crb-p,
.crb-root .crb-copy-btn {
	color: #fff !important;
}

/* Ссылки LinkedIn / X у автора — белая обводка, при наведении заливка акцентом */
.crb-root .crb-author-links a {
	border: 1.5px solid rgba(255,255,255,.5) !important;
	color: #fff !important;
	background: transparent !important;
	transition: background .25s ease, border-color .25s ease, color .25s ease;
}
.crb-root .crb-author-links a:hover {
	border-color: var(--acc-hover) !important;
	background: var(--acc-hover) !important;
	color: var(--acc-text-hover) !important;
}

.more-games__btn { background: var(--acc-bg) !important; color: var(--acc-text) !important; transition: background .25s ease, color .25s ease; }
.more-games__btn:hover { background: var(--acc-bg-hover) !important; color: var(--acc-text-hover) !important; }

.crb-anchors{max-width:1235px;margin:0 auto!important;padding:0 24px;z-index:5}
.crb-anchors--fixed{z-index:5!important}