/*!
 * AQ Layout UI — фронтенд/канвас-стили.
 *
 * Условия применения:
 *  - `.aq-fit-content` — только для колонок внутри "columns" (flex-ряд). Заставляет
 *    колонку быть шириной в контент. На мобильной "стопке" нейтрализуется.
 *  - `.aq-fill` — для колонок ("columns") ИЛИ прямых детей flex-группы ("Ряд").
 *    Заставляет растягиваться на всё свободное место.
 */

/* Колонка по содержимому (не растёт, база = auto). */
.wp-block-column.aq-fit-content {
	flex: 0 0 auto !important;
	min-width: min-content;
}

/* Колонка занимает всё свободное место. */
.wp-block-columns .wp-block-column.aq-fill {
	flex: 1 1 0 !important;
}

/* Прямой ребёнок flex-группы (Лейаут → Ряд/Сетка) — растягивается на всё место. */
:where(.is-layout-flex, .is-layout-grid) > .aq-fill {
	flex: 1 1 0 !important;
	min-width: 0;
}

/* Мобильная стопка колонок: контролы не должны ломать стекинг. */
@media (max-width: 781px) {
	.wp-block-columns.is-stacked-on-mobile .wp-block-column.aq-fit-content,
	.wp-block-columns.is-stacked-on-mobile .wp-block-column.aq-fill {
		flex: 0 0 100% !important;
		width: 100%;
	}
}

/* Аккордеон: автоматические границы между пунктами (настройка в корне).
   Цвет задаётся через CSS-переменную --aq-acc-border-color (ставится
   инлайном редактором); по умолчанию — цвет текущего текста. */
.wp-block-accordion.aq-acc-div > .wp-block-accordion-item + .wp-block-accordion-item {
	border-top: 1px solid var( --aq-acc-border-color, currentColor );
	padding-top: 0.75em;
}