:root {
	--sec-black: #1a1a1a;
	--sec-beige: #d6caba;
	--sec-warm: #f7f5f2;
	--sec-green: #17632c;
	--sec-stock-in-bg: #eef7f0;
	--sec-stock-in-text: #256b3a;
	--sec-stock-low-bg: #fff4e5;
	--sec-stock-low-text: #8a4b00;
	--sec-stock-due-bg: #eef2f7;
	--sec-stock-due-text: #2f4054;
	--sec-stock-lead-bg: #f3f4f6;
	--sec-stock-lead-text: #4b5563;
	--sec-stock-made-bg: #f3eff8;
	--sec-stock-made-text: #5b4b78;
}

.sec-availability {
	display: inline-flex;
	align-items: flex-start;
	gap: 8px;
	width: fit-content;
	max-width: 100%;
	min-height: 30px;
	margin: 7px 0;
	padding: 7px 11px;
	border-radius: 999px;
	background: var(--sec-stock-lead-bg);
	color: var(--sec-black);
	font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 13px;
	font-weight: 650;
	line-height: 1.25;
	box-sizing: border-box;
}

.sec-availability__dot {
	width: 8px;
	height: 8px;
	margin-top: .28em;
	border-radius: 50%;
	background: var(--sec-beige);
	flex: 0 0 8px;
}

.sec-availability__text {
	min-width: 0;
	overflow-wrap: anywhere;
}

.sec-availability--in {
	background: var(--sec-stock-in-bg) !important;
	color: var(--sec-stock-in-text) !important;
}

.sec-availability--in .sec-availability__dot {
	background: var(--sec-stock-in-text);
}

.sec-availability--low {
	background: var(--sec-stock-low-bg) !important;
	color: var(--sec-stock-low-text) !important;
}

.sec-availability--low .sec-availability__dot {
	background: #c46a00;
}

.sec-availability--due {
	background: var(--sec-stock-due-bg) !important;
	color: var(--sec-stock-due-text) !important;
}

.sec-availability--due .sec-availability__dot {
	background: var(--sec-stock-due-text);
}

.sec-availability--lead {
	background: var(--sec-stock-lead-bg) !important;
	color: var(--sec-stock-lead-text) !important;
}

.sec-availability--lead .sec-availability__dot {
	background: #6b7280;
}

.sec-availability--made {
	background: var(--sec-stock-made-bg) !important;
	color: var(--sec-stock-made-text) !important;
}

.sec-availability--made .sec-availability__dot {
	background: #7b61a8;
}

.woocommerce ul.products li.product .sec-availability,
.woocommerce-page ul.products li.product .sec-availability {
	min-height: 27px;
	margin: 5px 0 8px;
	padding: 5px 9px;
	font-size: 11px;
	white-space: normal;
}

.sec-price-availability-wrap {
	margin: 10px 0 16px;
}

.sec-availability-note {
	max-width: 680px;
	color: #716c66;
	font-size: .86em;
	line-height: 1.45;
}

.sec-order-acknowledgement {
	margin: 12px 0;
	padding: 12px 14px;
	border: 1px solid #ded6cc;
	border-radius: 7px;
	background: #fff;
	color: var(--sec-black);
	font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: .92em;
	line-height: 1.45;
}

.sec-order-acknowledgement label {
	display: flex !important;
	align-items: flex-start;
	gap: 9px;
	margin: 0 !important;
	line-height: 1.45;
}

.sec-order-acknowledgement label > span {
	font-weight: 400;
}

.sec-order-acknowledgement input[type="checkbox"] {
	width: 17px !important;
	height: 17px !important;
	min-width: 17px !important;
	margin: 3px 0 0 !important;
	flex: 0 0 17px;
}

.sec-order-acknowledgement .required {
	margin-left: 3px;
}

.sec-order-availability-summary {
	margin: 8px 0 0;
	padding-top: 8px;
	border-top: 1px solid #eee8e0;
}

.sec-order-availability-summary summary {
	cursor: pointer;
	color: #4f4a45;
	font-size: .9em;
	font-weight: 600;
}

.sec-order-availability-summary ul {
	margin: 7px 0 0;
	padding: 0;
	list-style: none;
}

.sec-order-availability-summary li {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 4px 0;
	border-bottom: 1px solid #f0ece7;
	font-size: .88em;
}

.sec-order-availability-summary li strong {
	text-align: right;
}

.sec-order-acknowledgement__reassurance {
	margin: 7px 0 0;
	color: #716c66;
	font-size: .82em;
	line-height: 1.4;
}

#trade_only_contract_field {
	display: none !important;
}

.sec-order-record {
	margin-top: 25px;
}

.sec-pdf-availability {
	margin-top: 3px;
	font-size: 9pt;
}

.sec-pdf-acknowledgement {
	margin-top: 12px;
	padding: 8px;
	border: 1px solid #aaa;
	font-size: 9pt;
}

@media (max-width: 640px) {
	.sec-order-availability-summary li {
		display: block;
	}

	.sec-order-availability-summary li strong {
		display: block;
		margin-top: 3px;
		text-align: left;
	}
}