/**
 * File: wp-content/themes/nad-child-theme/assets/css/nm-colibri-cascade.css
 *
 * Printed after Colibri generated CSS (page builder inline styles and
 * colibriwp_theme()->get('css')->render() in header.php).
 *
 * Colibri uses padding-left / padding-right and selectors prefixed with
 * html.colibri-wp-theme #colibri or #colibri .style-*. Those rules print
 * after wp_head, so NM padding-inline loses unless this file comes last
 * and matches that specificity with physical padding too.
 *
 * Scoped to NM shells only. Does not restyle Colibri interiors.
 */

#colibri.nm-has-shell .nm-wrap,
#colibri.nm-has-shell .nm-hero__inner {
	padding-inline-end: var(--nm-gutter);
	padding-inline-start: var(--nm-gutter);
	padding-left: var(--nm-gutter);
	padding-right: var(--nm-gutter);
}

#colibri.nm-has-shell .nm-hero--media .nm-button-group {
	justify-content: center;
}

#colibri.nm-template-terra-landing .terra-hero .nm-hero__inner {
	padding-inline-end: var(--nm-gutter);
	padding-inline-start: var(--nm-gutter);
	padding-left: var(--nm-gutter);
	padding-right: var(--nm-gutter);
}

@media (min-width: 56.25em) {
	#colibri.nm-has-shell .nm-wrap {
		padding-inline-end: var(--nm-section-pad-end, var(--nm-gutter));
		padding-inline-start: var(--nm-section-pad-start, var(--nm-gutter));
		padding-left: var(--nm-section-pad-start, var(--nm-gutter));
		padding-right: var(--nm-section-pad-end, var(--nm-gutter));
	}

	#colibri.nm-has-shell .nm-has-pad-start .nm-wrap {
		padding-inline-start: var(--nm-section-pad-start);
		padding-left: var(--nm-section-pad-start);
	}

	#colibri.nm-has-shell .nm-has-pad-end .nm-wrap {
		padding-inline-end: var(--nm-section-pad-end);
		padding-right: var(--nm-section-pad-end);
	}

	#colibri.nm-has-shell .nm-hero__inner {
		padding-inline-end: var(--nm-section-pad-end, var(--nm-hero-pad-inline-end, var(--nm-gutter)));
		padding-inline-start: var(--nm-section-pad-start, var(--nm-hero-pad-inline-start, var(--nm-gutter)));
		padding-left: var(--nm-section-pad-start, var(--nm-hero-pad-inline-start, var(--nm-gutter)));
		padding-right: var(--nm-section-pad-end, var(--nm-hero-pad-inline-end, var(--nm-gutter)));
	}

	#colibri.nm-has-shell .nm-hero__inner.nm-has-pad-start {
		padding-inline-start: var(--nm-section-pad-start);
		padding-left: var(--nm-section-pad-start);
	}

	#colibri.nm-has-shell .nm-hero__inner.nm-has-pad-end {
		padding-inline-end: var(--nm-section-pad-end);
		padding-right: var(--nm-section-pad-end);
	}

	#colibri.nm-has-shell .nm-hero--media .nm-hero__content {
		align-self: var(--nm-hero-copy-align, start);
		max-width: min(40rem, 45%);
		text-align: var(--nm-hero-copy-align, start);
	}

	#colibri.nm-has-shell .nm-hero--media .nm-lead,
	#colibri.nm-has-shell .nm-hero--media .nm-button-group {
		margin-left: 0;
		margin-right: 0;
	}

	#colibri.nm-has-shell .nm-hero--media .nm-button-group {
		justify-content: var(--nm-hero-copy-justify, flex-start);
	}

	#colibri.nm-template-terra-landing .terra-hero .nm-hero__inner {
		padding-inline-end: var(--nm-section-pad-end, var(--nm-hero-pad-inline-end, var(--nm-gutter)));
		padding-inline-start: var(--nm-section-pad-start, var(--nm-hero-pad-inline-start, var(--nm-gutter)));
		padding-left: var(--nm-section-pad-start, var(--nm-hero-pad-inline-start, var(--nm-gutter)));
		padding-right: var(--nm-section-pad-end, var(--nm-hero-pad-inline-end, var(--nm-gutter)));
	}

	#colibri.nm-template-terra-landing .terra-hero .nm-hero__inner.nm-has-pad-start {
		padding-inline-start: var(--nm-section-pad-start);
		padding-left: var(--nm-section-pad-start);
	}

	#colibri.nm-template-terra-landing .terra-hero .nm-hero__inner.nm-has-pad-end {
		padding-inline-end: var(--nm-section-pad-end);
		padding-right: var(--nm-section-pad-end);
	}
}

