/**
 * Daytify — оформление юридических страниц, не собранных в Elementor.
 *
 * Ширина колонки и вертикальные отступы повторяют Terms и Privacy, которые
 * собраны конструктором: 725 px внутри секции с полями 80/40/50. Здесь то же
 * самое, но заданное напрямую, потому что обёртки конструктора тут нет.
 *
 * Цвета взяты из палитры темы: заголовки #191250, текст 75 % чёрного,
 * акцент #A765FC. Семейство шрифта намеренно не задаётся — наследуется от
 * темы, иначе документы выпали бы из общего вида сайта.
 */

/**
 * Заголовочная полоса.
 *
 * Фон и цвет — те же, что у секции Elementor на Terms и Privacy
 * (inner-page-header@2x-1.png на #A765FC), чтобы шесть документов выглядели
 * одинаково. Полоса — прямой потомок .site-body, поэтому тянется во всю ширину,
 * а колонка задаётся уже внутри неё.
 */
.daytify-legal-plain .daytify-legal-hero {
	padding: 64px 24px;
	background-color: #a765fc;
	background-image: url('/wp-content/uploads/inner-page-header@2x-1.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
}

.daytify-legal-plain .daytify-legal-hero-inner {
	max-width: 805px;
	margin: 0 auto;
}

.daytify-legal-plain .daytify-legal-hero h1 {
	margin: 0 0 12px;
	color: #fff;
	font-size: 44px;
	line-height: 1.12;
	letter-spacing: -.01em;
}

.daytify-legal-plain .daytify-legal-hero p {
	margin: 0;
	color: rgba(255, 255, 255, .93);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
}

.daytify-legal-plain .daytify-legal-body {
	max-width: 805px;
	margin: 0 auto;
	padding: 48px 40px 80px;
	color: rgba(0, 0, 0, .78);
	font-size: 16px;
	line-height: 1.7;
}

/* --- Заголовки ------------------------------------------------------ */

.daytify-legal-plain .daytify-legal-body h1 {
	margin: 0 0 10px;
	color: #191250;
	font-size: 40px;
	line-height: 1.15;
	letter-spacing: -.01em;
}

.daytify-legal-plain .daytify-legal-body h2 {
	margin: 52px 0 16px;
	padding-top: 26px;
	border-top: 1px solid rgba(25, 18, 80, .1);
	color: #191250;
	font-size: 26px;
	line-height: 1.25;
}

/* Первый заголовок раздела идёт сразу за вступлением — линия там лишняя. */
.daytify-legal-plain .daytify-legal-body h1 + h2,
.daytify-legal-plain .daytify-legal-body h1 + p + h2 {
	border-top: 0;
	padding-top: 0;
	margin-top: 40px;
}

.daytify-legal-plain .daytify-legal-body h3 {
	margin: 32px 0 10px;
	color: #191250;
	font-size: 19px;
	line-height: 1.35;
}

.daytify-legal-plain .daytify-legal-body h4 {
	margin: 24px 0 8px;
	color: #191250;
	font-size: 17px;
}

/* --- Текст ---------------------------------------------------------- */

.daytify-legal-plain .daytify-legal-body p {
	margin: 0 0 16px;
}

/* Строка «Last updated» — служебная пометка, а не часть документа. */
.daytify-legal-plain .daytify-legal-body h1 + p em,
.daytify-legal-plain .daytify-legal-body > p:first-of-type em {
	color: rgba(0, 0, 0, .5);
	font-size: 14px;
}

.daytify-legal-plain .daytify-legal-body strong {
	color: #191250;
	font-weight: 600;
}

.daytify-legal-plain .daytify-legal-body a {
	color: #8b4fe0;
	text-decoration: underline;
	text-underline-offset: 2px;
	text-decoration-thickness: 1px;
}

.daytify-legal-plain .daytify-legal-body a:hover {
	color: #6f34c4;
}

.daytify-legal-plain .daytify-legal-body hr {
	margin: 44px 0;
	border: 0;
	border-top: 1px solid rgba(25, 18, 80, .1);
}

/* --- Списки --------------------------------------------------------- */

.daytify-legal-plain .daytify-legal-body ul,
.daytify-legal-plain .daytify-legal-body ol {
	margin: 0 0 18px;
	padding-left: 24px;
}

.daytify-legal-plain .daytify-legal-body li {
	margin-bottom: 9px;
}

.daytify-legal-plain .daytify-legal-body li > ul,
.daytify-legal-plain .daytify-legal-body li > ol {
	margin: 9px 0 0;
}

/* --- Таблицы -------------------------------------------------------- */

/* Прайс-листы шире колонки на телефоне — прокручиваем таблицу, а не страницу. */
.daytify-legal-plain .daytify-legal-body table {
	display: block;
	overflow-x: auto;
	width: 100%;
	margin: 0 0 24px;
	border-collapse: collapse;
	font-size: 15px;
}

.daytify-legal-plain .daytify-legal-body th,
.daytify-legal-plain .daytify-legal-body td {
	padding: 11px 14px;
	border-bottom: 1px solid rgba(25, 18, 80, .1);
	text-align: left;
	vertical-align: top;
}

.daytify-legal-plain .daytify-legal-body th {
	color: #191250;
	font-weight: 600;
	white-space: nowrap;
	background: #f6f3fb;
	border-bottom-color: rgba(25, 18, 80, .16);
}

.daytify-legal-plain .daytify-legal-body tbody tr:last-child td {
	border-bottom: 0;
}

/* --- Телефоны ------------------------------------------------------- */

@media (max-width: 640px) {
	.daytify-legal-plain .daytify-legal-hero {
		padding: 40px 20px;
	}

	.daytify-legal-plain .daytify-legal-hero h1 {
		font-size: 30px;
	}

	.daytify-legal-plain .daytify-legal-hero p {
		font-size: 15px;
	}

	.daytify-legal-plain .daytify-legal-body {
		padding: 32px 20px 56px;
		font-size: 15.5px;
	}

	.daytify-legal-plain .daytify-legal-body h1 {
		font-size: 30px;
	}

	.daytify-legal-plain .daytify-legal-body h2 {
		margin-top: 38px;
		padding-top: 20px;
		font-size: 22px;
	}

	.daytify-legal-plain .daytify-legal-body h3 {
		font-size: 17.5px;
	}
}


/* ====================================================================
   FAQ — страница собрана в Elementor, поэтому правки точечные.
   ==================================================================== */

/**
 * Серая полоса под шапкой.
 *
 * Первый контейнер страницы имеет margin-top: 78px, а ни у него, ни у
 * .elementor, ни у .site-body нет отступа или рамки сверху — margin
 * схлопывается наружу и сдвигает белый блок вниз, обнажая фон body (#F3F3F3).
 * Тот же зазор задаём padding-ом: внутренний отступ наружу не выходит.
 */
.daytify-faq-page .site-body > .elementor > .elementor-element:first-child {
	margin-top: 0 !important;
	padding-top: 56px;
}

/**
 * Полоса разделов.
 *
 * Elementor ставит вкладкам flex-wrap: nowrap и горизонтальную прокрутку.
 * Разделов восемь, в строку они не помещаются (1651 px против 1090 px), и
 * последние — «Safety», «Account and data» — просто уезжали за край: о том, что
 * они есть, узнать было неоткуда. Разрешаем перенос, чтобы были видны все.
 */
.daytify-faq-page .e-n-tabs-heading {
	flex-wrap: wrap !important;
	justify-content: center;
	gap: 10px;
	overflow: visible !important;
	scrollbar-width: none;
}

.daytify-faq-page .e-n-tabs-heading::-webkit-scrollbar {
	display: none;
}

/* Вкладка не должна растягиваться на всю строку, когда осталась одна. */
.daytify-faq-page .e-n-tabs-heading > .e-n-tab-title {
	flex: 0 0 auto;
}

@media (max-width: 640px) {
	.daytify-faq-page .site-body > .elementor > .elementor-element:first-child {
		padding-top: 32px;
	}

	.daytify-faq-page .e-n-tabs-heading {
		gap: 8px;
	}
}