/**
 * PCRED Chart Customizations
 * Version 1.0.11
 */

.investment-strategy-chart {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}

.investment-strategy-chart .pcredreit-original-year-label {
	opacity: 0 !important;
	pointer-events: none;
}

.investment-strategy-chart .pcredreit-year-label {
	fill: #000;
	font-family: Arial, sans-serif;
	font-size: 15px;
	font-weight: 700;
	pointer-events: none;
}

.investment-strategy-chart .pcredreit-cre-debt-value {
	fill: #000;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	pointer-events: none;
}

/*
 * !important is intentional here. Google Charts changes SVG stroke attributes
 * during hover. The class remains on the real bars, so this keeps the bright
 * gold outline visible before, during, and after interaction.
 */
.investment-strategy-chart .pcredreit-cre-debt-bar {
	stroke: #ffd400 !important;
	stroke-width: 4px !important;
	stroke-opacity: 1 !important;
	paint-order: fill stroke !important;
	vector-effect: non-scaling-stroke;
}

/*
 * Google Charts becomes too compressed on narrow screens. A minimum chart
 * width preserves readable bars, labels, and legend; the wrapper scrolls
 * horizontally instead of allowing the chart to collapse.
 */
@media (max-width: 767px) {
	.investment-strategy-chart .ays-chart-container-3 {
		min-width: 760px;
	}

	.investment-strategy-chart .pcredreit-year-label {
		font-size: 13px;
	}

	.investment-strategy-chart .pcredreit-cre-debt-value {
		font-size: 12px;
	}
}


.investment-strategy-chart .pcredreit-original-year-label {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}


/**
 * Mobile legend alignment safeguard.
 *
 * Do not resize individual native legend labels or swatches. The JavaScript
 * leaves Google's legend transform untouched below 768px, preventing the
 * first legend item from being shifted onto a separate row.
 */
@media (max-width: 767px) {
	.investment-strategy-chart .ays-chart-charts-main-container {
		min-width: 760px;
	}
}