/* AURUM theme 1.2.5 — адаптивный слой.
 *
 * Подключается ПОСЛЕ site.css и aurum.css и чинит ровно то, что измерено ломалось на
 * телефонах/планшетах в собранном CSS исходника. На десктопных ширинах правила не
 * срабатывают, поэтому пиксель-в-пиксель паритет с эталоном на 1440 не меняется.
 * Здесь нет «страховочных» правил вида img{max-width:100%}: неслоёное правило было бы
 * старше layered-утилит Tailwind и перебило бы, например, h-full w-full object-cover.
 *
 * Корень большинства проблем один: в исходной сборке компонентные классы (.btn, .field,
 * .opt …) объявлены ВНЕ @layer, а утилиты Tailwind — внутри @layer utilities. Неслоёные
 * правила всегда старше слоёв, поэтому утилита `hidden` компонентный класс не перебивает.
 */

/* 1. Grid blowout на /privacy (и всё, что устроено так же).
 *    aside «Contents» содержит nav.mt-5.flex.overflow-x-auto; как grid-элемент он имел
 *    automatic minimum size = min-content содержимого, из-за чего ОДНА колонка сетки
 *    растягивалась до 1141px. Замерено: переполнение 771px при 390px, 413px при 768px,
 *    0 при ≥1024px. Побочный эффект — «уплывшая» шапка: fixed inset-x-0 считается от
 *    вьюпорта, а не от широкого body, поэтому при горизонтальном сдвиге она уезжала.
 *    min-width:0 — штатное лечение blowout'а; на ≥lg не действует, там трекки явные. */
@media (max-width: 1023.98px) {
	.grid > * {
		min-width: 0;
	}
}

/* 2. Утилита hidden против компонентных классов.
 *    Единственный случай в теме — CTA «Plan a campaign» в шапке
 *    (class="btn btn-gold hidden … md:inline-flex"): из-за layer-конфликта кнопка не
 *    скрывалась на телефонах и на 360–414px вылезала за край на ~50px.
 *    Возвращаем задуманное: ниже md кнопки в шапке нет (там бургер), с md — как в исходнике. */
@media (max-width: 767.98px) {
	header .btn {
		display: none;
	}
}

@media (max-width: 639.98px) {
	.btn.hidden {
		display: none;
	}
}

/* 3. Модалка «Plan a campaign» на телефонах с ADDRESS-строкой: 94vh считается от полной
 *    высоты вьюпорта, поэтому лист упирался кнопкой за нижний край. dvh даёт актуальную
 *    высоту видимой области; там, где dvh нет, остаётся исходное 94vh. */
@supports (height: 100dvh) {
	.aurum-lead [role="dialog"] {
		max-height: 94dvh;
	}
}

/* 4. В секции The agency класс img-shell задаёт position:relative позже responsive-
 *    утилиты lg:sticky. Из-за этого lg:top-28 превращался в обычное смещение на 112px
 *    и опускал баннер ниже заголовка соседней колонки. Обнуляем только этот top у
 *    единственного media-shell с точным набором классов; мобильный порядок и остальные
 *    изображения/композиции не затрагиваются. */
@media (min-width: 1024px) {
	.wp-block-group.img-shell[class~="aspect-[4/5]"][class~="lg:sticky"][class~="lg:top-28"] {
		top: 0;
	}
}