/**
 * ps-en.css — стили EN-обвязки /en/ (packages/en). Подключается assets.php модуля на всех
 * EN-страницах (хэндл pkg-en) ПОСЛЕ стилей темы и пакетов.
 *
 * Всё — под .lang-en (класс <body> EN-страниц, render.php): на русские страницы файл не
 * грузится, а если и попадёт — ни одно правило не сработает. Цвета и радиусы — переменные
 * темы (main.css, ps-lp-povod.css), новых цветов не вводим.
 *
 * Разделы:
 *   1. шапка: переключатель языка, текстовый логотип, кнопка заказа на телефонах;
 *   2. лендинг: отступ главной без крошек, бейджи языка озвучки, пометки, описание команды;
 *   3. служебные страницы (блог, статьи, FAQ, документы, About, 404): то, что на лендинге
 *      даёт ps-lp-povod.css, а на страницах этот файл не подключается (контракт §9.4);
 *   4. FAQ без правой колонки.
 */

/* ===================================================================== 1. шапка */

.lang-en .en-lang {
	color: var(--color-brown, #7a6452);
	border: 1px solid currentColor;
	border-radius: 999px;
	flex: none;
	align-items: center;
	padding: .3rem .75rem;
	font-size: .8125rem;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	display: inline-flex;
	opacity: .8;
	transition: opacity .2s;
}
.lang-en .en-lang:hover,
.lang-en .en-lang:focus-visible {
	opacity: 1;
}

.lang-en .en-logo-text {
	color: var(--color-accent, #eb4a00);
	white-space: nowrap;
	font-size: 1.125rem;
	font-weight: 800;
	line-height: 1;
}

/* Разметка шапки одна для всех устройств (контракт §4.3) — кнопку заказа в шапке прячем
   на телефонах стилями, как RU прятал её на сервере (header.php:49). На телефоне заказ —
   из бургер-меню (.header-btn) и с первого экрана. */
@media screen and (max-width: 479px) {
	.lang-en .en-header__order {
		display: none;
	}
	.lang-en .en-lang {
		padding: .25rem .55rem;
		font-size: .75rem;
	}
}

/* ===================================================================== 2. лендинг */

/* Главная без крошек: пустой .lpp-crumbs даёт тот же отступ под фиксированную шапку
   (padding-top из ps-lp-povod.css:787), но без строки текста. */
.lang-en .lpp-crumbs--empty {
	padding-bottom: 0;
	min-height: 0;
}

/* Первый экран без видео (hero_media не задан — запасного русского ролика на EN нет).
   ps-lp-povod.css на ≤991px переопределяет сетку .lpp-hero__grid с областью media, и у
   --novideo появлялась пустая строка с отступом — возвращаем две области. */
@media screen and (max-width: 991px) {
	.lang-en .lpp-hero__grid--novideo {
		grid-template-areas: "head"
		                     "actions";
	}
}

/* Подпись «Sample voiced in Russian…» под роликом первого экрана: .lpp-hero__media обрезает
   содержимое по радиусу (overflow: hidden), поэтому подпись — полоса под видео. */
.lang-en .lpp-hero__media .en-hero__voice-note {
	background-color: var(--color-white, #fff);
	margin: 0;
	padding: .5rem .875rem;
}

/* Карточки пакетов без фото (parts/packages.php): на фото .com доски с русскими названиями
   пакетов, на EN вместо них «доска» с английским названием на цветной шапке карточки. */
.lang-en .en-pkg-media--board {
	justify-content: center;
	align-items: center;
	display: flex;
}
.lang-en .en-pkg-board {
	z-index: 1;
	color: #fff;
	background-color: #2f2b28;
	border: 6px solid #8a5a32;
	border-radius: 10px;
	padding: .5em 1.1em;
	font-family: Unbounded, sans-serif;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.1;
	box-shadow: 0 14px 30px -12px rgba(0, 0, 0, .45);
	transform: rotate(-3deg);
	position: relative;
}
.lang-en .pa-fest__vip-media.en-pkg-media--board {
	min-height: 320px;
}
.lang-en .en-pkg-board--vip {
	font-size: 2.5rem;
}
@media screen and (max-width: 720px) {
	.lang-en .pa-fest__vip-media.en-pkg-media--board {
		min-height: 220px;
	}
	.lang-en .en-pkg-board--vip {
		font-size: 2rem;
	}
}

/* Бейдж языка озвучки примера (parts/examples.php): .product-tag без инлайн-цветов ACF. */
.lang-en .en-voice {
	color: var(--color-white, #fff);
	background-color: var(--color-brown, #7a6452);
}
.lang-en .en-voice--en {
	background-color: var(--color-accent, #eb4a00);
}
.lang-en .en-voice--song {
	background-color: var(--color-orange, #fe8300);
}

/* «Sample voiced in Russian — we film yours in English» под описанием примера. */
.lang-en .en-voice-note {
	color: var(--color-brown, #7a6452);
	margin: .5rem 0 0;
	font-size: .8125rem;
	font-style: italic;
	line-height: 1.4;
}

/* Пометка языка под слайдером реакций (решение 13). */
.lang-en .en-lang-note {
	color: var(--color-brown, #7a6452);
	text-align: center;
	margin: 1rem 0 0;
	font-size: .8125rem;
	line-height: 1.4;
}

/* Каталог команд: короткое описание под именем и пометка VIP-сценария. */
.lang-en .en-team__desc {
	color: var(--content-dark, #342c3d);
	margin-top: .375rem;
	font-size: .8125rem;
	line-height: 1.45;
}
.lang-en .en-team-badge {
	color: var(--color-white, #fff);
	background-color: var(--color-accent, #eb4a00);
}

/* ===================================================================== 3. служебные страницы */

.lang-en .en-page {
	overflow-x: clip;
}

.lang-en .en-page__lead {
	color: var(--content-dark, #342c3d);
	max-width: 46rem;
	margin: 1rem auto 0;
	font-size: 1.0625rem;
	line-height: 1.6;
	text-align: center;
}
.lang-en .en-page--doc .en-page__lead,
.lang-en .en-page--about .en-page__lead,
.lang-en .en-page--faq .en-page__lead {
	text-align: left;
	margin-left: 0;
}

.lang-en .en-page__empty {
	color: var(--color-brown, #7a6452);
	text-align: center;
	margin: 0;
}

/* Блог: карточка без обложки — плашка с датой. */
.lang-en .en-post-image--empty {
	background-color: var(--color-bg-dark, #ffd0ac);
	min-height: 10rem;
}

/* Документы: дата правки и плашка перевода (решение 9). */
.lang-en .en-doc__updated {
	color: var(--color-brown, #7a6452);
	margin: .75rem 0 0;
	font-size: .875rem;
}
.lang-en .en-doc__notice {
	background-color: var(--color-white, #fff);
	border-left: 4px solid var(--color-accent, #eb4a00);
	border-radius: var(--big-radius, 1.5rem);
	margin: 1.5rem 0 2rem;
	padding: 1rem 1.25rem;
	font-size: .9375rem;
	line-height: 1.5;
}
.lang-en .en-doc__notice p {
	margin: 0;
}
.lang-en .en-doc__notice p + p {
	margin-top: .375rem;
}

/* FAQ-страница: блок контактов вместо русской модалки «Задать вопрос». */
.lang-en .en-contacts__box {
	background-color: var(--color-white, #fff);
	border-radius: var(--big-radius, 1.5rem);
	text-align: center;
	max-width: 40rem;
	margin: 0 auto;
	padding: 2rem 1.5rem;
}
.lang-en .en-contacts__text {
	color: var(--content-dark, #342c3d);
	margin: .75rem 0 1.25rem;
	line-height: 1.5;
}
.lang-en .en-contacts__social {
	justify-content: center;
}
.lang-en .en-contacts__email {
	margin: 1rem 0 0;
	font-weight: 600;
}

/* About: плашка доверия — копия правил ps-lp-povod.css (раздел «Плашка доверия»):
   на служебных страницах этот файл не подключается. */
.lang-en .en-page .lpp-trust {
	padding-top: 1.5rem;
}
.lang-en .en-page .lpp-trust__items {
	background-color: var(--color-white, #fff);
	border-radius: var(--big-radius, 1.5rem);
	grid-column-gap: 1rem;
	grid-row-gap: 1rem;
	grid-template-columns: repeat(4, 1fr);
	margin: 0;
	padding: 1.75rem 1.5rem;
	display: grid;
	list-style: none;
}
.lang-en .en-page .lpp-trust__item {
	text-align: center;
	flex-direction: column;
	grid-row-gap: .25rem;
	display: flex;
}
.lang-en .en-page .lpp-trust__item + .lpp-trust__item {
	border-left: 1px solid var(--color-bg-dark, #ffd0ac);
}
.lang-en .en-page .lpp-trust__item b {
	color: var(--color-accent, #eb4a00);
	font-size: 1.375rem;
	line-height: 1.2;
}
.lang-en .en-page .lpp-trust__item span {
	color: var(--color-brown, #7a6452);
	font-size: .875rem;
	line-height: 1.4;
}
@media screen and (max-width: 767px) {
	.lang-en .en-page .lpp-trust__items {
		grid-template-columns: repeat(2, 1fr);
	}
	.lang-en .en-page .lpp-trust__item:nth-child(odd) {
		border-left: 0;
	}
}
@media screen and (max-width: 479px) {
	.lang-en .en-page .lpp-trust__items {
		grid-template-columns: 1fr;
		padding: 1.25rem;
	}
	.lang-en .en-page .lpp-trust__item + .lpp-trust__item {
		border-top: 1px solid var(--color-bg-dark, #ffd0ac);
		border-left: 0;
		padding-top: 1rem;
	}
}

.lang-en .en-about__video .video-lbox {
	max-width: 48rem;
	margin: 0 auto;
	display: block;
}

/* 404: список ссылок «куда дальше» — классы .lpp-related__*, но ps-linking.css на EN-404 не
   подключается (assets.php ставит его только на landing и article), поэтому правила
   ps-linking.css:9-35 продублированы здесь под .en-404__links. */
.lang-en .en-404__links {
	flex-wrap: wrap;
	justify-content: center;
	gap: .625rem;
	margin: 1.5rem 0 2rem;
	padding: 0;
	list-style: none;
	display: flex;
}
.lang-en .en-404__links .lpp-related__link {
	color: var(--content-dark, #342c3d);
	background-color: var(--color-white, #fff);
	border: 1px solid var(--color-bg-dark, #ffd0ac);
	border-radius: 999px;
	padding: .625rem 1.125rem;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	transition: border-color .15s, color .15s, background-color .15s;
	display: inline-block;
}
.lang-en .en-404__links .lpp-related__link:hover,
.lang-en .en-404__links .lpp-related__link:focus-visible {
	color: var(--color-accent, #eb4a00);
	border-color: var(--color-accent, #eb4a00);
}

/* Подпись языка под роликом о компании (About, блок гарантий). */
.lang-en .en-about__video .en-about__voice-note {
	text-align: center;
}

/* ===================================================================== 4. FAQ без правой колонки */

/* На /en/faq и при скрытой /en/faq блока «Didn’t find your question?» нет — сетка в одну колонку. */
.lang-en .faq-grid.en-faq-grid--single {
	grid-template-columns: 1fr;
}