/*
 * Vector Energy public typography contract.
 *
 * This file intentionally changes text alignment only. It must not become a
 * second layout stylesheet: no dimensions, spacing, display modes, grid rules
 * or breakpoint rules belong here.
 */

body:not(.wp-admin):not(.ve-operational-web-page) {
	text-align: justify;
	text-justify: inter-word;
}

body:not(.wp-admin):not(.ve-operational-web-page) :where(
	main,
	.ve-site-footer,
	.ve-b2b,
	.ve-casa-verde-site,
	.ve-configurator-v1-content,
	.ve-engineering,
	.vecrm-contact-intro,
	.vecrm-request-intro,
	.vecrm-project-request-page
) {
	text-align: justify !important;
	text-justify: inter-word;
}

body:not(.wp-admin):not(.ve-operational-web-page) :where(
	main,
	.ve-site-footer,
	.ve-b2b,
	.ve-casa-verde-site,
	.ve-configurator-v1-content,
	.ve-engineering,
	.vecrm-contact-intro,
	.vecrm-request-intro,
	.vecrm-project-request-page
) :where(
	p,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	li,
	dt,
	dd,
	blockquote,
	figcaption,
	summary
) {
	text-align: justify !important;
	text-justify: inter-word;
}

/* Hero and banners keep their designed left alignment; never justify their copy. */
body:not(.wp-admin):not(.ve-operational-web-page) :where(
	.ve-hero,
	.ve-hc,
	.ve-hc--standalone,
	.ve-cv-hero,
	.ve-b2b__hero,
	.ve-configurator-v1-content .hero,
	.ve-hbc-banner
) {
	text-align: left !important;
	text-justify: auto;
}

body:not(.wp-admin):not(.ve-operational-web-page) :where(
	.ve-hero,
	.ve-hc,
	.ve-hc--standalone,
	.ve-cv-hero,
	.ve-b2b__hero,
	.ve-configurator-v1-content .hero,
	.ve-hbc-banner
) :where(
	p,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	li,
	dt,
	dd,
	blockquote,
	figcaption,
	summary
) {
	text-align: left !important;
	text-justify: auto;
}

/* Keep alignment of controls and navigation unchanged. */
body:not(.wp-admin):not(.ve-operational-web-page) :where(
	header,
	nav,
	button,
	input,
	select,
	textarea,
	option,
	table,
	[role="button"],
	.ve-button,
	.ve-b2b__button,
	.ve-cv-button,
	.ve-engineering__button,
	.ve-engineering-button,
	.vecrm-button,
	.button,
	.progress__step,
	.choice,
	.product-card,
	.addon-toggle,
	.addon-option
) {
	text-align: left !important;
	text-justify: auto;
}

body:not(.wp-admin):not(.ve-operational-web-page) :where(
	button,
	[role="button"],
	.ve-button,
	.ve-b2b__button,
	.ve-cv-button,
	.ve-engineering__button,
	.ve-engineering-button,
	.vecrm-button,
	.button,
	.progress__step
) {
	text-align: center !important;
	text-justify: auto;
}

body:not(.wp-admin) :where(input, select, textarea, option) {
	text-align: left !important;
	text-justify: auto;
}