/* Mix and Match — load after Canabik/WooCommerce so these win.
 * Reason: MnM uses Woo's .products/.product markup; theme + woocommerce-layout
 * float products into shop columns and beat wc-mnm-frontend.css in cascade order.
 */

.calibud-mnm-sampler-hint {
	margin: 0 0 1rem;
	font-size: 0.95em;
	line-height: 1.5em;
}

.single-product form.mnm_form .mnm_message {
	margin-bottom: 1rem;
}

.single-product ul.msg.mnm_message_content {
    padding: 0;
}

/* --- List / tabular layout ------------------------------------------- */

.woocommerce div.product form.mnm_form.layout_tabular,
.woocommerce-page div.product form.mnm_form.layout_tabular {
	width: 100%;
	clear: both;
}

.woocommerce div.product form.mnm_form.layout_tabular table,
.woocommerce-page div.product form.mnm_form.layout_tabular table {
	width: 100%;
	border-collapse: collapse;
	table-layout: auto;
}

.woocommerce div.product form.mnm_form.layout_tabular table .child-item,
.woocommerce-page div.product form.mnm_form.layout_tabular table .child-item {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	clear: none;
}

.woocommerce div.product form.mnm_form.layout_tabular table .product-thumbnail,
.woocommerce-page div.product form.mnm_form.layout_tabular table .product-thumbnail {
	width: 90px;
	vertical-align: middle;
	padding-right: 15px;
}

.woocommerce div.product form.mnm_form.layout_tabular table .product-thumbnail img,
.woocommerce-page div.product form.mnm_form.layout_tabular table .product-thumbnail img {
	width: 90px;
	height: 90px;
	max-width: 90px;
	object-fit: cover;
	padding-top: 10px;
}

.woocommerce div.product form.mnm_form.layout_tabular table .woocommerce-loop-product__title,
.woocommerce-page div.product form.mnm_form.layout_tabular table .woocommerce-loop-product__title {
	font-size: 1em;
	margin: 0 0 0.5em;
	line-height: 1;
	float: none;
}

.woocommerce div.product form.mnm_form.layout_tabular table .product-quantity,
.woocommerce-page div.product form.mnm_form.layout_tabular table .product-quantity {
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
}

/* Theme quantity chrome inside MnM rows */
.woocommerce div.product form.mnm_form .product-quantity .quantity,
.woocommerce-page div.product form.mnm_form .product-quantity .quantity {
	display: flex !important;
	float: none !important;
	width: max-content !important;
	max-width: none !important;
	margin: 0 !important;
}

.woocommerce div.product form.mnm_form .product-quantity .quantity .qty,
.woocommerce-page div.product form.mnm_form .product-quantity .quantity .qty {
	width: 3em !important;
	min-width: 3em;
	float: none !important;
}

/* --- Grid fallback: undo Woo column floats if layout is still grid --- */

.woocommerce div.product form.mnm_form.layout_grid ul.products,
.woocommerce-page div.product form.mnm_form.layout_grid ul.products {
	display: flex !important;
	flex-wrap: wrap;
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
	clear: both;
}

.woocommerce div.product form.mnm_form.layout_grid ul.products::before,
.woocommerce div.product form.mnm_form.layout_grid ul.products::after,
.woocommerce-page div.product form.mnm_form.layout_grid ul.products::before,
.woocommerce-page div.product form.mnm_form.layout_grid ul.products::after {
	display: none !important;
	content: none !important;
}

.woocommerce div.product form.mnm_form.layout_grid ul.products li.product,
.woocommerce-page div.product form.mnm_form.layout_grid ul.products li.product {
	float: none !important;
	clear: none !important;
	width: calc(33.333% - 1rem) !important;
	margin: 0 1rem 1.5rem 0 !important;
	padding: 0 !important;
}

@media (max-width: 768px) {
	.woocommerce div.product form.mnm_form.layout_grid ul.products li.product,
	.woocommerce-page div.product form.mnm_form.layout_grid ul.products li.product {
		width: 100% !important;
		margin-right: 0 !important;
	}
}

.woocommerce div.product form.cart {
    padding-top: 0;
}

.woocommerce table.shop_table thead th {
    border-bottom: 1px solid #d9d9d9;
}

.mnm_form.has-center-aligned-quantity .child-item dl.variation {
    justify-content: start;
	margin-bottom: 5px;
}
.woocommerce div.product p.stock {
    margin: 0;
	font-size: .8em;
}

.woocommerce table.shop_table .mnm_item td {
	padding: 0.5rem 0;
}
.woocommerce table.shop_table tbody tr.mnm_item:first-child td{
padding-top: 20px;
}
.mnm_form .child-item dl.variation {
	line-height: 1;
}

.mnm_form .child-item dl.variation dd {
    margin-left: 5px;
}
.woocommerce div.product form.cart .button.mnm_reset {
    margin-bottom: 10px !important;
    margin-top: 10px;
}