/**
 * Advanced Title — eyebrow, heading, optional highlight, description.
 */

.heinz-advanced-title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	column-gap: 20px;
	row-gap: 20px;
	margin: 0;
	text-align: left;
}

.heinz-advanced-title--center {
	align-items: center;
	text-align: center;
}

.heinz-advanced-title--right {
	align-items: flex-end;
	text-align: right;
}

.heinz-advanced-title--justify {
	align-items: stretch;
	text-align: justify;
}

.heinz-advanced-title--justify > *:not(.heinz-advanced-title__icon) {
	width: 100%;
}

.heinz-advanced-title--icon-left,
.heinz-advanced-title--icon-right {
	flex-direction: row;
	align-items: flex-start;
}

.heinz-advanced-title--icon-top {
	flex-direction: column;
}

.heinz-advanced-title--icon-bottom {
	flex-direction: column;
}

.heinz-advanced-title--center.heinz-advanced-title--icon-left,
.heinz-advanced-title--center.heinz-advanced-title--icon-right {
	justify-content: center;
}

.heinz-advanced-title--right.heinz-advanced-title--icon-left,
.heinz-advanced-title--right.heinz-advanced-title--icon-right {
	justify-content: flex-end;
}

.heinz-advanced-title__stack {
	display: flex;
	flex-direction: column;
	align-items: inherit;
	min-width: 0;
	column-gap: inherit;
	row-gap: inherit;
	text-align: inherit;
}

.heinz-advanced-title--left .heinz-advanced-title__stack {
	align-items: flex-start;
}

.heinz-advanced-title--center .heinz-advanced-title__stack {
	align-items: center;
}

.heinz-advanced-title--right .heinz-advanced-title__stack {
	align-items: flex-end;
}

.heinz-advanced-title--justify .heinz-advanced-title__stack {
	align-items: stretch;
}

.heinz-advanced-title__icon {
	display: inline-flex;
	flex-shrink: 0;
	line-height: 0;
	color: inherit;
}

.heinz-advanced-title__icon svg {
	display: block;
	max-width: 100%;
	height: auto;
}

.heinz-advanced-title__icon svg:not([width]) {
	width: 1.5em;
}

.heinz-advanced-title__eyebrow {
	margin: 0;
	color: var(--heinz-color-primary);
	font-family: var(--heinz-font-body);
	text-transform: uppercase;
}

/* :where() keeps defaults below type utilities on the same tag (text-xs, tracking-wide, …). */
:where(.heinz-advanced-title__eyebrow) {
	font-size: var(--text-xs);
	font-weight: var(--font-weight-medium);
	letter-spacing: var(--tracking-widest);
	line-height: var(--text-xs--line-height);
}

.heinz-advanced-title .heinz-advanced-title__title {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	quotes: none;
	font-style: inherit;
	color: var(--heinz-color-title);
	font-family: var(--heinz-font-heading);
	letter-spacing: -1px;
}

.heinz-advanced-title__title .text-primary {
	color: var(--heinz-color-primary);
}

.heinz-advanced-title a.heinz-advanced-title__title {
	text-decoration: underline;
	text-underline-offset: 0.12em;
	cursor: pointer;
}

.heinz-advanced-title__description {
	margin: 0;
	margin-block-start: 10px;
	max-width: var(--container-xl);
	color: var(--heinz-color-text);
	font-family: var(--heinz-font-body);
}

/* :where() keeps defaults below type utilities on the same tag (text-sm, md:text-lg, …). */
:where(.heinz-advanced-title__description) {
	font-size: var(--text-base);
	line-height: var(--text-base--line-height);
}

@media (min-width: 768px) {
	:where(.heinz-advanced-title__description) {
		font-size: var(--text-lg);
		line-height: var(--text-lg--line-height);
	}
}

.heinz-advanced-title__description.max-w-sm { max-width: var(--container-sm); }
.heinz-advanced-title__description.max-w-md { max-width: var(--container-md); }
.heinz-advanced-title__description.max-w-lg { max-width: var(--container-lg); }
.heinz-advanced-title__description.max-w-xl { max-width: var(--container-xl); }
.heinz-advanced-title__description.max-w-2xl { max-width: var(--container-2xl); }
.heinz-advanced-title__description.max-w-3xl { max-width: var(--container-3xl); }
.heinz-advanced-title__description.max-w-4xl { max-width: var(--container-4xl); }
.heinz-advanced-title__description.container-sm { max-width: var(--container-sm); }
.heinz-advanced-title__description.container-md { max-width: var(--container-md); }
.heinz-advanced-title__description.container-lg { max-width: var(--container-lg); }
.heinz-advanced-title__description.container-xl { max-width: var(--container-xl); }
.heinz-advanced-title__description.container-2xl { max-width: var(--container-2xl); }
.heinz-advanced-title__description.container-3xl { max-width: var(--container-3xl); }
.heinz-advanced-title__description.container-4xl { max-width: var(--container-4xl); }