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

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

.iw-pb-hero__heading {
	color: var(--iw-pb-typo-color, var(--iw-pb-hero-text, var(--iw-pb-block-text, inherit)));
}

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

/* Content media Size frames use layout-preset CSS. Shared shape helpers only. */
.iw-pb-hero__img--shape-rounded {
	border-radius: 24px;
}

.iw-pb-hero__img--shape-soft {
	border-radius: 32px;
}

.iw-pb-hero__img--shape-square {
	border-radius: 0;
}

.iw-pb-hero__img--shape-circle {
	border-radius: 50%;
}

.iw-pb-hero__img--shape-pill {
	border-radius: 999px;
}

.iw-pb-hero__img--shape-border {
	border-radius: 0;
	box-sizing: border-box;
}

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

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

.iw-pb-hero__feature-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: var(--iw-pb-hero-accent, #4b5563);
}

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

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

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

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

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

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

.iw-pb-hero__features {
	margin-top: 24px;
}

/* Motion markers are inert: content is always visible immediately (no scroll/JS gate). */
.iw-pb-hero [data-iw-pb-animate] {
	opacity: 1;
	transform: none;
}

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

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

.iw-pb-block--hero.iw-pb-block--layout-reverse .iw-pb-hero__exp-badge {
	left: auto;
	right: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

	.iw-pb-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: 992px). */
body.iw-admin .iw-ft-admin-preview-device--tablet .iw-pb-hero > .iw-pb-block__row,
body.iw-admin .iw-ft-admin-preview-device--mobile .iw-pb-hero > .iw-pb-block__row {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

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

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

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

body.iw-admin .iw-ft-admin-preview-device--tablet .iw-pb-hero [class*="__col--media"],
body.iw-admin .iw-ft-admin-preview-device--mobile .iw-pb-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--tablet .iw-pb-hero .iw-pb-hero__content-desc,
body.iw-admin .iw-ft-admin-preview-device--mobile .iw-pb-hero .iw-pb-hero__content-desc {
	order: var(--iw-stack-description, 4);
}

body.iw-admin .iw-ft-admin-preview-device--tablet .iw-pb-hero .iw-pb-hero__content-bullets,
body.iw-admin .iw-ft-admin-preview-device--mobile .iw-pb-hero .iw-pb-hero__content-bullets {
	order: var(--iw-stack-bullets, 5);
}

body.iw-admin .iw-ft-admin-preview-device--tablet .iw-pb-hero .iw-pb-hero__content-actions,
body.iw-admin .iw-ft-admin-preview-device--mobile .iw-pb-hero .iw-pb-hero__content-actions {
	order: var(--iw-stack-actions, 6);
}

body.iw-admin .iw-ft-admin-preview-device--tablet .iw-pb-hero .iw-pb-hero__content-features,
body.iw-admin .iw-ft-admin-preview-device--mobile .iw-pb-hero .iw-pb-hero__content-features {
	order: var(--iw-stack-features, 7);
}

/* Canvas DnD stack order (section --iw-stack-* vars from Design). */
.iw-pb-hero .iw-pb-hero__content-head {
	order: var(--iw-stack-head, 1);
}

.iw-pb-hero .iw-pb-hero__content-desc {
	order: var(--iw-stack-description, 2);
}

.iw-pb-hero .iw-pb-hero__content-bullets {
	order: var(--iw-stack-bullets, 3);
}

.iw-pb-hero .iw-pb-hero__content-actions {
	order: var(--iw-stack-actions, 4);
}

.iw-pb-hero .iw-pb-hero__content-features {
	order: var(--iw-stack-features, 5);
}