/* ==========================================================
   WooCommerce Greek Invoice – Styles
   ========================================================== */

/* ── Checkout wrapper ─────────────────────────────────────── */
.wgi-wrapper {
	margin-top: 0;
	margin-bottom: 0;
}

/* ── Radio group ──────────────────────────────────────────── */
.wgi-radio-group {
	display: flex;
	gap: 24px;
}

.wgi-radio-label {
	display: flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	font-size: 0.95em;
}

.wgi-radio-label input[type="radio"] {
	margin: 0;
	cursor: pointer;
}

/* ── Document type row (mimics WC form-row without triggering WC JS) ── */
.wgi-document-type-row {
	margin: 0 0 1em;
	clear: both;
}

.wgi-document-type-row > label {
	display: block;
	margin-bottom: 0.3em;
}

/* ── Invoice fields section ───────────────────────────────── */
/* Visibility is controlled via inline style by checkout.js (.show()/.hide()).
   The PHP template also sets style="display:none" as the safe initial state. */
#wgi-invoice-fields {
	border-left: 3px solid #96588a;
	padding-left: 16px;
	margin-top: 8px;
}

/* ── Lookup status message ────────────────────────────────── */
#wgi-lookup-status {
	display: block;
	margin-top: 4px;
	font-size: 0.85em;
	min-height: 1.2em;
}

.wgi-status--info {
	color: #646970;
}

.wgi-status--error {
	color: #cc1818;
}