/* ============================================================
   Ручные стили темы.

   Лежит ВНЕ assets/css, потому что там собранные артефакты:
   main.css и tailwind.css генерируются сборкой, исходников которой
   у нас нет, и любая правка в них будет затёрта при следующей сборке.
   Этот файл подключается в inc/theme-enqueue.php после main.css.
   ============================================================ */

/* ------------------------------------------------------------
   Кнопка «Premier rendez-vous» в шапке.

   Видна всегда: и при закрытом меню, и при открытом (шапка имеет
   z-index 999, оверлей .ml-menu — 25 и открывается ниже шапки),
   и на любой ширине экрана.

   Позиционирование абсолютное намеренно:
   1) логотип остаётся ровно там же, где был (на десктопе
      .header__inner центрирует содержимое, на ≤991px — space-between);
   2) гарантируется зазор до кликабельной зоны гамбургера.

   ВАЖНО про отступ справа. У .header__hamburger есть псевдоэлемент
   ::after размером 44 x 44, отцентрованный по кнопке, — это правка
   доступности от 11.09.2026 (WCAG 2.5.8), её нельзя уменьшать.
   Зона невидима и выступает на 22px влево за пределы иконки, то есть
   доходит до 50px от правого края контейнера. Кнопка ставится правее
   этой границы: right = 1rem (паддинг) + 44px, иначе клики по её
   правому краю перехватывал бы гамбургер.
   ------------------------------------------------------------ */

.header__rdv {
	position: absolute;
	right: calc(1rem + 44px);
	top: 50%;
	transform: translateY(-50%);
	min-width: 0;
	height: 36px;
	padding: 0 1.25rem;
	font-size: 13px;
}

.header__rdv-short {
	display: none;
}

/* Узкие экраны: подпись сокращается, полная остаётся в aria-label. */
@media (max-width: 575px) {
	.header__rdv {
		height: 32px;
		padding: 0 0.875rem;
		font-size: 12px;
	}

	.header__rdv-full {
		display: none;
	}

	.header__rdv-short {
		display: inline;
	}
}

/* ------------------------------------------------------------
   Подстраховка scroll-анимаций (AOS).

   Блоки с data-aos стартуют с opacity: 0 и зависят от JS. Если
   анимация не отработает, контент окажется недоступен — а под
   data-aos в шаблонах 81 элемент, включая основной текст секций.
   Скрипт assets/custom/theme-custom.js вешает .aos-animate по
   реальной геометрии; ниже — случаи, когда анимация не нужна вовсе.
   ------------------------------------------------------------ */

/* Системное «уменьшить движение»: контент показываем сразу, без анимации. */
@media (prefers-reduced-motion: reduce) {
	[data-aos] {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
		animation: none !important;
	}
}

/* Печать: скрытые анимацией блоки иначе не попадут на бумагу. */
@media print {
	[data-aos] {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}