/**
 * Hero page sections — shared content structure (all hero templates).
 * Templates add layout under `.iw-ps-hero-t-{slug}`; tokens come from presets.css.
 */

.iw-ps-hero {
	background: var(--iw-ps-hero-bg, #ffffff);
	color: var(--iw-ps-hero-text, var(--iw-ps-block-text, #222222));
}

.iw-ps-hero__heading {
	color: var(--iw-ps-hero-text, var(--iw-ps-block-text, #222222));
}

.iw-ps-hero__description {
	color: var(--iw-ps-hero-muted, var(--iw-ps-block-muted, #6e6e73));
}

.iw-ps-hero__badge {
	color: var(--iw-ps-hero-accent, #4b5563);
}

.iw-ps-hero__bullet-check {
	color: var(--iw-ps-hero-accent, #4b5563);
}

.iw-ps-hero__btn--primary {
	background-color: var(--iw-ps-hero-accent, #4b5563);
	border-color: var(--iw-ps-hero-accent, #4b5563);
	color: var(--iw-ps-hero-btn-primary-text, #ffffff);
}

.iw-ps-hero__btn--primary:hover,
.iw-ps-hero__btn--primary:focus-visible {
	background-color: var(--iw-ps-hero-accent-hover, color-mix(in srgb, var(--iw-ps-hero-accent, #4b5563) 88%, #000));
	border-color: var(--iw-ps-hero-accent-hover, color-mix(in srgb, var(--iw-ps-hero-accent, #4b5563) 88%, #000));
}

.iw-ps-hero__btn--secondary,
.iw-ps-hero__btn--tertiary {
	color: var(--iw-ps-hero-accent, #4b5563);
}

.iw-ps-hero__exp-number {
	color: var(--iw-ps-hero-accent, #4b5563);
}

.iw-ps-hero__feature strong {
	color: var(--iw-ps-hero-text, var(--iw-ps-block-text, #222222));
}

.iw-ps-hero__feature span {
	color: var(--iw-ps-hero-muted, var(--iw-ps-block-muted, #6e6e73));
}

.iw-ps-hero__btn {
	border-radius: var(--iw-ps-btn-radius, var(--iw_branding_button_border_radius, 8px));
}

.iw-ps-hero--js [data-iw-ps-animate]:not(.is-visible) {
	opacity: 0;
}

.iw-ps-hero--js [data-iw-ps-animate="up"]:not(.is-visible) {
	transform: translateY(20px);
}

.iw-ps-hero--js [data-iw-ps-animate="right"]:not(.is-visible) {
	transform: translateX(30px);
}

.iw-ps-hero [data-iw-ps-animate].is-visible,
.iw-ps-hero:not(.iw-ps-hero--js) [data-iw-ps-animate] {
	opacity: 1;
	transform: none;
}

.iw-ps-block--layout-reverse .iw-ps-hero__img-main {
	right: auto;
	left: 0;
}

.iw-ps-block--layout-reverse .iw-ps-hero__img-secondary {
	left: auto;
	right: 0;
}

.iw-ps-block--layout-reverse .iw-ps-hero__exp-badge {
	left: auto;
	right: -5%;
}

@media (max-width: 992px) {
	.iw-ps-block--layout-reverse .iw-ps-hero__exp-badge {
		right: 5%;
	}
}

@media (max-width: 576px) {
	.iw-ps-block--layout-reverse .iw-ps-hero__exp-badge {
		right: -12px;
	}

	.iw-ps-block--layout-reverse .iw-ps-hero__img-secondary {
		right: -15px;
	}
}

/*
 * Mobile hero stack: badge → heading → media → remaining content.
 * Flatten content wrappers so flex `order` applies on `.iw-ps-block__row`.
 */
@media (max-width: 576px) {
	.iw-ps-hero > .iw-ps-block__row {
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}

	.iw-ps-hero [class*="__col--content"],
	.iw-ps-hero .iw-ps-hero__content,
	.iw-ps-hero .iw-ps-hero__content-head {
		display: contents;
	}

	.iw-ps-hero .iw-ps-hero__badge {
		order: 1;
	}

	.iw-ps-hero .iw-ps-hero__heading {
		order: 2;
	}

	.iw-ps-hero [class*="__col--media"] {
		order: 3;
		width: 100%;
		max-width: 100%;
	}

	.iw-ps-hero .iw-ps-hero__content-desc {
		order: 4;
	}

	.iw-ps-hero .iw-ps-hero__content-bullets {
		order: 5;
	}

	.iw-ps-hero .iw-ps-hero__content-actions {
		order: 6;
	}

	.iw-ps-hero .iw-ps-hero__content-features {
		order: 7;
	}

	.iw-ps-hero-t-template-2 [class*="__col--media"] {
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
		min-height: 0;
		height: auto;
		margin: 0;
	}
}

/* Admin live preview: viewport stays wide — mirror @media (max-width: 576px). */
body.iw-admin .iw-ft-admin-preview-device--mobile .iw-ps-hero > .iw-ps-block__row {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

body.iw-admin .iw-ft-admin-preview-device--mobile .iw-ps-hero [class*="__col--content"],
body.iw-admin .iw-ft-admin-preview-device--mobile .iw-ps-hero .iw-ps-hero__content,
body.iw-admin .iw-ft-admin-preview-device--mobile .iw-ps-hero .iw-ps-hero__content-head {
	display: contents;
}

body.iw-admin .iw-ft-admin-preview-device--mobile .iw-ps-hero .iw-ps-hero__badge {
	order: 1;
}

body.iw-admin .iw-ft-admin-preview-device--mobile .iw-ps-hero .iw-ps-hero__heading {
	order: 2;
}

body.iw-admin .iw-ft-admin-preview-device--mobile .iw-ps-hero [class*="__col--media"] {
	order: 3;
	width: 100%;
	max-width: 100%;
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	min-height: 0;
	height: auto;
	margin: 0;
}

body.iw-admin .iw-ft-admin-preview-device--mobile .iw-ps-hero .iw-ps-hero__content-desc {
	order: 4;
}

body.iw-admin .iw-ft-admin-preview-device--mobile .iw-ps-hero .iw-ps-hero__content-bullets {
	order: 5;
}

body.iw-admin .iw-ft-admin-preview-device--mobile .iw-ps-hero .iw-ps-hero__content-actions {
	order: 6;
}

body.iw-admin .iw-ft-admin-preview-device--mobile .iw-ps-hero .iw-ps-hero__content-features {
	order: 7;
}