/* ============================================================
 * Levio — страница объявления (singular hp_listing).
 * Подключается только на этой странице, см. functions.php.
 * ============================================================ */

/* Заголовок объявления — было 36px/45px, затем 28px/36px, несёт в
 * себе ещё и название школы через тире, из-за чего растягивается
 * на 3-4 строки. Дальше уменьшаем размер и отступ под ним — было
 * слишком много воздуха между заголовком и остальным контентом.
 */
.hp-listing__title {
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 12px;
}

/* Остальные блоки шапки объявления (метки-атрибуты, вкладки/кнопка
 * "избранное", изображение, бейдж "Информативный") — везде было
 * 16-32px отступа снизу, из-за чего страница выглядела очень
 * разрежённой. Единообразно уплотняем вертикальный ритм. */
.hp-listing__attributes--secondary {
	margin-bottom: 12px;
}

.hp-listing__attribute {
	margin-bottom: 6px;
	font-size: 13px;
}

/* Иконки-кружки у атрибутов (локация/формат/язык/тип занятия) — были
 * 32px с 20px-глифом при 12px тексте рядом, визуально тяжелее самого
 * текста. flex-basis у исходного правила (flex: 0 0 2rem) весит
 * больше, чем width/height по отдельности для flex-элемента, поэтому
 * переопределяем и его, а не только width/height. Тот же селектор
 * (и та же специфичность), что в родительской теме — просто позже
 * в каскаде. */
.hp-listing--view-block .hp-listing__attributes--secondary .hp-listing__attribute i,
.hp-listing--view-page .hp-listing__attributes--secondary .hp-listing__attribute i {
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	font-size: 13px;
}

/* Вкладки "Детали/Calendar/Редактировать" и ссылка "Добавить в
 * избранное" были того же размера (16px), что и основной текст
 * страницы — это служебная навигация, а не контент. */
.hp-menu--tabbed a,
.hp-listing__action--favorite {
	font-size: 14px;
}

.hp-page__topbar--separate {
	margin-bottom: 16px;
}

.hp-listing__images {
	margin-bottom: 20px;
}

.hp-listing__attributes--tern {
	margin-bottom: 16px;
}