/*
Theme Name: Casinos 123
Theme URI: https://casinos-123.com/
Author: REPRESIDIUM
Author URI: https://represidium.com/
Description: Универсальная тема для аффилейт-сайтов о казино и букмекерах. Главная — рейтинг-таблицы, отдельная сущность «Обзор», стандартные статьи/новости. Работает в паре с плагином Casino Rating. Дизайн меняется через дизайн-токены (:root) ниже.
Version: 1.7.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: casinos123
Tags: blog, news, custom-colors, translation-ready
*/

/* =========================================================================
   ДИЗАЙН-ТОКЕНЫ — единственная точка смены оформления под новый сайт.
   Эти переменные читает и тема, и плагин (engine.css использует --csr-*).
   ========================================================================= */
:root {
	/* Палитра */
	--csr-color-bg: #f4f6f8;
	--csr-color-card: #ffffff;
	--csr-color-text: #1a1d21;
	--csr-color-muted: #6b7280;
	--csr-color-border: #e6e8eb;
	--csr-color-zebra: #f6f8fa;

	--csr-color-accent: #18a058;       /* рейтинги, акценты */
	--csr-color-cta: #f5a623;          /* кнопки перехода */
	--csr-color-cta-text: #1a1d21;
	--csr-color-danger: #e5484d;
	--csr-color-star: #d0d4d9;
	--csr-color-star-active: #f5a623;

	/* Шапка/подвал */
	--csr-color-header: #0f1923;
	--csr-color-header-text: #f4f6f8;
	--csr-color-footer: #0f1923;
	--csr-color-footer-text: #aeb6bf;

	/* Геометрия */
	--csr-radius: 14px;
	--csr-radius-btn: 10px;
	--csr-container: 1180px;
	--csr-gap: 24px;

	/* Typography */
	--csr-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--csr-font-heading: var( --csr-font );

	/* Effects (used by theme + plugin for a richer look) */
	--csr-accent-2: #0fb968;
	--csr-cta-2: #ffca6a;
	--csr-shadow-sm: 0 1px 2px rgba( 16, 24, 40, 0.06 ), 0 1px 3px rgba( 16, 24, 40, 0.08 );
	--csr-shadow: 0 6px 18px rgba( 16, 24, 40, 0.08 );
	--csr-shadow-lg: 0 18px 40px rgba( 16, 24, 40, 0.16 );
	--csr-ring: 0 0 0 3px rgba( 24, 160, 88, 0.25 );
	--csr-grad-hero: radial-gradient( 1200px 400px at 80% -10%, #1c3454 0%, transparent 60% ), linear-gradient( 165deg, #0f1923 0%, #15263b 100% );
	--csr-grad-cta: linear-gradient( 180deg, #ffc14d 0%, #f5a623 100% );
	--csr-grad-score: linear-gradient( 180deg, #1fb069 0%, #14894f 100% );
}

/* =========================================================================
   База
   ========================================================================= */
*, *::before, *::after { box-sizing: border-box; }

body {
	margin: 0;
	font-family: var( --csr-font );
	color: var( --csr-color-text );
	background: var( --csr-color-bg );
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

a { color: var( --csr-color-accent ); }

h1, h2, h3, h4 { font-family: var( --csr-font-heading ); line-height: 1.25; }

img { max-width: 100%; height: auto; }

.csr-container {
	width: 100%;
	max-width: var( --csr-container );
	margin-inline: auto;
	padding-inline: 20px;
}

.screen-reader-text {
	position: absolute !important;
	clip: rect( 1px, 1px, 1px, 1px );
	width: 1px; height: 1px; overflow: hidden;
}

.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	background: #fff;
	padding: 10px 16px;
	z-index: 100000;
}
.skip-link:focus { left: 8px; top: 8px; }