/* Glass Card-to-Card (Manual) — checkout styling. Shares the look of the Glass
   PayPal (Manual) plugin (palette #b46b49 → #965437, font iransans) and adds a
   designed bank card. */

/* Payment box */
.gcm-pay-box {
	margin-top: 10px;
	padding: 14px 16px;
	background: #f4f5f7;
	border: 1px solid #e3e5ea;
	border-radius: 12px;
	line-height: 1.9;
}

.gcm-pay-box .gcm-label {
	font-weight: 700;
	color: #2b2f36;
}

/* ---- Card image (full card with all data printed on it) ---- */
.gcm-card {
	max-width: 360px;
	margin: 4px auto 12px;
}

.gcm-card__img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 14px;
	box-shadow: 0 8px 22px rgba(111, 61, 39, 0.22);
}

/* ---- Copy buttons (outside the card, PayPal-gateway style) ---- */
.gcm-copy-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 10px;
}

.gcm-copy-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border: 1px solid #d8dbe2;
	background: #fff;
	border-radius: 8px;
	padding: 6px 14px;
	cursor: pointer;
	font: inherit;
	font-weight: 700;
	color: #2b2f36;
}

.gcm-copy-btn.is-copied {
	background: #e7f6ec;
	border-color: #a8dcb9;
}

.gcm-copied-msg {
	color: #1c7a3e;
	font-size: 0.85em;
	font-weight: 700;
}

.gcm-copied-msg[hidden] {
	display: none;
}

/* ---- Amount / instructions ---- */
.gcm-amount-row {
	margin: 6px 0;
	font-size: 1.05em;
}

.gcm-instructions {
	margin: 8px 0;
	color: #555;
	font-size: 0.95em;
}

/* ---- Receipt dropzone ---- */
.gcm-receipt-field {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px dashed #d8dbe2;
}

.gcm-file-input {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.gcm-dropzone {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	margin-top: 8px;
	padding: 22px 16px;
	text-align: center;
	background: #fff;
	border: 2px dashed #cdd2db;
	border-radius: 12px;
	cursor: pointer;
	transition: border-color .15s ease, background .15s ease;
}

.gcm-dropzone:hover,
.gcm-dropzone.is-dragover {
	border-color: #b46b49;
	background: #fbf6f2;
}

.gcm-dropzone.is-done {
	border-style: solid;
	border-color: #a8dcb9;
	background: #f1faf4;
}

.gcm-dropzone.is-loading {
	opacity: .7;
	pointer-events: none;
}

.gcm-dropzone__icon {
	font-size: 1.6em;
	line-height: 1;
	color: #b46b49;
}

.gcm-dropzone__text {
	font-weight: 700;
	color: #2b2f36;
}

.gcm-dropzone__hint {
	font-size: 0.82em;
	color: #888;
}

.gcm-receipt-status {
	margin-top: 6px;
	font-size: 0.9em;
	min-height: 1.2em;
}

.gcm-receipt-status.is-ok {
	color: #1c7a3e;
}

.gcm-receipt-status.is-error {
	color: #c0392b;
}