/**
 * WooCommerce Bank Transfer Euro — Checkout Styles.
 */

/* -----------------------------------------------
   Bank details card
----------------------------------------------- */
.wc-bank-transfer-euro-details {
	background: #f8fafb;
	border: 1px solid #dde4e9;
	border-radius: 8px;
	margin: 16px 0 22px;
	overflow: hidden;
}

.wc-bank-transfer-euro-header {
	background: #edf2f6;
	border-bottom: 1px solid #dde4e9;
	color: #2c3e50;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.02em;
	padding: 12px 16px;
	display: flex;
	align-items: center;
	gap: 10px;
}

/* EUR currency badge */
.wc-bank-transfer-euro-currency-badge {
	background: #1a73e8;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.05em;
	padding: 3px 8px;
	text-transform: uppercase;
}

/* -----------------------------------------------
   Bank detail rows
----------------------------------------------- */
.wc-bank-transfer-euro-fields {
	padding: 6px 0;
}

.wc-bank-transfer-euro-row {
	align-items: center;
	border-bottom: 1px solid #eef2f5;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 10px 16px;
}

.wc-bank-transfer-euro-row:last-child {
	border-bottom: none;
}

.wc-bank-transfer-euro-label {
	color: #6b7c8e;
	flex: 0 0 95px;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.wc-bank-transfer-euro-value {
	color: #2c3e50;
	flex: 1;
	font-size: 14px;
	font-weight: 500;
	word-break: break-all;
}

/* Highlighted values (beneficiary name, reference) */
.wc-bank-transfer-euro-value.highlight {
	color: #c0392b;
	font-weight: 600;
}

.wc-bank-transfer-euro-value.highlight-ref {
	background: #fff3cd;
	border-radius: 3px;
	color: #856404;
	display: inline;
	padding: 2px 6px;
}

/* Monospace for codes */
.wc-bank-transfer-euro-value.mono {
	font-family: 'SF Mono', 'Menlo', 'Monaco', 'Consolas', monospace;
	font-size: 13px;
	letter-spacing: 0.03em;
}

/* Total amount row */
.wc-bank-transfer-euro-row.wc-bank-transfer-euro-total {
	background: #e8f0fe;
	border-bottom: none;
	border-top: 1px solid #c6d7f5;
}

.wc-bank-transfer-euro-row.wc-bank-transfer-euro-total .wc-bank-transfer-euro-label {
	color: #1a73e8;
}

.wc-bank-transfer-euro-value.total-amount {
	color: #1a73e8;
	font-size: 16px;
	font-weight: 700;
}

/* -----------------------------------------------
   Copy button
----------------------------------------------- */
.wc-bte-copy-btn {
	align-items: center;
	background: #fff;
	border: 1px solid #c8d4dc;
	border-radius: 4px;
	color: #5a6d7e;
	cursor: pointer;
	display: inline-flex;
	flex-shrink: 0;
	font-size: 11px;
	font-weight: 500;
	gap: 4px;
	line-height: 1;
	padding: 5px 10px;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.wc-bte-copy-btn:hover {
	background: #f0f4f7;
	border-color: #a0b3c2;
	color: #2c3e50;
}

.wc-bte-copy-btn:active {
	background: #e2e8ed;
}

.wc-bte-copy-btn.copied {
	background: #d4edda;
	border-color: #8fd19e;
	color: #155724;
}

/* -----------------------------------------------
   Payment confirmation section
----------------------------------------------- */
.wc-bank-transfer-euro-payment-info {
	background: #fff;
	border: 1px solid #e0e5ea;
	border-radius: 8px;
	overflow: hidden;
}

.wc-bank-transfer-euro-payment-info .wc-bank-transfer-euro-header {
	background: #f0f4f8;
	border-bottom: 1px solid #dde4e9;
}

.wc-bank-transfer-euro-input-group {
	padding: 14px 16px;
}

.wc-bank-transfer-euro-input-group + .wc-bank-transfer-euro-input-group {
	padding-top: 0;
}

.wc-bank-transfer-euro-input-group label {
	color: #2c3e50;
	display: block;
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 6px;
}

.wc-bank-transfer-euro-input-group label .required {
	color: #c0392b;
	margin-left: 2px;
}

.wc-bank-transfer-euro-input {
	background: #fff;
	border: 1px solid #c8d4dc;
	border-radius: 5px;
	box-sizing: border-box;
	color: #2c3e50;
	display: block;
	font-size: 14px;
	padding: 10px 12px;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
	width: 100%;
}

.wc-bank-transfer-euro-input:focus {
	border-color: #1a73e8;
	box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.12);
	outline: none;
}

.wc-bank-transfer-euro-input::placeholder {
	color: #a3b2c2;
}

.wc-bank-transfer-euro-input:invalid:not(:placeholder-shown) {
	border-color: #c0392b;
}

.wc-bank-transfer-euro-input:invalid:not(:placeholder-shown):focus {
	box-shadow: 0 0 0 3px rgba(192, 57, 43, 0.1);
}

/* Tips text */
.wc-bank-transfer-euro-tips {
	color: #8a6d3b;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	padding: 8px 16px 14px;
}

/* -----------------------------------------------
   Thank you page
----------------------------------------------- */
.wc-bank-transfer-euro-thankyou {
	background: #f8fafb;
	border: 1px solid #dde4e9;
	border-radius: 8px;
	margin-bottom: 20px;
	overflow: hidden;
}

.wc-bank-transfer-euro-thankyou-title {
	background: #edf2f6;
	border-bottom: 1px solid #dde4e9;
	color: #2c3e50;
	font-size: 15px;
	font-weight: 600;
	margin: 0;
	padding: 12px 16px;
}

.wc-bank-transfer-euro-thankyou-details {
	padding: 8px 16px;
}

.wc-bank-transfer-euro-thankyou-details p {
	color: #2c3e50;
	font-size: 14px;
	margin: 6px 0;
}

/* -----------------------------------------------
   Description heading overrides
----------------------------------------------- */
.payment_method_bank_transfer_euro h3 {
	font-size: 15px;
	line-height: 1.4;
	margin: 0 0 12px;
}

/* -----------------------------------------------
   Responsive adjustments
----------------------------------------------- */
@media screen and (max-width: 480px) {
	/* Shrink the description heading on small screens */
	.payment_method_bank_transfer_euro h3 {
		font-size: 13px;
		margin: 0 0 8px;
	}

	/* Label takes full width, value + button share the next row */
	.wc-bank-transfer-euro-label {
		flex: 0 0 100%;
		margin-bottom: 0;
	}

	.wc-bank-transfer-euro-row {
		align-items: center;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 4px 8px;
		padding: 8px 12px;
	}

	/* Value shrinks to fit alongside the button */
	.wc-bank-transfer-euro-value {
		flex: 1 1 auto;
		min-width: 0;
		word-break: break-all;
	}

	/* Tighter copy button */
	.wc-bte-copy-btn {
		flex-shrink: 0;
		font-size: 10px;
		margin: 0;
		padding: 4px 8px;
	}

	/* Total row — keep label on own line */
	.wc-bank-transfer-euro-row.wc-bank-transfer-euro-total {
		padding: 10px 12px;
	}

	.wc-bank-transfer-euro-value.total-amount {
		font-size: 15px;
	}

	/* Payment info section */
	.wc-bank-transfer-euro-header {
		font-size: 13px;
		padding: 10px 12px;
	}

	.wc-bank-transfer-euro-input-group {
		padding: 10px 12px;
	}
}