/*
 * RutuMedia — фирменный стиль поверх шаблона Aspro (редизайн 2026, стиль «Дружелюбный»).
 * Подключается из local/php_interface/rutu_theme.php. Файлы Aspro не меняются.
 * Цвета: основной #0B6FB0 (кнопки, ссылки), акцент #1C8FD6, жёлтый #FFC83D, текст #10233A, фон #F3F7FB.
 */

/* Шрифт Manrope (переменный, 200–800) лежит на сайте — не зависим от Google Fonts */
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url('/local/assets/fonts/manrope-cyrillic.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url('/local/assets/fonts/manrope-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;
}

/* html:root сильнее, чем html из встроенного стиля Aspro, поэтому переопределяет его переменные */
html:root {
	--theme-base-color: #0B6FB0;
	--theme-base-opacity-color: #0B6FB01a;
	--theme-base-color-hue: 203;
	--theme-base-color-saturation: 88%;
	--theme-base-color-lightness: 37%;
	--theme-more-color: #FFC83D;
	--theme-more-color-hue: 43;
	--theme-more-color-saturation: 100%;
	--theme-more-color-lightness: 62%;
	--theme-border-radius: 12px;
	--theme-font-family: 'Manrope', Arial, sans-serif;

	--rutu-ink: #10233A;
	--rutu-muted: #4A5B70;
	--rutu-bg: #F3F7FB;
	--rutu-accent: #1C8FD6;
	--rutu-accent-dark: #0B6FB0;
	--rutu-yellow: #FFC83D;
	--rutu-line: #E6EDF4;
}

body,
.popup-window,
input, select, textarea, button {
	font-family: 'Manrope', Arial, sans-serif;
}

body {
	color: var(--rutu-ink);
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, .h1, .h2, .h3, .h4,
html body .switcher-title {
	font-family: 'Manrope', Arial, sans-serif;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: var(--rutu-ink);
}

/* ---------- Шапка ---------- */
/* Меню: без капса, тем же шрифтом и весом, что и новые страницы (Aspro включает капс через body.menu_lowercase_n) */
html body .header-menu__title,
html body.menu_lowercase_n .header-menu__title,
html body .header-menu__dropdown-item > a,
html body .mega-fixed-menu .header-menu__title {
	font-family: 'Manrope', Arial, sans-serif !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-weight: 700 !important;
	font-size: 15px !important;
}
.header__top-inner,
.header__top-item {
	font-size: 13px;
}
.header .btn,
#headerfixed .btn {
	border-radius: 12px;
	font-weight: 700;
}
.header__inner--bordered,
.header__inner {
	border-color: var(--rutu-line) !important;
}

/* ---------- Кнопки и поля ---------- */
.btn {
	border-radius: 12px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
}
.btn.btn-lg,
.btn.btn-elg {
	border-radius: 14px;
}
.form-control,
input[type="text"], input[type="tel"], input[type="email"], textarea {
	border-radius: 12px;
}

/* ---------- Старые списки Aspro: мягкие карточки вместо тонких рамок ---------- */
.bordered,
.rounded-4,
.sections-list__item,
.catalog-block,
.item-views .item,
.tizers-list__item.bordered {
	border-radius: 20px;
}
.sections-list__item.bordered,
.item-views .item.bordered,
.catalog-block.bordered,
.detail-block.bordered {
	border-color: var(--rutu-line);
	transition: box-shadow .2s ease, transform .2s ease;
}
.sections-list__item.bordered:hover,
.item-views .item.bordered:hover,
.catalog-block.bordered:hover {
	box-shadow: 0 12px 32px rgba(16, 35, 58, .10);
	border-color: transparent;
}
/* Заглушка «нет фото»: у лицензий и подразделов картинок нет — блок с пустотой не показываем */
.sections-list__item-image-wrapper--PICTURES .sections-list__item-image[data-bg*="noimage"],
.sections-list__item-image-wrapper--PICTURES .sections-list__item-image[style*="noimage"] {
	display: none;
}
.sections-list__item-image-wrapper--TOP:has(.sections-list__item-image[data-bg*="noimage"]) {
	display: none;
}

/* ---------- Страницы услуг Aspro (46 штук) ---------- */
/* В описаниях зашит шрифт визуального редактора — принудительно наш */
.detail-block .content [style*="font-family"],
.detail-block .content [style*="font-family"] * {
	font-family: inherit !important;
}
.detail-block .content {
	font-size: 16px;
	line-height: 1.65;
	color: var(--rutu-muted);
}
.detail-block .content h2,
.detail-block .content h3 {
	color: var(--rutu-ink);
	font-weight: 800;
	letter-spacing: -0.02em;
	margin-top: 1.4em;
}
.detail-block .content h3 { font-size: 26px; }

/* На телефоне картинка баннера услуги скрыта, а Aspro оставлял под неё 500px пустоты */
@media (max-width: 767px) {
	.banners-big--detail.banners-big--adaptive-1 .banners-big__depend-height {
		height: 320px !important;
	}
	.banners-big--detail.banners-big--adaptive-1 .banners-big__img-wrapper {
		display: none;
	}
}

/* ---------- Подвал: тёмно-синий вместо серого ---------- */
#footer.footer--color-dark,
#footer.footer--color-dark .footer__main-part,
#footer.footer--color-dark .footer__bottom-part,
#footer.footer--color-dark > div {
	background-color: var(--rutu-ink) !important;
}
#footer.footer--color-dark .footer__bottom-part,
#footer.footer--color-dark .footer__copy,
#footer.footer--color-dark .copy,
#footer.footer--color-dark .color_999,
#footer.footer--color-dark .color_666 {
	color: #A9BACB;
}
#footer.footer--color-dark a:hover { color: var(--rutu-yellow) !important; }

/* Окно «Ваш город …? Да / Нет» не показываем: оно закрывало меню. Город можно сменить ссылкой в шапке. */
.confirm_region,
.top_mobile_region,
.regions-select-question {
	display: none !important;
}

/* Мобильная панель: раздел «Отзывы» пока пустой — иконку скрываем */
.bottom-icons-panel__content-link[href="/company/reviews/"] {
	display: none !important;
}

/* Хлебные крошки и мелкий текст — приглушённый цвет с достаточным контрастом */
.breadcrumbs__link,
.color_666,
.color_999 {
	color: var(--rutu-muted);
}