/*
 * Ditable Product Message — frontend stylesheet.
 * Namespaced .dpm-* so nothing collides with Divi/WC or the in-house
 * product-filter (.dpf-*) styles.
 */

.dpm-wrap { margin: 1.5em 0; }
.dpm-panel { margin-top: 0.8em; }
.dpm-form { max-width: 560px; }
.dpm-field { margin-bottom: 1em; }
.dpm-label { display:block; font-weight:600; margin-bottom:0.3em; }
.dpm-req { color:#c00; }
.dpm-input { width:100%; box-sizing:border-box; padding:0.55em 0.7em; border:1px solid #d3d3d3; border-radius:3px; font:inherit; }
.dpm-input:focus { border-color:#3399dd; outline:none; }
.dpm-hp { position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden; }
.dpm-status { margin:0.7em 0 0; font-weight:600; }
.dpm-status.dpm-error { color:#b00020; }
.dpm-status.dpm-ok { color:#1e7d32; }
.dpm-btn { font-size:1.05em; padding:0.6em 1.4em; }
.dpm-btn:disabled { opacity:0.6; cursor:wait; }
.dpm-product { font-size:0.95em; color:#555; margin:0 0 1em; }

.dpm-wa { margin-top: 0.6em; }
.dpm-wa .button { text-decoration: none; }

/* Layout: name + email side-by-side; email + WhatsApp buttons side-by-side. */
.dpm-row-fields {
	display: flex;
	flex-wrap: wrap;
	gap: 0 1.25em;
}
.dpm-row-fields > .dpm-label,
.dpm-row-fields > .dpm-input {
	flex: 1 1 45%;
}
.dpm-row-fields > .dpm-label:nth-of-type(2),
.dpm-row-fields > .dpm-input:nth-of-type(2) {
	margin-left: 0; /* keep paired */
}
.dpm-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75em;
	align-items: center;
	margin-top: 1em;
}
.dpm-actions > p {
	margin: 0;
}
@media (max-width: 520px) {
	.dpm-row-fields > .dpm-label,
	.dpm-row-fields > .dpm-input {
		flex: 1 1 100%;
	}
	.dpm-actions {
		flex-direction: column;
		align-items: stretch;
	}
	.dpm-actions > p .button {
		width: 100%;
	}
}