/*
Theme Name: Sertifico Child
Theme URI: https://standart-rt.ru/
Description: Дочерняя тема для правок standart-rt.ru
Author: Standart RT
Template: sertifico
Version: 1.0.0
*/

.header__top .header__logo {
	flex: 0 0 auto;
	flex-shrink: 0;
	margin-right: 24px;
	line-height: 0;
	overflow: visible;
}

.header__top .standart-rt-logo--header {
	display: block;
	height: 48px;
	width: auto;
	overflow: visible;
}

.footer-main__logo {
	flex-shrink: 0;
	line-height: 0;
}

.standart-rt-logo--footer {
	display: block;
	width: 220px;
	height: auto;
	max-width: 100%;
}

.header__top-wrapper {
	overflow: visible;
}

.header__top {
	gap: 0 20px;
}

.header__contact a {
	white-space: nowrap;
}

.header__social-wrap {
	flex: 0 0 auto;
	flex-shrink: 0;
}

.header__top .search-btn,
.header__top .mob-btn {
	flex-shrink: 0;
}

.footer-social__links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin-bottom: 12px;
}

.footer-social__links a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.footer-social__links img {
	display: block;
	width: 32px;
	height: 32px;
}

.standart-rt-messenger-notice {
	margin: 0;
	font-size: 12px;
	line-height: 1.45;
	color: #6b7280;
	max-width: 420px;
}

.standart-rt-messenger-notice--header {
	margin-top: 8px;
	max-width: 280px;
	font-size: 11px;
	line-height: 1.4;
}

.footer-main__legal-links {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 20px;
}

.footer-main__legal-links .footer__link2 {
	display: inline-block;
}

.standart-rt-legal-page {
	padding: 40px 0 60px;
}

.standart-rt-legal-page__title {
	margin-bottom: 24px;
	font-size: 1.75rem;
	line-height: 1.3;
}

.standart-rt-legal-page__content {
	max-width: 900px;
	line-height: 1.65;
}

.standart-rt-legal-page__content h2,
.standart-rt-legal-page__content h3 {
	margin: 1.5em 0 0.75em;
	font-size: 1.15rem;
}

.standart-rt-legal-page__content p {
	margin: 0 0 1em;
}

.standart-rt-legal-page__content a {
	text-decoration: underline;
}

@media screen and (max-width: 991px) {
	.header__top {
		gap: 0 12px;
		flex-wrap: nowrap;
		position: relative;
		padding-right: 46px;
	}

	.header__top .header__logo {
		margin-right: auto;
	}

	.header__top .standart-rt-logo--header {
		height: 42px;
		max-width: 170px;
	}

	/* В мобильной шапке оставляем логотип, соцсети и бургер. */
	.header__top .btn--outline.modal-link {
		display: none;
	}

	/* Бургер закреплён справа — не уезжает за край при любой ширине. */
	.header .mob-btn {
		display: inline-flex;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		margin: 0;
		flex: 0 0 auto;
	}

	.header__social {
		gap: 0 10px;
	}

	.header__social a {
		width: 32px;
		height: 32px;
	}

	.header__social img {
		display: block;
		width: 100%;
		height: 100%;
	}

	/* Выпадающее подменю под нашу структуру виджет-меню. */
	.header__nav .dropdown .menu {
		padding: 0;
		margin: 0;
		list-style: none;
	}

	.header__nav .dropdown .menu > li {
		width: 100%;
		padding: 0;
		border-bottom: 1px solid #eef1f3;
	}

	.header__nav .dropdown .menu > li > a {
		display: block;
		padding: 12px 16px;
		font-size: 15px;
		line-height: 1.35;
		color: #262c40;
		font-weight: 500;
		text-decoration: none;
	}

	.header__nav .dropdown .menu > li > a:active {
		background: #f5f7fa;
	}

	.header__nav .dropdown .menu-sert-container,
	.header__nav .dropdown .menu-iso-container,
	.header__nav .dropdown [class$="-container"] {
		padding: 0;
	}
}

@media screen and (max-width: 769px) {
	/* Пустую служебную строку не показываем. */
	.header__top-tell:not(:has(a)) {
		display: none;
	}

	/* Блок с телефоном и адресом в мобильной шапке. */
	.header__top-tell:has(a) {
		background: #f5f7fa;
		border-top: 1px solid #e6eaf0;
		border-bottom: 1px solid #e6eaf0;
		padding: 10px 0;
	}

	.header__top-tell:has(a) .container {
		display: flex;
		flex-direction: column;
		gap: 6px;
	}

	.header__top-tell:has(a) a {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		font-size: 17px;
		font-weight: 700;
		color: #e30613;
		line-height: 1.2;
		text-decoration: none;
	}

	.header__top-tell:has(a) a::before {
		content: '';
		flex: 0 0 auto;
		width: 17px;
		height: 17px;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%23e30613' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.81.36 1.6.7 2.34a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.74-1.74a2 2 0 0 1 2.11-.45c.74.34 1.53.57 2.34.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") no-repeat center / contain;
	}

	.header__top-tell:has(a) .container > div {
		display: inline-flex;
		align-items: flex-start;
		gap: 8px;
		font-size: 13px;
		line-height: 1.4;
		color: #4b5563;
	}

	.header__top-tell:has(a) .container > div::before {
		content: '';
		flex: 0 0 auto;
		width: 16px;
		height: 16px;
		margin-top: 1px;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") no-repeat center / contain;
	}
}

@media screen and (max-width: 575px) {
	.header__top {
		gap: 0 8px;
	}

	.header__top .standart-rt-logo--header {
		height: 34px;
		max-width: 130px;
	}

	.header__social {
		gap: 0 7px;
	}

	.header__social a {
		width: 28px;
		height: 28px;
	}
}

@media screen and (max-width: 360px) {
	.header__top .standart-rt-logo--header {
		max-width: 110px;
	}

	.header__social {
		gap: 0 5px;
	}

	.header__social a {
		width: 26px;
		height: 26px;
	}
}
