/*
Theme Name: Bonus Loyalty
Theme URI: https://example.com/bonus-loyalty-theme
Author: 6BS
Author URI: https://example.com
Description: Тема для сайта программы лояльности и бонусной системы. Бонусные Системы (6BS) — единая платформа: электронные карты, бонусы, акции, интернет-магазин в кармане клиента.
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bonus-loyalty
Tags: custom-colors, custom-logo, custom-menu, featured-images, full-width-template, theme-options, translation-ready, one-column, two-columns, flexible-header
*/

/* Base - переопределяется из Customizer. Палитра бренда: глубокий синий + тёплый акцент */
:root {
	--bm-primary: #1565c0;
	--bm-primary-dark: #0d47a1;
	--bm-secondary: #5c6bc0;
	--bm-accent: #d4a012;
	--bm-primary-soft: rgba(21, 101, 192, 0.06);
	--bm-accent-soft: rgba(212, 160, 18, 0.12);
	--bm-bg: #ffffff;
	--bm-bg-alt: #f5f7fa;
	--bm-text: #1a237e;
	--bm-text-muted: #5c6bc0;
	--bm-heading-font: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
	--bm-body-font: 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
	--bm-radius-sm: 6px;
	--bm-radius: 12px;
	--bm-radius-lg: 18px;
	--bm-space-1: 0.5rem;
	--bm-space-2: 1rem;
	--bm-space-3: 1.5rem;
	--bm-space-4: 2rem;
	--bm-space-5: 3rem;
	--bm-space-6: 4rem;
	--bm-text-h1: clamp(2.25rem, 6vw, 4rem);
	--bm-text-h2: clamp(1.5rem, 3.5vw, 2.25rem);
	--bm-text-h3: 1.25rem;
	--bm-text-lead: 1.25rem;
	--bm-shadow: 0 2px 8px rgba(0,0,0,0.06), 0 4px 20px rgba(0,0,0,0.08);
	--bm-shadow-hover: 0 4px 12px rgba(0,0,0,0.1), 0 8px 28px rgba(0,0,0,0.12);
	--bm-shadow-raised: 0 8px 24px rgba(0,0,0,0.1), 0 16px 48px rgba(0,0,0,0.08);
	--bm-container: 1140px;
}

body {
	font-family: var(--bm-body-font);
	color: var(--bm-text);
	background: var(--bm-bg);
	line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--bm-heading-font);
	font-weight: 700;
}

a {
	color: var(--bm-primary);
	text-decoration: none;
}

a:hover {
	color: var(--bm-primary-dark);
}

.container {
	max-width: var(--bm-container);
	margin: 0 auto;
	padding: 0 1rem;
}

.btn-primary {
	background: var(--bm-primary);
	color: #fff !important;
	border: none;
	padding: 0.75rem 1.5rem;
	border-radius: var(--bm-radius);
	font-weight: 600;
	box-shadow: 0 2px 8px rgba(21, 101, 192, 0.35);
	transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.btn-primary:hover {
	background: var(--bm-primary-dark);
	color: #fff !important;
	transform: scale(1.02);
	box-shadow: 0 4px 14px rgba(21, 101, 192, 0.45);
}

.btn-primary:active {
	transform: scale(0.98);
	box-shadow: 0 1px 4px rgba(21, 101, 192, 0.3);
}

.btn-outline {
	background: transparent;
	color: var(--bm-primary);
	border: 2px solid var(--bm-primary);
	padding: 0.75rem 1.5rem;
	border-radius: var(--bm-radius);
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
	transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.btn-outline:hover {
	background: var(--bm-primary);
	color: #fff;
	transform: scale(1.02);
}

.btn-outline:active {
	transform: scale(0.98);
}

.section {
	padding: var(--bm-space-6) 0;
}

.section--alt {
	background: var(--bm-bg-alt);
}

.section-title {
	text-align: center;
	margin-bottom: var(--bm-space-4);
}

.section-title .subtitle {
	display: block;
	font-size: 0.875rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--bm-text-muted);
	margin-bottom: 0.5rem;
}

.section-title h2 {
	font-size: var(--bm-text-h2);
}