/* S-M Limited - база: шрифтове, токени, общи елементи. Спецификация: makets/final (inline стиловете). */

/* Nunito (variable 400-800), self-hosted - PLAN.md, решение 7. */
@font-face {
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url('../fonts/nunito-cyrillic.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url('../fonts/nunito-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--sm-ink: #1F1F1F;
	--sm-muted: #6B6B6B;
	--sm-line: #EAEAEA;
	--sm-surface: #F7F7F7;
	--sm-img: #EEEEEE;
	--sm-accent: #FDBC4D;
	--sm-mint: #95D5B2;
	--sm-sale: #D92528;
	--sm-radius: 8px;
	--sm-radius-s: 4px;
	--sm-container: 1200px;
	--sm-font: Nunito, sans-serif;
}

body {
	margin: 0;
	font-family: var(--sm-font);
	font-size: 15px;
	color: var(--sm-ink);
	background: #FFFFFF;
}

a {
	color: var(--sm-ink);
	text-decoration: none;
}

a:hover {
	color: var(--sm-ink);
}

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

button,
input,
select,
textarea {
	font-family: var(--sm-font);
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal;
}

.sm-skip:focus {
	clip: auto;
	clip-path: none;
	height: auto;
	width: auto;
	margin: 0;
	padding: 10px 16px;
	top: 8px;
	left: 8px;
	z-index: 100;
	background: #FFFFFF;
	border: 1px solid var(--sm-ink);
	border-radius: var(--sm-radius);
	font-weight: 700;
}

/* Лого - вариант 1 (SM Logo.dc.html). Размерите идват от template-parts/logo.php.
   .sm-logo-box = блоковата обвивка от макета (редът около inline-flex логото определя позицията му). */
.sm-logo-box {
	display: block;
}

.sm-logo {
	display: inline-flex;
	align-items: center;
	font-family: var(--sm-font);
	color: var(--sm-ink);
	line-height: 1;
	vertical-align: middle;
}

.sm-logo__stack {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--sm-logo-gap);
}

.sm-logo__name {
	display: inline-flex;
	align-items: center;
	font-weight: 800;
	font-size: var(--sm-logo-fs);
	letter-spacing: -.015em;
	white-space: nowrap;
}

.sm-logo__dot {
	width: .2em;
	height: .2em;
	border-radius: 50%;
	background: var(--sm-accent);
	margin: 0 .07em;
	flex: none;
	transform: translateY(.02em);
}

.sm-logo__space {
	width: .26em;
}

.sm-logo__desc {
	font-weight: 600;
	font-size: var(--sm-logo-desc-fs);
	letter-spacing: .04em;
	color: var(--sm-muted);
}

/* Общи контроли (лента HELLO10, попъп). */
.sm-input {
	height: 48px;
	border: 1px solid var(--sm-line);
	border-radius: var(--sm-radius);
	padding: 0 14px;
	font: 400 15px var(--sm-font);
	color: var(--sm-ink);
	background: #FFFFFF;
	outline: 0;
}

.sm-input:focus {
	border-color: var(--sm-ink);
}

.sm-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	padding: 0 20px;
	border: 0;
	border-radius: var(--sm-radius);
	font: 700 15px var(--sm-font);
	cursor: pointer;
}

.sm-btn--dark {
	background: var(--sm-ink);
	color: #FFFFFF;
}

.sm-btn--dark:hover {
	color: #FFFFFF;
}

/* Резервни шаблони (index.php, page.php, 404.php). */
.sm-container {
	max-width: var(--sm-container);
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}

.sm-page {
	padding-top: 40px;
	padding-bottom: 80px;
}

.sm-page__title {
	margin: 0 0 24px;
	font-size: 28px;
	font-weight: 800;
	line-height: 1.15;
}

.sm-content {
	line-height: 1.6;
}

@media (max-width: 767px) {
	.sm-container {
		padding: 0 16px;
	}

	.sm-page {
		padding-top: 28px;
		padding-bottom: 48px;
	}

	.sm-page__title {
		font-size: 22px;
	}
}