/**
 * MGT Internal — ProductPersonalization frontend styles.
 */

.mgti-pp-fields {
	margin-bottom: 1.5em;
}

/* ===== Câmp NUME ȘI DATĂ ===== */

.mgti-pp-field {
	margin-bottom: 1.5em;
}

.mgti-pp-label {
	display: block;
	font-weight: 500;
	margin-bottom: 0.4em;
	font-size: 0.95em;
}

.mgti-pp-label .required {
	color: #cc0000;
	margin-left: 2px;
}

.mgti-pp-input {
	display: block;
	width: 100%;
	padding: 0.65em 0.9em;
	font-size: 1em;
	line-height: 1.4;
	border: 1px solid #d4d4d4;
	border-radius: 2px;
	transition: border-color 150ms ease, box-shadow 150ms ease;
	background-color: #fff;
}

.mgti-pp-input:focus {
	outline: none;
	border-color: #1a1a1a;
	box-shadow: 0 0 0 2px rgba(26, 26, 26, 0.08);
}

.mgti-pp-input[aria-invalid="true"] {
	border-color: #cc0000;
}

.mgti-pp-input[aria-invalid="true"]:focus {
	box-shadow: 0 0 0 2px rgba(204, 0, 0, 0.12);
}

/* ===== Câmp PANGLICĂ ===== */

.mgti-pp-ribbon {
	margin-bottom: 1.5em;
	padding-top: 1em;
	border-top: 1px solid #e8e8e8;
}

.mgti-pp-ribbon-heading {
	margin-bottom: 0.6em;
}

.mgti-pp-ribbon-title {
	display: block;
	font-weight: 500;
	font-size: 0.95em;
	margin-bottom: 0.2em;
}

.mgti-pp-ribbon-desc {
	display: block;
	font-style: italic;
	color: #888;
	font-size: 0.85em;
	line-height: 1.4;
}

.mgti-pp-ribbon-options {
	display: flex;
	flex-direction: column;
	gap: 0.4em;
	margin-top: 0.5em;
}

.mgti-pp-ribbon-option {
	display: inline-flex;
	align-items: center;
	gap: 0.55em;
	cursor: pointer;
	user-select: none;
	font-size: 0.95em;
	padding: 0.3em 0;
}

.mgti-pp-ribbon-input {
	width: 1.05em;
	height: 1.05em;
	margin: 0;
	cursor: pointer;
	accent-color: #1a1a1a;
}

.mgti-pp-ribbon-text {
	line-height: 1.4;
}

.mgti-pp-ribbon-text .amount,
.mgti-pp-ribbon-text .woocommerce-Price-amount {
	color: #1a1a1a;
	font-weight: 500;
}

/* ===== Erori ===== */

.mgti-pp-error {
	display: none;
	color: #cc0000;
	font-size: 0.85em;
	margin-top: 0.4em;
	line-height: 1.4;
}

.mgti-pp-error.is-visible {
	display: block;
}