@media (max-width: 56.25em) and (orientation: landscape) {
	#colibri.nm-has-shell .nm-hero--media .nm-hero__content {
		align-self: center;
		max-width: min(40rem, 100%);
		text-align: center;
	}

	#colibri.nm-has-shell .nm-hero--media .nm-lead,
	#colibri.nm-has-shell .nm-hero--media .nm-button-group {
		margin-left: auto;
		margin-right: auto;
	}

	#colibri.nm-has-shell .nm-hero--media .nm-button-group {
		justify-content: center;
	}
}

/*
 * Left/right insets and hero placement stay large-screen only,
 * including Customizer preview. Compact panes stay centered with the Core gutter.
 */
@media (min-width: 56.25em) {
	#colibri.nadmedia-customizer-preview.nm-has-shell .nm-wrap {
		padding-inline-end: var(--nm-section-pad-end, var(--nm-gutter));
		padding-inline-start: var(--nm-section-pad-start, var(--nm-gutter));
		padding-left: var(--nm-section-pad-start, var(--nm-gutter));
		padding-right: var(--nm-section-pad-end, var(--nm-gutter));
	}

	#colibri.nadmedia-customizer-preview.nm-has-shell .nm-has-pad-start .nm-wrap {
		padding-inline-start: var(--nm-section-pad-start);
		padding-left: var(--nm-section-pad-start);
	}

	#colibri.nadmedia-customizer-preview.nm-has-shell .nm-has-pad-end .nm-wrap {
		padding-inline-end: var(--nm-section-pad-end);
		padding-right: var(--nm-section-pad-end);
	}

	#colibri.nadmedia-customizer-preview.nm-has-shell .nm-hero__inner,
	#colibri.nadmedia-customizer-preview.nm-template-terra-landing .terra-hero .nm-hero__inner {
		padding-inline-end: var(--nm-section-pad-end, var(--nm-hero-pad-inline-end, var(--nm-gutter)));
		padding-inline-start: var(--nm-section-pad-start, var(--nm-hero-pad-inline-start, var(--nm-gutter)));
		padding-left: var(--nm-section-pad-start, var(--nm-hero-pad-inline-start, var(--nm-gutter)));
		padding-right: var(--nm-section-pad-end, var(--nm-hero-pad-inline-end, var(--nm-gutter)));
	}

	#colibri.nadmedia-customizer-preview.nm-has-shell .nm-hero__inner.nm-has-pad-start,
	#colibri.nadmedia-customizer-preview.nm-template-terra-landing .terra-hero .nm-hero__inner.nm-has-pad-start {
		padding-inline-start: var(--nm-section-pad-start);
		padding-left: var(--nm-section-pad-start);
	}

	#colibri.nadmedia-customizer-preview.nm-has-shell .nm-hero__inner.nm-has-pad-end,
	#colibri.nadmedia-customizer-preview.nm-template-terra-landing .terra-hero .nm-hero__inner.nm-has-pad-end {
		padding-inline-end: var(--nm-section-pad-end);
		padding-right: var(--nm-section-pad-end);
	}

	#colibri.nadmedia-customizer-preview.nm-has-shell .nm-hero--media .nm-hero__content {
		align-self: var(--nm-hero-copy-align, start);
		max-width: min(40rem, 45%);
		text-align: var(--nm-hero-copy-align, start);
	}

	#colibri.nadmedia-customizer-preview.nm-has-shell .nm-hero--media .nm-lead,
	#colibri.nadmedia-customizer-preview.nm-has-shell .nm-hero--media .nm-button-group {
		margin-left: 0;
		margin-right: 0;
	}

	#colibri.nadmedia-customizer-preview.nm-has-shell .nm-hero--media .nm-button-group {
		justify-content: var(--nm-hero-copy-justify, flex-start);
	}
}