/* 条件で非表示にした行は、テーマ側の display 指定より優先して隠す。
   Welcart Basic 系テーマの `.item-info .item-option dd { display: block; }` が
   ブラウザ既定の `[hidden] { display: none }` を上書きしてしまうため。 */
.sgb-wop-option-disabled[hidden] {
	display: none !important;
}

.item-option > .sgb-wop-option-disabled {
	color: #5f6f7c;
}

.item-option > dt.sgb-wop-option-disabled::after {
	display: block;
	margin-top: 4px;
	color: #5f6f7c;
	font-size: 0.82em;
	font-weight: 400;
	content: attr(data-sgb-wop-disabled-hint);
}

.item-option > dd.sgb-wop-option-disabled {
	padding: 8px 10px;
	border: 1px dashed #9aa9b4;
	border-radius: 3px;
	background: #f3f6f8;
}

.item-option > dd.sgb-wop-option-disabled select:disabled,
.item-option > dd.sgb-wop-option-disabled input:disabled,
.item-option > dd.sgb-wop-option-disabled textarea:disabled {
	min-height: 36px;
	opacity: 1;
	border-color: #9aa9b4;
	background: #e8edf0;
	color: #52636f;
	cursor: not-allowed;
}

.sgb-wop-price-breakdown {
	display: block;
	margin-top: .35em;
	font-size: .9em;
	color: #555;
}