/* ============================================================
   RCN Sell — Price field (currency selector + POA + conversions)
   ============================================================ */

/* Price row with currency dropdown + amount — explicit widths
   to beat the global .rcn-form .rcn-input { width: 100% } rule */
body.rcn-theme .rcn-price-row,
.rcn-form-row .rcn-price-row {
	display: flex !important;
	gap: 10px !important;
	align-items: stretch !important;
	width: 100% !important;
}
body.rcn-theme .rcn-price-row .rcn-input--currency,
.rcn-price-row .rcn-input--currency {
	flex: 0 0 130px !important;
	width: 130px !important;
	max-width: 130px !important;
	min-width: 130px !important;
	font-weight: 700 !important;
	background: #f8fafc !important;
	cursor: pointer !important;
	padding-right: 8px !important;
}
body.rcn-theme .rcn-price-row > input[type="number"],
.rcn-price-row > input[type="number"] {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	width: auto !important;
	font-size: 20px !important;
	font-weight: 800 !important;
	letter-spacing: .01em !important;
	color: #0f172a !important;
	font-family: 'JetBrains Mono', monospace !important;
}
body.rcn-theme .rcn-price-row > input[type="number"]:disabled {
	background: #f1f5f9 !important;
	color: #94a3b8 !important;
	cursor: not-allowed !important;
}

/* "Price on application" checkbox */
.rcn-price-poa {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 10px;
	padding: 8px 14px;
	background: #fff;
	border: 1.5px solid #e5e7eb;
	border-radius: 10px;
	cursor: pointer;
	font-size: 13.5px;
	font-weight: 600;
	color: #475569;
	transition: all .15s;
	user-select: none;
}
.rcn-price-poa:hover {
	border-color: #cbd5e1;
	background: #f8fafc;
}
.rcn-price-poa input {
	width: 16px; height: 16px;
	accent-color: #dc2626;
	margin: 0;
	cursor: pointer;
}
.rcn-price-poa:has(input:checked) {
	background: #fef2f2;
	border-color: #dc2626;
	color: #b91c1c;
}
.rcn-price-poa__icon { color: inherit; flex-shrink: 0; }

/* Live conversion hint — show multiple currencies */
.rcn-price-conv {
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.rcn-price-conv__chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 12px;
	background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
	border: 1px solid #a7f3d0;
	border-radius: 999px;
	color: #047857;
	font-size: 13px;
	font-weight: 600;
}
.rcn-price-conv__chip strong {
	color: #065f46;
	font-weight: 800;
	font-family: 'JetBrains Mono', monospace;
	font-size: 13.5px;
}
.rcn-price-conv__chip-code {
	background: #065f46;
	color: #fff;
	padding: 1px 6px;
	border-radius: 4px;
	font-size: 10.5px;
	font-weight: 800;
	letter-spacing: .04em;
}
.rcn-price-conv__live {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #94a3b8;
	font-size: 11.5px;
	margin-left: auto;
	font-style: italic;
}
.rcn-price-conv__live::before {
	content: "";
	width: 6px; height: 6px;
	background: #10b981;
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(16,185,129,.18);
	animation: rcn-pulse 2s infinite;
}
@keyframes rcn-pulse {
	0%, 100% { box-shadow: 0 0 0 3px rgba(16,185,129,.18); }
	50%      { box-shadow: 0 0 0 6px rgba(16,185,129,0); }
}

/* Legacy single-currency hint kept for backward compat */
.rcn-price-hint {
	margin-top: 8px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	background: #ecfdf5;
	border: 1px solid #a7f3d0;
	border-radius: 8px;
	color: #047857;
	font-size: 13px;
	font-weight: 500;
	width: fit-content;
}
.rcn-price-hint svg { color: #10b981; flex-shrink: 0; }
.rcn-price-hint strong {
	color: #065f46;
	font-weight: 800;
	font-family: 'JetBrains Mono', monospace;
}

@media ( max-width: 480px ) {
	body.rcn-theme .rcn-price-row,
	.rcn-form-row .rcn-price-row { flex-direction: column !important; }
	body.rcn-theme .rcn-price-row .rcn-input--currency,
	.rcn-price-row .rcn-input--currency {
		flex: 1 1 auto !important;
		width: 100% !important;
		max-width: none !important;
	}
}