/* RTD Trader Hub Companion v1.1: scoped to B2BKing Cream/Indigo order forms only. */

/* ---- Keep the Cream table stable after adding Unit Net/Gross columns ---- */
.b2bking_bulkorder_form_container_cream .b2bking_bulkorder_form_container_top_cream,
.b2bking_bulkorder_form_container_cream .b2bking_bulkorder_form_container_content_line_cream {
	box-sizing: border-box;
	width: 100%;
	align-items: center;
}

.b2bking_bulkorder_form_container_cream .b2bking_bulkorder_form_container_top_cream {
	display: flex !important;
	gap: 0;
}

.b2bking_bulkorder_form_container_cream .b2bking_bulkorder_form_container_content_line_cream {
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 0;
	min-height: 66px;
}

/* Product column */
.b2bking_bulkorder_form_container_cream .b2bking_bulkorder_form_container_content_header_product_cream,
.b2bking_bulkorder_form_container_cream .b2bking_bulkorder_cream_product_container {
	width: 35% !important;
	flex: 0 0 35% !important;
	min-width: 0 !important;
	box-sizing: border-box;
}

.b2bking_bulkorder_form_container_cream .b2bking_bulkorder_indigo_name.b2bking_bulkorder_cream_name {
	min-width: 0 !important;
	overflow: hidden !important;
	text-overflow: ellipsis;
}

/* RTD custom price columns */
.b2bking_bulkorder_form_container_cream .rtdth-price-heading,
.b2bking_bulkorder_form_container_cream .rtdth-price-cell {
	box-sizing: border-box;
	width: 10% !important;
	flex: 0 0 10% !important;
	min-width: 0 !important;
	padding: 0 5px;
	font-size: 12px;
	line-height: 1.2;
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	-webkit-font-smoothing: antialiased;
}

.b2bking_bulkorder_form_container_cream .rtdth-price-heading {
	font-weight: 600;
	color: rgba(0, 0, 0, 0.5) !important;
}

.b2bking_bulkorder_form_container_cream .rtdth-price-cell {
	font-weight: 500;
	color: #393939 !important;
}

.b2bking_bulkorder_form_container_cream .rtdth-price-cell .amount {
	font-weight: 500 !important;
	color: #393939 !important;
}

