@import '../../../skins/horizontal/order/styles.css';

/**
 * @version 17.01.2024
 *
 * horizontal/order/styles.css
 *
 * Skin "horizontal"
 *
 * HDG_21
 */

.ym-form#orderStep1 .ym-fbox label.read-only,
.ym-form#orderStep1 .ym-fbox div.read-only {
	line-height: 1.2em;
	padding-right: 1em;
}

.ym-form#orderStep1 #fieldset-deliveryAddress .ym-fbox-check.isFirmOnly {
	display: none !important; /* 19.07.2023 HDG_21: M-addresses uses only "1. Line" and "2. Line" */
}

.ym-form#orderStep1 #fieldset-deliveryAddress .ym-fbox-select.salutation {

}

.ui-widget-content .ui-selectmenu-button.ui-button.ui-state-disabled .ui-selectmenu-text {
	color: #333333;
}

/**** Sub form "Delivery Address ****/
/* 19.07.2023 HDG_21: M-addresses uses only "1. Line" and "2. Line"
$_fn_onlyFirmDataController is still active, because its checkbox is just hidden, but still exists.
It does set the class "required" for the label for="deliveryAddress-name"
and removes the class "required" from the label for="deliveryAddress-firm".
*/
/* Force this field to look like "requred" */
.ym-form label[for="deliveryAddress-firm"] {
	font-weight: 600;
}
.ym-form label[for="deliveryAddress-firm"]::after {
	content: ' *';
}

/* Force this field to look like regular field */
.ym-form label.required[for="deliveryAddress-name"] {
	font-weight: 400;
}
.ym-form label.required[for="deliveryAddress-name"]::after {
	content: '';
}

/* 17.02.2024 HDG_21 special case because
  the translation of the label is long,
  and it takes 2 lines.
  The error message in the usual case stays too low.
  That's why we need this customizing.
*/
input#deliveryAddress-firm ~ .ym-error {
	width: auto;
	float: left;
}
input#deliveryAddress-firm ~ .ym-error > p {
	margin-left: 0;
}