/**
 * Homepage slider.
 * Проблема: style.css задає height:460px + overflow:hidden, а Cycle2 ще й
 * пише інлайн height/position у DOM. На мобільній слайд = HTML-контент
 * (фону немає), тому потрібна ВИСОТА ЗА КОНТЕНТОМ активного слайда.
 * Rollback: delete + enqueue home-slider-mobile у functions.php.
 */
#slide_1 > div > div > div > div > p > iframe {    min-height: 516px;
}
/* ПК */
@media (min-width: 992px) {

	.home .bg-slider,
	.front-page .bg-slider {
		width: 100%;
		max-width: 960px;
		margin-top: -14px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 0 !important;
		box-sizing: border-box;
	}

	.home .bg-slider .left-col,
	.front-page .bg-slider .left-col {
		width: 100% !important;
		float: none;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.home #slider.slider,
	.front-page #slider.slider {
		width: 100%;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (min-width: 1280px) {

	.home .bg-slider,
	.front-page .bg-slider {
		max-width: 1180px;
		padding-left: 40px;
		padding-right: 40px;
	}
}

/* ===== Мобільна: висота за контентом, перебиваємо Cycle2 ===== */
@media (max-width: 991px) {

	.home .bg-slider,
	.front-page .bg-slider {
		margin-top: -20px;
		padding: 0 !important;
	}

	.home .bg-slider .left-col,
	.front-page .bg-slider .left-col {
		width: 100% !important;
		float: none;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.home #slider.slider,
	.front-page #slider.slider {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		min-height: 0 !important;
	}

	/* 1) знімаємо фіксовану висоту теми + інлайн-висоту Cycle2 */
	.home .slider-slides,
	.front-page .slider-slides,
	.home .slider-slides.cycle-slideshow,
	.front-page .slider-slides.cycle-slideshow {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow: visible !important;
		position: relative !important;
	}

	/* 2) неактивні слайди — поверх, приховані (fade лишається) */
	.home .slider-slides .slide,
	.front-page .slider-slides .slide {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow: visible !important;
		background-position: center center !important;
		background-size: cover !important;
	}

	/* 3) активний слайд — у потоці, він задає висоту блока */
	.home .slider-slides .slide.cycle-slide-active,
	.front-page .slider-slides .slide.cycle-slide-active {
		position: relative !important;
		z-index: 2;
		height: auto !important;
	}

	.home .slider-slides .slide:not(.cycle-slide-active),
	.front-page .slider-slides .slide:not(.cycle-slide-active) {
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none;
	}

	/* 4) тема ставить slide-body absolute + top:10% — прибираємо */
	.home .slider-slides .slide-body,
	.front-page .slider-slides .slide-body {
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow: visible !important;
		box-sizing: border-box;
		padding: 8px 12px 14px;
	}

	/* 5) style.css: .container { height: inherit } — теж знімаємо */
	.home .slider-slides .container,
	.front-page .slider-slides .container {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		width: 100% !important;
		max-width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.home .slider-slides .slide-caption,
	.front-page .slider-slides .slide-caption {
		float: none !important;
		width: 100% !important;
		height: auto !important;
		overflow: visible !important;
		padding-bottom: 0 !important;
	}

	.home .slider-slides .slide-content,
	.front-page .slider-slides .slide-content {
		height: auto !important;
		min-height: 0 !important;
		overflow: visible !important;
	}

	/* медіа в контенті — у межах ширини */
	.home .slider-slides .slide-content img,
	.front-page .slider-slides .slide-content img {
		max-width: 100% !important;
		height: auto !important;
	}

	/* 6) iframe пише власну height у DOM → обмежуємо (ваш костиль) */
	.home #slide_1 > div > div > div > div > p > iframe,
	.front-page #slide_1 > div > div > div > div > p > iframe,
	.home .slider-slides .slide-content iframe,
	.front-page .slider-slides .slide-content iframe {
		display: block;
		width: 100% !important;
		max-width: 100% !important;
		max-height: 420px !important;
		height: auto !important;
		border: 0;
		margin: 0 auto;
	}

	/* pager під слайдом */
	.home .slider-pager,
	.front-page .slider-pager {
		position: relative !important;
		left: 0;
		right: 0;
		bottom: auto !important;
		margin: 6px 0 0 !important;
		padding: 0 !important;
	}

}

/* Site Origin: таби тарифів на головній */
.home #panel-442-0-0-0 > div > div > section.tabs-wrapper,
.front-page #panel-442-0-0-0 > div > div > section.tabs-wrapper {
	margin-top: -12px;
}

@media (max-width: 480px) {

	.home .bg-slider,
	.front-page .bg-slider {
		margin-top: -24px;
	}

	.home #slide_1 > div > div > div > div > p > iframe,
	.front-page #slide_1 > div > div > div > div > p > iframe,
	.home .slider-slides .slide-content iframe,
	.front-page .slider-slides .slide-content iframe {
		max-height: 360px !important;
	}
}