/**
 * QAV Performance Display Styles
 *
 * Styles for the QAV portfolio performance shortcode display.
 * Designed to be similar to Divi's Number Counter module.
 */

/* Main container - centered block */
.qav-performance {
	text-align: center;
	margin: 20px auto;
	padding: 20px;
	max-width: 400px;
}

/* Main percentage - big bold number */
.qav-performance-main {
	font-size: 48px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 10px;
	color: #f0ca44;
}

/* Label text (Since date) */
.qav-performance-label {
	font-size: 16px;
	color: #f0f1d4;
	margin-bottom: 15px;
	line-height: 1.4;
}

/* Benchmark line */
.qav-performance-benchmark {
	font-size: 14px;
	color: #f0f1d4;
	margin-bottom: 15px;
	line-height: 1.4;
}

/* Disclaimer text - smaller */
.qav-performance-disclaimer {
	font-size: 12px;
	color: #f0f1d4;
	line-height: 1.5;
	margin-top: 10px;
	overflow-wrap: break-word;
	word-break: keep-all;
}

/* Ensure spans with white-space: nowrap don't break */
.qav-performance-disclaimer span[style*="white-space: nowrap"] {
	display: inline;
	white-space: nowrap !important;
}

/* Error message styling */
.qav-performance-error {
	text-align: center;
	padding: 20px;
	color: #666;
	font-size: 14px;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	border-radius: 4px;
	margin: 20px auto;
	max-width: 400px;
}