/* Crezko Mensaje de Entrega — frontend */
.cdm-wrap {
	display: flex;
	justify-content: flex-start;
	width: 100%;
	margin: 10px 0 14px;
	box-sizing: border-box;
}
.cdm-wrap.cdm-align-center { justify-content: center; }
.cdm-wrap.cdm-align-right { justify-content: flex-end; }
.cdm-wrap.cdm-align-stretch { --cdm-grow: 1; }

.cdm-msg {
	--cdm-bg-default: #16202e;
	--cdm-text-default: #2ee6d6;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	flex-grow: var(--cdm-grow, 0);
	max-width: 100%;
	box-sizing: border-box;
	font-size: var(--cdm-fs, 14px);
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
	color: var(--cdm-text, var(--cdm-text-default));
	background: var(--cdm-bg, var(--cdm-bg-default));
}
.cdm-msg .cdm-text { display: inline-block; }

/* 1. Etiqueta con corte (modelo actual de la tienda) */
.cdm-msg.cdm-style-corte {
	padding: 9px 22px 11px;
	border-radius: 0;
	box-shadow: inset 0 -3px 0 var(--cdm-accent, var(--cdm-text-default));
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%);
}

/* 2. Píldora */
.cdm-msg.cdm-style-pildora {
	padding: 7px 18px;
	border-radius: 999px;
	box-shadow: 0 0 0 1px var(--cdm-accent, transparent) inset;
}

/* 3. Contorno */
.cdm-msg.cdm-style-contorno {
	padding: 7px 16px;
	background: transparent;
	border: 1.5px solid var(--cdm-accent, currentColor);
	border-radius: 6px;
}

/* 4. Borde lateral */
.cdm-msg.cdm-style-borde {
	padding: 8px 14px;
	border-left: 4px solid var(--cdm-accent, currentColor);
	border-radius: 0 6px 6px 0;
	text-align: left;
	justify-content: flex-start;
}

/* 5. Solo texto */
.cdm-msg.cdm-style-texto {
	padding: 0;
	background: transparent;
	font-weight: 600;
}

/* En grillas algunos temas usan text-align/flex distintos: forzamos ancho de bloque */
.products .cdm-wrap,
.woocommerce ul.products li.product .cdm-wrap { margin: 8px 0 12px; }