/* ==========================================================================
   Форма пожертвований Leyka (шаблон кампании "Star") — перекраска под
   палитру и типографику сайта. Свою разметку формы не трогаем (она жёстко
   завязана на JS плагина — переключение валют/сумм/способов оплаты), а
   используем штатный механизм темизации самой Leyka: почти весь визуал
   шаблона "Star" управляется CSS-переменными вида --leyka-color-... и
   --leyka-font-... (см. wp-content/plugins/leyka/assets/css/public.css,
   :root). Переопределяем
   их только внутри .leyka-pf — класс, который сама Leyka вешает на обёртку
   формы (шаблон "Star") независимо от того, вставлена форма нашим page-
   template'ом (page-templates/template-leyka-donate.php) или обычным
   блоком/шорткодом Leyka прямо в редакторе страницы. Не глобально в :root —
   так это никак не пересекается с остальным сайтом.
   ========================================================================== */

/**
 * !important на переменных ниже — вынужденно: сама Leyka пишет свои
 * --leyka-color-* инлайн-стилем прямо на этой же обёртке (цвет берётся из
 * настроек кампании в её админке), а инлайн style="" всегда перебивает
 * правило из подключаемого файла темы, даже если оно грузится позже —
 * без !important наши цвета молча игнорировались, хотя файл подключался
 * правильно (проверено через Query Monitor: зависимости/порядок верные).
 */
.leyka-pf {
	--leyka-color-main: var(--color-gold) !important;
	--leyka-color-main-second: var(--color-gold-soft) !important;
	--leyka-color-main-third: var(--color-bg-soft) !important;
	--leyka-color-main-inactive: rgba(184, 145, 47, 0.5) !important;
	--leyka-color-gray-dark: var(--color-navy) !important;
	--leyka-color-grey-semi-dark: var(--color-navy-soft) !important;
	--leyka-color-gray: var(--color-navy-soft) !important;
	--leyka-color-gray-notsolight: #9aa2b4 !important;
	--leyka-color-gray-superlight: var(--color-border) !important;
	--leyka-font-main: var(--font-body) !important;
	margin: var(--space-lg) auto;
	max-width: 720px;
}

/**
 * Общий для сайта класс .section (base.css, отступ var(--space-xl) — 72px
 * сверху/снизу для секций страниц) случайно совпадает по имени с классом
 * .section, которым сама Leyka помечает свои блоки формы (.section--amount,
 * .section--cards и т.д.) — из-за этого форма получала гигантские пустые
 * промежутки между блоками. Гасим наш отступ только внутри формы, разметку
 * и её собственные внутренние отступы не трогаем.
 */
.leyka-pf .section {
	padding: 0;
}

#leyka-platform-signature {
	display: none !important;
}

.donate-widget__notice {
	background: var(--color-bg-soft);
	border: 1px solid var(--color-border);
	border-left: 3px solid var(--color-gold);
	padding: var(--space-md);
	color: var(--color-navy-soft);
}

/* Заголовки разделов формы ("Сумма пожертвования", "Способ оплаты"...) —
   тем же выделяющимся шрифтом, что и заголовки секций по всему сайту
   (h2/h3 через var(--font-heading)), а не системным Roboto по умолчанию. */
.leyka-pf .section-title-text {
	font-family: var(--font-heading);
	font-weight: 400;
	letter-spacing: 0.01em;
}

/* Радиус — тот же минимальный, что у кнопок сайта (.btn, 2px), а не
   крупные скругления из дефолтной темы Leyka: так форма не выглядит
   вставкой из другого дизайна. */
.leyka-pf .leyka-default-submit,
.leyka-pf input[type="submit"],
.leyka-pf .donor__textfield input,
.leyka-pf .donor__textfield textarea,
.leyka-pf .payment-opt__button,
.leyka-pf .swiper-item-inner {
	border-radius: 2px !important;
}

.leyka-pf .leyka-default-submit,
.leyka-pf input[type="submit"] {
	font-family: var(--font-body);
	font-weight: 500;
	letter-spacing: 0.03em;
}

/**
 * Карусель способов оплаты по умолчанию показывает соседние варианты
 * "выглядывающими" по краям (обрезанные картинки) как намёк, что можно
 * листать стрелками — без плавного затухания по краям (которое, похоже,
 * не подключено в этой версии шаблона) это выглядит как обрезанная картинка,
 * а не как задуманная подсказка. Показываем только текущий выбранный способ
 * оплаты на всю ширину — переключение по-прежнему стрелками рядом.
 */
.leyka-pf .section--cards .swiper-item:not(.selected) {
	display: none;
}
.leyka-pf .section--cards .swiper-item.selected {
	width: 100% !important;
}

/* ==========================================================================
   Банковские реквизиты под формой — те же данные, что в футере (см.
   footer.php), просто крупнее и отдельным блоком для тех, кто переводит
   деньги напрямую через банк, а не через форму выше.
   ========================================================================== */
.donate-requisites {
	margin: var(--space-xl) auto 0;
	max-width: 720px;
	padding-top: var(--space-lg);
	border-top: 1px solid var(--color-border);
}
.donate-requisites__title {
	font-size: 1.2rem;
	margin-bottom: var(--space-sm);
}
.donate-requisites p {
	color: var(--color-navy-soft);
	margin: 0 0 0.5em;
}