/* Super Duper MHD Assistant -- frontend display.
   Dynamic values (colors, sizes, margins) come from CSS custom properties
   set inline from the plugin settings. */

.sdmhda-container {
	margin: var( --sdmhda-margin-top, 5px ) 0 var( --sdmhda-margin-bottom, 5px ) 0;
	padding: 0;
	clear: both;
}

.sdmhda-line {
	/* !important, damit Theme-Standardabstände für <p> die MHD-Zeilen nicht
	   auseinanderziehen (mehrere Chargen sollen kompakt untereinander stehen). */
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.35;
}

.sdmhda-label {
	margin-right: 5px;
	color: var( --sdmhda-label-color, #333333 );
	font-size: var( --sdmhda-label-size, 14px );
	font-weight: var( --sdmhda-label-weight, bold );
}

.sdmhda-value {
	color: var( --sdmhda-value-color, #666666 );
	font-size: var( --sdmhda-value-size, 14px );
	font-weight: var( --sdmhda-value-weight, normal );
}

.sdmhda-stock {
	margin-left: 4px;
	color: var( --sdmhda-stock-color, #666666 );
	font-size: var( --sdmhda-stock-size, 14px );
	font-weight: var( --sdmhda-stock-weight, normal );
}

.sdmhda-placeholder {
	margin: 0;
	padding: 0;
	font-style: italic;
	color: #999999;
}

.sdmhda-variation-spacer {
	clear: both;
}