.avg-price-shortcode {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 600;
	direction: rtl;
}

.avg-price-shortcode-label {
	color: #666;
	font-weight: 400;
}

.avg-price-shortcode-value {
	color: #a3760f;
}

.avg-price-shortcode-updated {
	color: #999;
	font-size: 0.8em;
	font-weight: 400;
}

/* Sizes */
.avg-price-shortcode.avg-size-sm {
	font-size: 12px;
}

.avg-price-shortcode.avg-size-md {
	font-size: 15px;
}

.avg-price-shortcode.avg-size-lg {
	font-size: 22px;
}

/* Style: card */
.avg-price-shortcode.avg-style-card {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	background: #fff8e1;
	border: 1px solid #e8d48a;
	border-radius: 10px;
	padding: 10px 16px;
}

.avg-price-shortcode.avg-style-card .avg-price-shortcode-value {
	font-size: 1.3em;
	font-weight: 700;
}

/* Style: ticker */
.avg-price-shortcode.avg-style-ticker {
	background: #1d2327;
	color: #fff;
	border-radius: 999px;
	padding: 6px 16px;
}

.avg-price-shortcode.avg-style-ticker .avg-price-shortcode-label {
	color: #bbb;
}

.avg-price-shortcode.avg-style-ticker .avg-price-shortcode-value {
	color: #ffd76a;
}

.avg-widget-price {
	font-size: 22px;
	font-weight: 700;
	color: #a3760f;
	direction: rtl;
	text-align: right;
}

.avg-price-breakdown {
	margin: 20px 0;
	direction: rtl;
	text-align: right;
}

.avg-price-breakdown h4 {
	margin-bottom: 8px;
}

.avg-breakdown-table {
	width: 100%;
	max-width: 420px;
	border-collapse: collapse;
}

.avg-breakdown-table th,
.avg-breakdown-table td {
	padding: 6px 10px;
	border-bottom: 1px solid #eee;
	text-align: right;
}

.avg-breakdown-table th {
	font-weight: 400;
	color: #666;
}

.avg-breakdown-table tr:last-child th,
.avg-breakdown-table tr:last-child td {
	font-weight: 700;
	color: #1d2327;
	border-bottom: none;
}

.avg-call-for-price {
	color: #a3760f;
	font-weight: 600;
}

.avg-calculator {
	direction: rtl;
	text-align: right;
	max-width: 420px;
	background: #fafafa;
	border: 1px solid #e2e2e2;
	border-radius: 8px;
	padding: 16px;
}

.avg-calculator-title {
	margin: 0 0 10px;
}

.avg-calculator-mode {
	display: flex;
	gap: 16px;
	margin-bottom: 10px;
}

.avg-calculator-field {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

.avg-calculator-field label {
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 13px;
	flex: 1 1 120px;
}

.avg-calculator-field input,
.avg-calculator-field select {
	padding: 6px 8px;
}

.avg-calculator-result {
	margin-top: 14px;
}

.avg-calculator-error {
	margin-top: 10px;
	color: #c00;
}