/*
 * Default style matches the requested "verzend-label" look.
 * Note: most visual aspects are configurable via inline styles from settings.
 */
.khl-shipping-bar.verzend-label {
	font-weight: 700;
	box-sizing: border-box;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.khl-shipping-bar__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
}

.khl-shipping-bar__text {
	display: inline-block;
}

/* Full-width mode (optional) */
.khl-shipping-bar:not(.khl-shipping-bar--container) {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

/* Content-width mode */
.khl-shipping-bar--container {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

@media (max-width: 768px) {
	.khl-shipping-bar.verzend-label {
		text-align: left;
		justify-content: flex-start;
	}
	.khl-shipping-bar__inner {
		justify-content: flex-start;
	}
}