@import '../../../skins/mobile/articles/styles.css';

/**
 * @version 2026-06-17
 *
 * Skin "mobile"
 *
 * HDG_3
 */

 /**** details view ****/

/* icon standing right from the button "add to shopcart" */
#add-to-shopcart > div.form .order-lists.tooltip-title {
	background: url('../img/icons/order-lists.png');
}


/**** section.positionsText.inputs ****/
/* section.positionsText.inputs {

} */

/*** section.positionsText.inputs > article ***/
section.positionsText.inputs > article {
	margin-top: 8px;
	display: grid;
	grid-template-areas:
	"label label"
	"input input"
	"limit used"
	;

	--left-padding: 0px;
	--info-font-size: 12px;
}

section.positionsText.inputs > article > label {
	grid-area: label;
	padding-left: var(--left-padding);
}

section.positionsText.inputs > article > label::after {
	content: ' *';
}

section.positionsText.inputs > article > input[type="text"] {
	grid-area: input;
	width: 100%;
}

/* section.positionsText.inputs > article.invalid input[type="text"] { */
	/*border: 1px solid #dd042b;*/
/* } */

section.positionsText.inputs > article > .limit {
	grid-area: limit;
	padding: 2px 0 0 var(--left-padding);
	font-size: var(--info-font-size);
}

section.positionsText.inputs > article.invalid.reason-maxCountSymbols > .limit {
	color: var(--theme-color-dark);
}

section.positionsText.inputs > article.invalid.reason-maxCountSymbols > .limit > .count {
	font-weight: 600;
}


section.positionsText.inputs > article > .used {
	grid-area: used;
	padding: 2px var(--left-padding) 0 0;
	text-align: right;

	font-size: var(--info-font-size);
}

section.positionsText.inputs > article > .used > .count {
	font-weight: 600;
}

section.positionsText.inputs > article.valid > .used > .count {
	font-weight: 600;
	color: #0d3579;
}

section.positionsText.inputs > article > .used > .maxCountSymbols {
	display: none;
}

section.positionsText.inputs > article.invalid.reason-maxCountSymbols > .used > .maxCountSymbols {
	display: inline;
}

section.positionsText.inputs > article > .used.invalid {
	color: #dd042b;
}