/* gw14-listmob — мобильная/планшетная вёрстка списков раздела newsblog
   (Блог /blog/, Афиша /sobytiya/→/afisha/, Акции /specials/) и детальных
   страниц (статья, мероприятие, сертификат — общий шаблон newsblog/article).

   Десктоп (>1024px) сведён в gw9-blog.css / gw10-article.css — тут его НЕ
   трогаем, всё завёрнуто в @media (max-width: 1024px).

   ЛОВУШКА ПРОЕКТА (см. BUILDER_BRIEF.md): body.newsblog-category отдаётся
   и для списков (Блог/Афиша/Акции), и для информационных страниц
   (FAQ/Единство/Отзывы). У инфостраниц контент реально лежит внутри того
   же узла .newsblog_specials_description, что и вводный текст списков.
   Поэтому любое правило, скрывающее .newsblog_specials_description,
   ОБЯЗАНО быть привязано к html.gw-p-blog/.gw-p-afisha/.gw-p-specials —
   без этого правило сносит все 17 вопросов FAQ. Уже наступали, см. gw9.
   ============================================================ */

@media (max-width: 1024px) {

	/* --- Список: Блог / Афиша / Акции --------------------------------- */

	/* Пустой рекламный баннер над списком — во всех макетах (десктоп и
	   мобильные Figma-рендеры 1050:84508, 1058:96997, 1059:98353)
	   отсутствует. Узел пуст в разметке (нет контента), скрытие безопасно
	   для всех body.newsblog-category, включая инфостраницы. */
	body.newsblog-category .newsblog_top_banner {
		display: none;
	}

	/* Вводный rich-text блок ("Разделы БЛОГА", приветствие Афиши/Акций) —
	   в макетах отсутствует на десктопе (gw9) И на мобильных рендерах
	   1050:84508 (Блог), 1058:96997 (Афиша), 1059:98353 (Акции): после
	   H1 сразу идут фильтр-пилюли, без текстового блока.
	   ПРИВЯЗАНО к gw-p-blog/afisha/specials — на FAQ/Единство/Отзывы этот
	   же узел несёт основной контент страницы и должен остаться видимым. */
	html.gw-p-blog .newsblog_specials_description,
	html.gw-p-afisha .newsblog_specials_description,
	html.gw-p-specials .newsblog_specials_description {
		display: none;
	}

	/* Google Calendar виджет "КАЛЕНДАРЬ МЕРОПРИЯТИЙ ИЗРАИЛЯ" на Афише —
	   в макете отсутствует (тот же вывод, что и на десктопе, gw9), самый
	   крупный источник лишней высоты на мобильном тоже. Селектор
	   структурно уникален (единственный .container с h2.home-widget-title
	   прямым потомком), безопасен без доп. привязки к gw-p-afisha. */
	body.newsblog-category .container:has(> h2.home-widget-title) {
		display: none;
	}

	/* Форма "Обратная связь" на Акциях — в макете (десктоп и мобильный
	   рендер 1059:98353/1059:98436) отсутствует. */
	body.newsblog-category section.add_info-offers {
		display: none;
	}

	/* Тот же баг с невидимым текстом кнопки "Узнать подробнее" на Акциях,
	   что и на десктопе (gw9) — воспроизводится и на мобильном/планшете. */
	body.newsblog-category .specials_page .blog-items .item .button_white {
		color: #fff !important;
	}

	/* Раскладка: списки — один столбец на мобильном/планшете, фичер-статья
	   (.blog_lead) — тоже один столбец (карточка + промо-баннер друг под
	   другом), как в мобильном рендере 1050:84508. */
	html.gw-p-blog .blog-items.row,
	html.gw-p-afisha .blog-items.row,
	html.gw-p-specials .blog-items.row {
		display: block;
	}

	html.gw-p-blog .blog-items.row > article,
	html.gw-p-afisha .blog-items.row > article,
	html.gw-p-specials .blog-items.row > article {
		width: 100%;
		max-width: 100%;
		margin-bottom: 24px;
	}

	/* Заголовок H1 обложки — сузить поля, чтобы не «съедать» экран на
	   узких ширинах (десктоп-величины рассчитаны на широкий cover). */
	html.gw-p-blog .page-cover .page-title,
	html.gw-p-afisha .page-cover .page-title,
	html.gw-p-specials .page-cover .page-title {
		font-size: 1.6em;
		padding: 1.2em 0 1em;
	}

	/* --- Детальные страницы: статья / мероприятие / сертификат -------- */
	/* body.newsblog-article общий для всех трёх — тут нет риска задеть
	   FAQ/Единство/Отзывы (те используют newsblog-category), доп.
	   привязка к gw-p-* не нужна. */

	body.newsblog-article .content-box-inner {
		padding: 16px;
	}

	body.newsblog-article .entry-content img {
		max-width: 100%;
		height: auto;
	}

	body.newsblog-article .entry-content p {
		line-height: 1.55;
		margin-bottom: 12px;
	}

	body.newsblog-article .page-cover .page-title {
		font-size: 1.4em;
		padding: 1em 0;
	}
}

@media (max-width: 480px) {

	html.gw-p-blog .page-cover .page-title,
	html.gw-p-afisha .page-cover .page-title,
	html.gw-p-specials .page-cover .page-title {
		font-size: 1.3em;
	}

	body.newsblog-article .page-cover .page-title {
		font-size: 1.15em;
	}

	.newsblog_specials_categories a {
		padding: 6px 12px;
		font-size: 0.85em;
	}
}