/**
 * Ч/б фото — основа фирменного стиля КГ «Авангард».
 * Исходные WebP могут быть цветными; на фронте — filter: grayscale(1).
 * См. .cursor/rules/photos-grayscale.mdc
 */

/* Блог: обложки в списке и изображения в статье */
.blog_list__item_image,
.content_page img {
	filter: grayscale(1);
}

/* Фото в текстовом контенте страниц */
#content .content_block img,
.content_block .wp-block-image img {
	filter: grayscale(1);
}

/* Фото специалиста в блоке консультанта */
.consult_image img {
	filter: grayscale(1);
}

/* «О компании»: фон hero — отдельный слой, чтобы не сереть текст и шкалы */
.background_about_hero,
.background_about_hero_fix_600 {
	background-image: none;
	background-color: #eae8eb;
	position: relative;
}

.background_about_hero::after,
.background_about_hero_fix_600::after {
	content: '';
	position: absolute;
	inset: 0;
	background: url('../images/about-hero.jpg') top left no-repeat;
	background-size: cover;
	filter: grayscale(1);
	z-index: 0;
	pointer-events: none;
}

.background_about_hero_fix_600::after {
	background-size: auto 800px;
}

#about-hero > .container {
	position: relative;
	z-index: 1;
}

@media (min-width: 992px) {
	.background_about_hero_fix_600:before {
		z-index: 2;
	}
}

@media (max-width: 1199px) and (min-width: 992px) {
	.background_about_hero_fix_600 {
		background-image: none;
	}

	.background_about_hero_fix_600::after {
		background-image: url('../images/about-hero-md.jpg');
	}
}

@media (max-width: 767px) {
	.background_about_hero_fix_600::after,
	.background_about_hero::after {
		display: none;
	}
}

/* «О компании»: фон блока about */
#about-about {
	background-image: none;
	background-color: #f7f7f5;
	position: relative;
}

#about-about::before {
	content: '';
	position: absolute;
	inset: 0;
	background: url('../images/about-about.jpg') center left / cover no-repeat fixed;
	filter: grayscale(1);
	z-index: 0;
	pointer-events: none;
}

#about-about > .container {
	position: relative;
	z-index: 1;
}

/* «О компании» / лендинги: фото команды */
#about-personal .image img,
#about-personal .bullet_block .icon img {
	filter: grayscale(1);
}

/* Контакты: фото в колонке (background-image на отдельном блоке) */
.contacts__image_img {
	filter: grayscale(1);
}

/* Кейсы: обложки в сетке/архиве и фон hero (логотипы клиентов не трогаем) */
.wt-cases-grid__card-media img,
.cases_archive__items .wt-cases-grid__card-media img,
.case-card__img img,
.sro-cases-2026__card-media img,
.case-hero__bg {
	filter: grayscale(1);
}

/* Лендинги СРО / услуги: фото в img */
.sro-hero-2026__img,
#we-decide .image img,
.service-team-card__photo,
.sro-action--akcii > img,
#sro-action .action img {
	filter: grayscale(1);
}

/*
 * Фото-фоны секций: ч/б копия фона в ::before поверх цветного,
 * контент (текст, зелёные кнопки) — выше, без grayscale.
 */
#sro-action,
.content-action,
.background_office_1,
.background_office_2,
.background_office_3 {
	position: relative;
}

#sro-action::before,
.content-action::before,
.background_office_1::before,
.background_office_2::before,
.background_office_3::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background-image: inherit;
	background-size: inherit;
	background-position: inherit;
	background-repeat: inherit;
	filter: grayscale(1);
}

#sro-action > *,
.content-action > *,
.background_office_1 > *,
.background_office_2 > *,
.background_office_3 > * {
	position: relative;
	z-index: 1;
}

/* Мобильный sro-hero: фон на __main, ::before занят осветлением — ч/б в ::after */
@media (max-width: 991.98px) {
	.sro-hero-2026__main::after {
		content: '';
		position: absolute;
		inset: 0;
		z-index: 0;
		pointer-events: none;
		background-image: inherit;
		background-size: inherit;
		background-position: inherit;
		background-repeat: inherit;
		filter: grayscale(1);
	}
}