.fabric-length-widget {
	width: 100%;
	margin-bottom: 16px;
	direction: rtl;
	text-align: right;
}

.fabric-length-title {
	margin: 0 0 10px;
	font-size: var(--bscontent, 0.95rem);
	font-weight: var(--normal-weight, 400);
	color: var(--content, #29303a);
}

.fabric-length-fields {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	width: 100%;
}

.fabric-length-input {
	width: 50%;
	height: 44px;
	padding: 8px 12px;
	border: 1px solid var(--border-color, #e6e7e8);
	border-radius: var(--light-radius, 6px);
	background-color: var(--white, #fff);
	color: var(--content, #29303a);
	font-size: var(--bcontent, 0.9rem);
	text-align: center;
	box-shadow: none;
}

.fabric-length-input::placeholder {
	color: var(--ultralight-content, #B3BAC5);
	font-size: var(--bcaption, 0.8rem);
}

.fabric-length-input:focus {
	outline: none;
	border-color: var(--primary, #38C7BE);
}

.fabric-length-calc {
	margin: 10px 0 0;
	font-size: var(--bcaption, 0.8rem);
	color: var(--light-content, #5E6C84);
	line-height: 1.8;
}

.fabric-length-calc .fabric-length-num {
	color: var(--secondry, #FF6694);
	font-weight: var(--semibold-weight, 450);
}

.woocommerce-cart .fabric-length-qty,
.woocommerce-checkout .fabric-length-qty {
	display: inline-block;
	font-size: var(--bcaption, 0.8rem);
	color: var(--content, #29303a);
}

.woocommerce-cart .variation-مقدار,
.woocommerce-checkout .variation-مقدار,
.woocommerce-order .variation-مقدار {
	font-size: var(--bcaption, 0.8rem);
}