/* Qty column */
.b2bking_bulkorder_form_container_cream .b2bking_bulkorder_form_container_content_header_qty_cream,
.b2bking_bulkorder_form_container_cream .b2bking_cream_input_group {
	width: 14% !important;
	flex: 0 0 14% !important;
	box-sizing: border-box;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Subtotal column */
.b2bking_bulkorder_form_container_cream .b2bking_bulkorder_form_container_content_header_subtotal_cream,
.b2bking_bulkorder_form_container_cream .b2bking_bulkorder_form_container_content_line_subtotal_cream {
	width: 13% !important;
	flex: 0 0 13% !important;
	box-sizing: border-box;
	text-align: right !important;
	padding: 0 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Cart column */
.b2bking_bulkorder_form_container_cream .b2bking_bulkorder_form_container_content_header_cart_cream,
.b2bking_bulkorder_form_container_cream .b2bking_bulkorder_form_container_content_line_cart_cream {
	width: 15% !important;
	flex: 0 0 15% !important;
	box-sizing: border-box;
	left: 0 !important;
	padding-left: 4px !important;
	padding-right: 4px !important;
	text-align: center !important;
}

.b2bking_bulkorder_form_container_cream button.b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add {
	max-width: 130px !important;
	font-size: 13px !important;
	padding-left: 6px !important;
	padding-right: 6px !important;
}

/* Multiselect checkbox column */
.b2bking_bulkorder_form_container_cream .b2bking_bulkorder_form_container_content_header_multiselect_cream,
.b2bking_bulkorder_form_container_cream .b2bking_bulkorder_form_container_content_multiselect_cream {
	width: 3% !important;
	flex: 0 0 3% !important;
	box-sizing: border-box;
}

/* Variable parent/view-options rows use the same stable grid. */
.b2bking_bulkorder_form_container_cream .b2bking_bulkorder_form_container_content_line_cream_view_options .b2bking_cream_input_group {
	width: 14% !important;
	flex: 0 0 14% !important;
}

/* If SKU or stock columns are enabled, make everything tighter rather than wrapping. */
.b2bking_bulkorder_form_container_cream.b2bking_has_extra_column .b2bking_bulkorder_form_container_content_header_product_cream,
.b2bking_bulkorder_form_container_cream.b2bking_has_extra_column .b2bking_bulkorder_cream_product_container {
	width: 27% !important;
	flex-basis: 27% !important;
}
.b2bking_bulkorder_form_container_cream.b2bking_has_extra_column .b2bking_bulkorder_form_container_content_header_cream_sku,
.b2bking_bulkorder_form_container_cream.b2bking_has_extra_column .b2bking_bulkorder_cream_sku {
	width: 8% !important;
	flex: 0 0 8% !important;
	font-size: 12px !important;
}
.b2bking_bulkorder_form_container_cream.b2bking_has_extra_column .b2bking_bulkorder_form_container_content_header_cream_stock,
.b2bking_bulkorder_form_container_cream.b2bking_has_extra_column .b2bking_bulkorder_cream_stock {
	width: 9% !important;
	flex: 0 0 9% !important;
	font-size: 12px !important;
}
.b2bking_bulkorder_form_container_cream.b2bking_has_extra_column .rtdth-price-heading,
.b2bking_bulkorder_form_container_cream.b2bking_has_extra_column .rtdth-price-cell {
	width: 8% !important;
	flex-basis: 8% !important;
}

/* Last-resort safety: allow horizontal scroll instead of overlapping the page. */
.b2bking_bulkorder_form_container_cream .b2bking_bulkorder_form_cream_main_container_content {
	overflow-x: auto;
}

/* ---- Per page selector ---- */
.rtdth-per-page-wrap {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	background: #fff;
	border-bottom: 1px solid #e8e8e8;
	font-size: 13px;
	color: #393939;
}

.rtdth-per-page-wrap label {
	margin: 0;
	font-weight: 500;
}

.rtdth-per-page-select {
	min-width: 86px;
	max-width: 110px;
	height: 32px;
	padding: 2px 8px;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 4px;
	background: #fff;
	font-size: 13px;
}

/* ---- Larger image preview. The RTD B2BKing fork sets CSS variables inline. ---- */
.b2bking_bulkorder_indigo_product_container,
.b2bking_bulkorder_cream_product_container {
	position: relative;
}

.b2bking_bulkorder_indigo_product_container .b2bking_image_preview,
.b2bking_bulkorder_cream_product_container .b2bking_image_preview {
	width: var(--b2bking-preview-width, 600px) !important;
	height: var(--b2bking-preview-height, 600px) !important;
	max-width: min(600px, 70vw) !important;
	max-height: min(600px, 70vh) !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #fff !important;
	box-shadow: 0 18px 50px rgba(0,0,0,.35) !important;
	border: 1px solid rgba(0,0,0,.12) !important;
	border-radius: 3px !important;
	z-index: 999999 !important;
	pointer-events: none !important;
}

.b2bking_bulkorder_filters_list_sortby li.rtdth-sku-sort-option {
	cursor: pointer;
}

@media (max-width: 900px) {
	.b2bking_bulkorder_form_container_cream .rtdth-price-heading,
	.b2bking_bulkorder_form_container_cream .rtdth-price-cell {
		font-size: 11px;
		padding: 0 3px;
	}
	.b2bking_bulkorder_form_container_cream button.b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add {
		font-size: 12px !important;
	}
}

/* RTD Trader Hub Companion v1.3: product weight column + stable 7-column grid. */
.b2bking_bulkorder_form_container_cream .rtdth-weight-heading,
.b2bking_bulkorder_form_container_cream .rtdth-weight-cell {
	box-sizing: border-box;
	width: 8% !important;
	flex: 0 0 8% !important;
	min-width: 54px !important;
	padding: 0 5px !important;
	font-size: 12px !important;
	line-height: 1.25 !important;
	text-align: center !important;
	white-space: nowrap !important;
	color: #5d5d5d;
}

/* Override earlier v1.2 widths so Product + Net/Gross + Weight + Qty + Subtotal + Cart + checkbox fit. */
.b2bking_bulkorder_form_container_cream .b2bking_bulkorder_form_container_content_header_product_cream,
.b2bking_bulkorder_form_container_cream .b2bking_bulkorder_cream_product_container {
	width: 31% !important;
	flex: 0 0 31% !important;
}
.b2bking_bulkorder_form_container_cream .rtdth-price-heading,
.b2bking_bulkorder_form_container_cream .rtdth-price-cell {
	width: 8% !important;
	flex: 0 0 8% !important;
	min-width: 54px !important;
}
.b2bking_bulkorder_form_container_cream .b2bking_bulkorder_form_container_content_header_qty_cream,
.b2bking_bulkorder_form_container_cream .b2bking_cream_input_group,
.b2bking_bulkorder_form_container_cream .b2bking_bulkorder_form_container_content_line_qty_cream {
	width: 13% !important;
	flex: 0 0 13% !important;
}
.b2bking_bulkorder_form_container_cream .b2bking_bulkorder_form_container_content_header_subtotal_cream:not(.b2bking_bulkorder_form_container_content_header_cart_cream),
.b2bking_bulkorder_form_container_cream .b2bking_bulkorder_form_container_content_line_subtotal_cream {
	width: 14% !important;
	flex: 0 0 14% !important;
}
.b2bking_bulkorder_form_container_cream .b2bking_bulkorder_form_container_content_header_cart_cream,
.b2bking_bulkorder_form_container_cream .b2bking_bulkorder_form_container_content_line_cart_cream {
	width: 15% !important;
	flex: 0 0 15% !important;
}
.b2bking_bulkorder_form_container_cream .b2bking_bulkorder_form_container_content_header_multiselect_cream,
.b2bking_bulkorder_form_container_cream .b2bking_bulkorder_form_container_content_multiselect_cream {
	width: 2% !important;
	flex: 0 0 2% !important;
}

/* If B2BKing SKU/stock columns are also enabled, tighten everything instead of wrapping. */
.b2bking_bulkorder_form_container_cream.b2bking_has_extra_column .b2bking_bulkorder_form_container_content_header_product_cream,
.b2bking_bulkorder_form_container_cream.b2bking_has_extra_column .b2bking_bulkorder_cream_product_container {
	width: 24% !important;
	flex-basis: 24% !important;
}
.b2bking_bulkorder_form_container_cream.b2bking_has_extra_column .b2bking_bulkorder_form_container_content_header_cream_sku,
.b2bking_bulkorder_form_container_cream.b2bking_has_extra_column .b2bking_bulkorder_cream_sku {
	width: 7% !important;
	flex: 0 0 7% !important;
	font-size: 12px !important;
}
.b2bking_bulkorder_form_container_cream.b2bking_has_extra_column .b2bking_bulkorder_form_container_content_header_cream_stock,
.b2bking_bulkorder_form_container_cream.b2bking_has_extra_column .b2bking_bulkorder_cream_stock {
	width: 8% !important;
	flex: 0 0 8% !important;
	font-size: 12px !important;
}
.b2bking_bulkorder_form_container_cream.b2bking_has_extra_column .rtdth-price-heading,
.b2bking_bulkorder_form_container_cream.b2bking_has_extra_column .rtdth-price-cell,
.b2bking_bulkorder_form_container_cream.b2bking_has_extra_column .rtdth-weight-heading,
.b2bking_bulkorder_form_container_cream.b2bking_has_extra_column .rtdth-weight-cell {
	width: 7% !important;
	flex-basis: 7% !important;
}
.b2bking_bulkorder_form_container_cream.b2bking_has_extra_column .b2bking_bulkorder_form_container_content_header_qty_cream,
.b2bking_bulkorder_form_container_cream.b2bking_has_extra_column .b2bking_cream_input_group,
.b2bking_bulkorder_form_container_cream.b2bking_has_extra_column .b2bking_bulkorder_form_container_content_line_qty_cream {
	width: 11% !important;
	flex-basis: 11% !important;
}
.b2bking_bulkorder_form_container_cream.b2bking_has_extra_column .b2bking_bulkorder_form_container_content_header_subtotal_cream:not(.b2bking_bulkorder_form_container_content_header_cart_cream),
.b2bking_bulkorder_form_container_cream.b2bking_has_extra_column .b2bking_bulkorder_form_container_content_line_subtotal_cream {
	width: 12% !important;
	flex-basis: 12% !important;
}
.b2bking_bulkorder_form_container_cream.b2bking_has_extra_column .b2bking_bulkorder_form_container_content_header_cart_cream,
.b2bking_bulkorder_form_container_cream.b2bking_has_extra_column .b2bking_bulkorder_form_container_content_line_cart_cream {
	width: 12% !important;
	flex-basis: 12% !important;
}

.rtdth-cart-weight {
	display: inline-block;
	margin-left: 6px;
	font-size: 12px;
	opacity: .75;
	white-space: nowrap;
}
.rtdth-cart-weight strong {
	font-weight: 600;
}