/* ==========================================================================
   Подвал: одна компактная колонка
   ==========================================================================
   Знак, строка, разделы, документы, копирайт. Высота держится на весе:
   знак 34px, строка 1rem, навигация и документы — мелкий капс. Отступы
   между рядами 10–16px, общий отступ 30px сверху и 24px снизу: подвал
   закрывает страницу, а не начинает новую.

   Стили лежат отдельно от moigrani.css, потому что блок собирается своим
   плагином: снять moigrani-foot.php — вместе с ним уйдёт и оформление.
   ========================================================================== */

/*
 * Строка подвала у Kadence приносит свои отступы — с ними блок ниже на
 * 30px, чем нужно. Обнуляем их здесь, чтобы высоту задавал только .mg-foot.
 */
#colophon .site-footer-wrap,
#colophon .site-footer-row-container-inner,
#colophon .site-footer-row,
#colophon .site-footer-row-column-layout-row { padding: 0 !important; margin: 0 !important; }

.mg-foot {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	padding: 1.5rem 1rem 1.2rem;
	text-align: center;
}

.mg-foot__brand {
	display: block;
	line-height: 0;
}

.mg-foot__brand img {
	display: block;
	width: 34px;
	height: 34px;
	opacity: .8;
	transition: opacity .3s ease, transform .3s ease;
}

.mg-foot__brand:hover img,
.mg-foot__brand:focus img {
	opacity: 1;
	transform: translateY(-1px);
}

.mg-foot__line {
	margin: .6rem 0 0;
	font-family: var(--mg-serif);
	font-style: italic;
	font-size: 1rem;
	line-height: 1.4;
	color: var(--mg-muted);
	text-wrap: pretty;
}

/* ---------- Документы ---------- */

.mg-footlegal {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-top: .65rem;
}

.mg-footlegal a {
	padding: 0 .8rem;
	font-family: var(--mg-sans);
	font-size: .5625rem;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--mg-muted) !important;
	text-decoration: none;
	opacity: .85;
	transition: color .25s ease, opacity .25s ease;
}

.mg-footlegal a + a { border-left: 1px solid var(--mg-line); }

.mg-footlegal a:hover,
.mg-footlegal a:focus { color: var(--mg-gold) !important; opacity: 1; }

/* ---------- Копирайт ---------- */

.mg-foot__copy {
	margin: .7rem 0 0;
	font-family: var(--mg-sans);
	font-size: .625rem;
	letter-spacing: .08em;
	color: var(--mg-muted);
	opacity: .75;
}

@media (max-width: 480px) {
	/*
	 * Кнопка «наверх» на телефоне стоит поверх подвала справа и закрывала
	 * слово «ОФЕРТА». Нижний отступ резервирует полосу под неё — там уже
	 * пусто, и высота растёт только на высоту самой кнопки.
	 */
	.mg-foot { padding: 1.3rem 1rem 3.4rem; }

	/*
	 * Телефон: документы остаются строкой и переносятся. Столбиком они
	 * добавляли четыре строки и 60px высоты — подвал вырастал вдвое.
	 * Разделители сняты: при переносе вертикальная черта оказывалась
	 * в начале строки («│ ОФЕРТА»), а зазор читается и так.
	 */
	.mg-footlegal { gap: .35rem .9rem; }
	.mg-footlegal a { padding: 0; font-size: .5625rem; }
	.mg-footlegal a + a { border-left: 0; }
}