/**
 * PW Tasa BCV WooCommerce — Public Styles
 *
 * Minimal, non-invasive styles for shortcodes and order-detail
 * cards rendered on the front end.
 *
 * @package PW_Tasa_BCV_Woo
 * @since   1.0.0
 */

/* =========================================================
   Shortcodes
   ========================================================= */

.pw-tasa-bcv-valor {
	display: inline;
	font-weight: 700;
}

.pw-tasa-bcv-rate {
	display: inline-block;
	padding: 8px 14px;
	background: #f7f7f7;
	border-left: 3px solid #0073aa;
	border-radius: 4px;
	font-weight: 600;
	font-size: 0.95em;
	color: #1d2327;
}

.pw-tasa-usdt-binance {
	display: inline-block;
	padding: 8px 14px;
	background: #fffdf5;
	border-left: 3px solid #f0b90b;
	border-radius: 4px;
	font-weight: 600;
	font-size: 0.95em;
	color: #1d2327;
}

.pw-tasa-bcv-no-data {
	color: #787c82;
	font-style: italic;
	font-weight: 400;
}

/* =========================================================
   Order Info Card (Thank You / My Account)
   ========================================================= */

.pw-tasa-bcv-order-info {
	background: #f8f9fa;
	border: 1px solid #e2e4e7;
	border-radius: 6px;
	padding: 18px 20px;
	margin: 20px 0;
}

.pw-tasa-bcv-order-info h3 {
	margin: 0 0 12px;
	padding: 0;
	font-size: 15px;
	font-weight: 600;
	color: #1d2327;
}

.pw-tasa-bcv-order-info table {
	width: 100%;
	border-collapse: collapse;
}

.pw-tasa-bcv-order-info td {
	padding: 6px 10px;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	color: #2c3338;
}

.pw-tasa-bcv-order-info tr:last-child td {
	border-bottom: none;
}

.pw-tasa-bcv-order-info td:first-child {
	font-weight: 600;
	width: 55%;
	color: #50575e;
}

/* =========================================================
   Cart / Checkout Rate Row
   ========================================================= */

.pw-tasa-bcv-cart-rate th,
.pw-tasa-bcv-cart-rate td {
	font-size: 13px;
	color: #646970;
	font-weight: 400;
}

.pw-tasa-bcv-cart-usdt th,
.pw-tasa-bcv-cart-usdt td {
	color: #0073aa;
	font-weight: 600;
}

/* =========================================================
   Responsive
   ========================================================= */

@media screen and (max-width: 600px) {
	.pw-tasa-bcv-order-info {
		padding: 14px 15px;
		margin: 15px 0;
	}

	.pw-tasa-bcv-order-info td:first-child {
		width: auto;
	}

	.pw-tasa-bcv-rate,
	.pw-tasa-usdt-binance {
		display: block;
		margin-bottom: 8px;
	}
}