.site-branding {
	display: flex;
	// text-align: var(--text-align, center);
	text-align: var(--horizontal-alignment);

	&:not([data-logo="top"]) {
		align-items: center;
	}
}

.site-title {
	display: block;
	margin-bottom: 0;
	// line-height: 1.5;
}

.site-description {
	color: var(--color);
	margin-bottom: 0;

	@include media-breakpoint-up (lg) {
		white-space: nowrap;
	}

	&:not(:only-child) {
		margin-top: 0.3em;
	}
}

// logo
.site-logo-container {
	// display: flex;
	// align-items: center;
	height: calc(var(--logo-shrink-height, 1) * var(--logo-max-height, 50px));

	img {
		width: auto;
		object-fit: contain;
	}

	img,
	picture {
		height: inherit;
		vertical-align: initial;
	}
}

// sticky logo
[data-sticky*='yes'] {
	.sticky-logo {
		display: block;

		~ .default-logo {
			display: none;
		}
	}

	&[data-sticky*='slide'],
	&[data-sticky*='auto-hide'],
	&[data-sticky*='fade'] {
		.site-logo-container {
			--logo-shrink-height: var(--logoStickyShrink, 1);
		}
	}
}

.sticky-logo {
	display: none;
}

// logo position
[data-logo='top'] {
	flex-direction: column;

	.site-description {
		margin-top: 0.3em;
	}
}



[data-logo='left'] {
	.site-title-container {
		margin-left: 1em;
	}
}

[data-logo='right'] {
	flex-direction: row-reverse;

	.site-title-container {
		margin-right: 1em;
	}
}

// logo alignment inside columns
// [data-column='middle'] {
// 	[data-logo='left'] {
// 		--text-align: left;
// 	}

// 	[data-logo='right'] {
// 		--text-align: right;
// 	}
// }

// [data-column='start'] [data-items='primary'],
// [data-column='end'] [data-items='secondary'] {
// 	.site-branding {
// 		--text-align: left;
// 	}

// 	[data-logo='right'] {
// 		--text-align: right;
// 	}

// 	[data-logo='top'] {
// 		--align-items: flex-start;
// 	}
// }

// [data-column='start'] [data-items='secondary'],
// [data-column='end'] [data-items='primary'] {
// 	.site-branding {
// 		--text-align: right;
// 	}

// 	[data-logo='left'] {
// 		--text-align: left;
// 	}

// 	[data-logo='top'] {
// 		--align-items: flex-end;
// 	}
// }