/*
Theme Name: МБЗ
Theme URI: https://mosbetonzavod.ru
Author: МБЗ
Author URI: https://mosbetonzavod.ru
Description: Тема сайта Московского бетонного завода (МБЗ). Каталог бетона и растворов, WooCommerce, калькулятор объёма. Без лид-форм. Stage 1 rebrand.
Version: 3.1.4-legal-docs
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mbz
Tags: e-commerce, custom-menu, featured-images, threaded-comments, translation-ready

МБЗ WordPress Theme — premium industrial color system aligned with the new MBZ logo.
*/

:root {
	/* Brand palette (MBZ logo system) */
	--mbz-black: #0B0C0D;
	--mbz-graphite: #1C1E21;
	--mbz-graphite-light: #2B2E32;
	--mbz-steel: #43474C;
	--mbz-red: #DD0C0D;
	--mbz-red-dark: #A00102;
	--mbz-red-light: #F54840;
	--mbz-red-soft: #FFF1F1;
	--mbz-yellow: #F5C400;
	--mbz-yellow-dark: #E6B800;
	--mbz-white: #FFFFFF;
	--mbz-background: #F5F6F7;
	--mbz-background-alt: #ECEFF1;
	--mbz-surface: #FFFFFF;
	--mbz-silver: #DADADA;
	--mbz-border: #DDE0E3;
	--mbz-border-dark: #34383D;
	--mbz-text: #15171A;
	--mbz-text-secondary: #626970;
	--mbz-text-light: #F7F8F9;
	--mbz-text-muted-dark: #AEB4BA;
	--mbz-focus: rgba(221, 12, 13, 0.18);
	--mbz-red-transparent: rgba(221, 12, 13, 0.10);
	--mbz-shadow-small: 0 8px 24px rgba(11, 12, 13, 0.08);
	--mbz-shadow-medium: 0 16px 40px rgba(11, 12, 13, 0.12);
	--mbz-shadow-red: 0 12px 30px rgba(221, 12, 13, 0.20);

	/* Compatibility aliases used by main.css */
	--mbz-dark-red: var(--mbz-red-dark);
	--mbz-light: var(--mbz-background);
	--mbz-concrete: var(--mbz-silver);
	--mbz-gray: var(--mbz-background);
	--mbz-gray-dark: var(--mbz-silver);
	--mbz-gray-text: var(--mbz-text-secondary);
	--mbz-bg: var(--mbz-background);
	--mbz-bg-alt: var(--mbz-background-alt);
	--mbz-text-muted: var(--mbz-text-secondary);
	--mbz-heading: var(--mbz-text);
	--mbz-accent: var(--mbz-red);
	--mbz-shadow: var(--mbz-shadow-small);
	--mbz-shadow-lg: var(--mbz-shadow-medium);

	--mbz-font-base: "Manrope", "Segoe UI", sans-serif;
	--mbz-font-heading: "Oswald", "Arial Narrow", sans-serif;
	--mbz-fs-h1: clamp(2.1rem, 4.2vw, 3.6rem);
	--mbz-fs-h2: clamp(1.65rem, 2.8vw, 2.55rem);
	--mbz-fs-h3: clamp(1.25rem, 1.8vw, 1.75rem);
	--mbz-fs-h4: clamp(1.05rem, 1.3vw, 1.3rem);
	--mbz-fs-body: 1.0625rem;
	--mbz-fs-small: 0.9rem;
	--mbz-lh-heading: 1.12;
	--mbz-lh-body: 1.6;

	--mbz-container: 1280px;
	--mbz-container-narrow: 860px;
	--mbz-gutter: 24px;
	--mbz-radius-sm: 6px;
	--mbz-radius: 10px;
	--mbz-radius-lg: 16px;
	--mbz-radius-btn: 10px;
	--mbz-transition: 200ms ease;
	--mbz-header-height: 88px;
	--mbz-sticky-phone-height: 60px;
	--mbz-footer-bg: #090A0B;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
	scroll-padding-top: var(--mbz-header-height);
}

body {
	margin: 0;
	width: 100%;
	max-width: 100%;
	font-family: var(--mbz-font-base);
	font-size: var(--mbz-fs-body);
	line-height: var(--mbz-lh-body);
	color: var(--mbz-text);
	background: var(--mbz-background);
	-webkit-font-smoothing: antialiased;
}

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

a {
	color: var(--mbz-red-dark);
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

a:hover {
	color: var(--mbz-red);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--mbz-font-heading);
	color: var(--mbz-heading);
	line-height: var(--mbz-lh-heading);
	font-weight: 600;
	margin: 0 0 0.6em;
	letter-spacing: 0.01em;
}

.container {
	width: min(100% - 2 * var(--mbz-gutter), var(--mbz-container));
	margin-inline: auto;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}