/**
 * Zeya Blocks — страницы галереи: заголовок-капсула, текст страницы, сетка коллекций, Modula.
 * Отдельный небольшой файл (хостинг не принимает большие файлы через файловый менеджер).
 */

/* Заголовок-капсула, как у страниц темы */
.wp-block-heading.is-style-zeya-title-pill {
	margin: 0 0 20px; padding: 50px 0;
	border: 4px solid #fff; border-radius: 300px;
	background: #f5e9ff url(/wp-content/uploads/2023/07/zeya-title-bg.png) center / cover no-repeat;
	color: #3a325c; font: 800 48px/48px var(--zeya-font, Montserrat, sans-serif); letter-spacing: .96px;
	text-align: center; text-transform: none;
}
.zeya-section.is-tone-light .wp-block-heading.is-style-zeya-title-pill { color: #3a325c; }

/* Обычный текст страницы */
.zeya-section p.is-zeya-page-text { margin: 0; font-size: 16px; line-height: 1.4286; color: #272043; text-align: left; letter-spacing: -.05px; }
@media (max-width: 767px) { .zeya-section p.is-zeya-page-text { font-size: 14px; line-height: 20px; } }

/* Страница-«лист»: секция на весь экран с фоном, контент от края до края */
.zeya-section.is-zeya-page .zeya-section__inner { max-width: var(--zeya-content-width, 1360px); }

/* Сетка коллекций: 4 в ряд на широком экране, 3 на ноутбуке, 1 на телефоне */
.zeya-tiles.is-zeya-gallery { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 240px; column-gap: 20px; row-gap: 26px; margin: 59px 10px 0; }
/* как в Elementor: колонка 33% от ширины ряда минус поля 10+10 px */
@media (max-width: 1500px) { .zeya-tiles.is-zeya-gallery { grid-template-columns: repeat(3, calc((100% + 20px) * .33 - 20px)); } }
@media (max-width: 767px)  { .zeya-tiles.is-zeya-gallery { grid-template-columns: minmax(0, 1fr); row-gap: 25px; margin: 50px 10px 0; } }

/* Галерея Modula внутри страницы */
.zeya-section .modula { margin-top: 10px; }

/* Плитки: затемнение при наведении — цвет и сила задаются у каждой плитки (по умолчанию как было: 20 %) */
.zeya-tile::after { transition: opacity .3s, background-color .3s; }
.zeya-tile:is(:hover, :focus-visible)::after { background: var(--zeya-tile-tint, #1f2532); opacity: var(--zeya-tile-dim, .2); }
.zeya-tile.has-zeya-tint .zeya-tile__caption { text-shadow: 0 1px 10px rgba(0, 0, 0, .35); }
/* В редакторе подпись стоит под картинкой — там высота ряда свободная */
.zeya-tiles.is-zeya-gallery:has(.is-editing) { grid-auto-rows: auto; }