/*
 * Кастомні стилі airclimategroup.com
 * ---------------------------------------------------------------
 * Цей файл підключається mu-плагіном custom-styles.php (лежить поруч).
 * Сюди додаємо всі наші CSS-правки замість редагування теми:
 * тема Hello Elementor не вантажить свій style.css, і правки в темі
 * зникли б при її оновленні — а цей файл живе незалежно від теми.
 *
 * Кожен блок підписуємо: дата, що робить, навіщо.
 */

/* ================================================================
 * 2026-07-10 — Вирівнювання тексту кнопок у футері
 * Проблема: ядро Elementor жорстко ставить text-align:center для
 * .elementor-button (frontend.min.css), і коли довга назва послуги
 * (напр. "AC Compressor Not Working") переноситься на 2 рядки,
 * текст центрується — в редакторі Elementor це не контролюється.
 * Рішення: на десктопі — по лівому краю, на мобільному (<=767px,
 * стандартний брейкпоінт Elementor) лишаємо центр, як і задумано.
 * ================================================================ */
.elementor-location-footer .elementor-widget-button .elementor-button {
	text-align: left;
}

@media (max-width: 767px) {
	.elementor-location-footer .elementor-widget-button .elementor-button {
		text-align: center;
	}
}

/* ================================================================
 * 2026-07-10 — Мобільна залипаюча панель #stick-tel: показ/приховування
 * Фіксацією внизу екрана керує нативний Elementor Sticky:Bottom
 * (налаштований у редакторі, тільки Mobile). Наш код керує ЛИШЕ
 * видимістю: панель прихована, поки видно перший блок #header-hero,
 * плавно з'являється після нього (клас .acg-visible ставить JS
 * через IntersectionObserver у custom-scripts.js) і плавно зникає,
 * коли у видиму зону в'їжджає #footer.
 * pointer-events:none у прихованому стані — щоб невидима панель
 * не перехоплювала дотики. visibility із затримкою = ховаємо
 * елемент лише ПІСЛЯ завершення fade-out.
 * ================================================================ */
#stick-tel {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.3s ease, visibility 0s linear 0.3s;
}

#stick-tel.acg-visible {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition: opacity 0.3s ease;
}

/* людям із вимкненою анімацією — миттєве перемикання без fade */
@media (prefers-reduced-motion: reduce) {
	#stick-tel,
	#stick-tel.acg-visible {
		transition: none;
	}
}