/*
 * MyHalal — свой вид поверх общей дизайн-системы (тема Smartmarket App).
 *
 * Кладёт сюда сборка (`tools/build-site.sh myhalal`) из профиля сайта; в исходниках
 * темы этого файла нет. Тема подключает его последним (`sma_enqueue()`).
 *
 * Цвета бренда сюда не зашиты: зелёный #2A8705 (шапка и главная кнопка), тёмно-зелёный
 * #176D00 («хорошие новости», кнопка корзины) и красный #C62828 (акции и новинки) —
 * умолчания настроек в профиле; владелец меняет их в MyHalal → Quick Controls → Look.
 * Здесь только то, что настройкой не задаётся:
 *
 *   • ТЕКСТ НА ЦВЕТЕ БРЕНДА — БЕЛЫЙ. Тема писалась под светлый жёлтый Smartmarket и пишет
 *     на нём тёмным (`--sa-brand-ink`). Зелёный MyHalal тёмный: тёмный текст на нём не читается.
 *   • ШРИФТ — Cabin, как на прежнем сайте (XStore: Cabin 400 — текст, 700 — заголовки).
 *     Лежит в теме (лицензия OFL), без запроса к Google Fonts.
 *   • ЗНАК — белое слово «MYHALAL» с быком: на зелёной шапке, на всех ширинах.
 */

@font-face {
	font-family: "Cabin";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("../fonts/cabin-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;
}
@font-face {
	font-family: "Cabin";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("../fonts/cabin-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Сила `html:root`, а не `:root`: токены темы объявлены на `:root` в `tokens.css`. */
html:root {
	--sa-font: "Cabin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--sa-brand-ink: #ffffff;
}

.sa h1,
.sa h2,
.sa h3,
.sa .sa-home-h1,
.sa .sa-sheet-h strong,
.sa .sa-bar-title,
.sa .sa-fold-t > b,
.sa-wc .sa-co-h,
.sa-wc .sa-co-payh,
.sa .sa-logo-text {
	font-weight: 700;
	letter-spacing: 0;
}

/* Знак: белое слово на зелёной шапке — на телефоне тоже (он широкий, а не квадратный). */
.sa .sa-logo-wide { display: none; width: auto; height: 26px; max-width: none; }
.sa .sa-bar .sa-logo .sa-logo-img { display: none; }
.sa .sa-bar .sa-logo .sa-logo-wide { display: block; }
@media (min-width: 600px) {
	.sa .sa-bar .sa-logo .sa-logo-wide { height: 32px; }
}
/* В шапке бокового меню рядом со знаком уже стоит слово — широкий знак второй раз не нужен. */
.sa .sa-sheet-h .sa-logo-wide { display: none; }