/* ==========================================================================
   Design tokens — рестайлинг belg_new
   Слой поверх style.css: переменные, веб-шрифт для заголовков/цен/кнопок,
   переопределение основных CTA. Тело текста остаётся на Open Sans.
   Хардкод-хексы #008bcf/#082747/#ff6500 в style.css уже заменены на
   var(--blue)/var(--navy)/var(--orange) — см. tokens ниже.
   ========================================================================== */

/* ---- Bootstrap 3 → 5: точечные шимы для классов, которые BS5 убрал,
   но которые местами остались в разметке/JS (sale.order.ajax генерирует
   их динамически — трогать сам JS рискованно, поэтому просто
   восстанавливаем визуальное поведение этих классов) ---- */
.pull-left { float: left !important; }
.pull-right { float: right !important; }
.pl-3 { padding-left: 1rem !important; }
.pr-3 { padding-right: 1rem !important; }
.form-group { margin-bottom: 1rem; }
.control-label { display: inline-block; margin-bottom: .5rem; font-weight: 700; }
.btn-default {
	color: #212529;
	background-color: #fff;
	border: 1px solid #ced4da;
}
.btn-default:hover { background-color: #e9ecef; }
.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
@media (max-width: 575.98px) {
	.hidden-xs { display: none !important; }
}
/* close-кнопка стоит перед заголовком в разметке модалок (BS3-порядок) —
   в BS5 .modal-header это flex-контейнер, поэтому просто прижимаем её вправо */
.modal-header .btn-close { margin-left: auto; order: 2; }
.modal-header .modal-title { order: 1; }

@font-face {
	font-family: "Golos Text";
	font-weight: 600 900;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/golos/golos-text-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122;
}
@font-face {
	font-family: "Golos Text";
	font-weight: 600 900;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/golos/golos-text-cyrillic.woff2") format("woff2");
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+2116;
}

:root {
	--blue: #0b7fbf;
	--blue-dark: #086096;
	--navy: #082747;
	--orange: #ff6a1a;
	--orange-dark: #e65600;
	--mint: #14a893;
	--mint-bg: #e3f6f3;
	--cloud: #f3f7fa;
	--slate: #33414f;

	--font-display: "Golos Text", "Open Sans Bold", Tahoma, Arial, Helvetica, sans-serif;
	--radius: 12px;
	--shadow-card: 0 1px 2px rgba(8, 39, 71, .06), 0 10px 24px -14px rgba(8, 39, 71, .28);
}

/* ---- Заголовки и цены переходят на Golos Text ---- */
h1, h2, h3,
.catalog .item .name,
.catalog .item .name a,
.product-item-price-current,
.product-item-detail-price-current,
.product-item-detail-short-card-price,
.btn,
.callme-sidebar {
	font-family: var(--font-display);
}

h1, h2, h3 {
	color: var(--navy);
	font-weight: 700;
	letter-spacing: -.01em;
}

.product-item-price-current,
.product-item-detail-price-current {
	color: var(--navy);
	font-weight: 800;
}

/* ---- Оранжевый становится единым цветом действия (CTA) ---- */
.btn-primary,
.btn-primary:focus,
.btn-primary.focus {
	background-color: var(--orange);
	border-color: var(--orange);
	color: #fff;
}
.btn-primary:hover {
	background-color: var(--orange-dark);
	border-color: var(--orange-dark);
	color: #fff;
}
.btn-primary:active,
.btn-primary.active,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary:active:focus,
.btn-primary.active:focus {
	background-color: var(--orange-dark);
	border-color: var(--orange-dark);
	color: #fff;
}

.callme-sidebar {
	background: var(--orange) !important;
	transition: background .15s ease;
}
.callme-sidebar:hover {
	background: var(--orange-dark) !important;
}

/* ---- Карточка товара: мягкая тень вместо плоского прямоугольника ---- */
.catalog .item {
	transition: box-shadow .18s ease, transform .18s ease;
	border-radius: var(--radius);
	box-shadow: 0 1px 3px rgba(8, 39, 71, .08);
}
.catalog .item:hover {
	box-shadow: var(--shadow-card);
	transform: translateY(-2px);
}

/* ---- Бейдж "в наличии" / скидка — задел для Фазы 1 ---- */
.badge-token {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-family: "Open Sans Bold", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .02em;
	padding: 3px 9px;
	border-radius: 999px;
	background: var(--mint-bg);
	color: var(--mint);
}
.badge-token.badge-sale {
	background: #fff0e6;
	color: var(--orange-dark);
}

/* Плитки дашборда личного кабинета стилизуются напрямую в
   components/bitrix/sale.personal.section/bootstrap_v4/style.css */