/**
 * ManBaskets
 * Archive Comparison Table
 */


/* =========================================
   Wrapper
   ========================================= */

.mb-archive-comparison {
	width: 100%;
}


.mb-archive-comparison__table-wrap {
	width: 100%;
	overflow-x: auto;

	border: 1px solid #dedede;
	border-radius: 6px;

	background: #fff !important;

	-webkit-overflow-scrolling: touch;
}


/* =========================================
   Table
   ========================================= */

.mb-archive-comparison__table {
	width: 100%;

	margin: 0 !important;

	border: 0 !important;
	border-collapse: collapse !important;
	border-spacing: 0 !important;

	table-layout: fixed;

	background: #fff !important;

	color: #111;

	font-family: Inter;
	font-size: 14px;
	line-height: 1.3;
}


/* =========================================
   FORCE all rows white
   Override Elementor / WooCommerce
   ========================================= */

.mb-archive-comparison__table tr,
.mb-archive-comparison__table tbody tr,
.mb-archive-comparison__table tbody tr:nth-child(odd),
.mb-archive-comparison__table tbody tr:nth-child(even),
.mb-archive-comparison__table td,
.mb-archive-comparison__table th {
	background-color: #fff !important;
}


/* =========================================
   Borders
   ========================================= */

.mb-archive-comparison__table th,
.mb-archive-comparison__table td {
	border: 0 !important;
	border-right: 1px solid #e2e2e2 !important;
	border-bottom: 1px solid #e2e2e2 !important;
}


.mb-archive-comparison__table th:last-child,
.mb-archive-comparison__table td:last-child {
	border-right: 0 !important;
}


.mb-archive-comparison__table tbody tr:last-child td {
	border-bottom: 0 !important;
}


/* =========================================
   Columns
   ========================================= */

.mb-archive-comparison__table th:nth-child(1),
.mb-archive-comparison__table td:nth-child(1) {
	width: 22%;
}

.mb-archive-comparison__table th:nth-child(2),
.mb-archive-comparison__table td:nth-child(2) {
	width: 25%;
}

.mb-archive-comparison__table th:nth-child(3),
.mb-archive-comparison__table td:nth-child(3) {
	width: 27%;
}

.mb-archive-comparison__table th:nth-child(4),
.mb-archive-comparison__table td:nth-child(4) {
	width: 26%;
}


/* =========================================
   Header
   ========================================= */

.mb-archive-comparison__table th {
	padding: 5px 15px !important;

	color: #111 !important;

	font-size: 12px;
	font-weight: 600;

	text-align: left;

	white-space: nowrap;
}


/* =========================================
   Body
   ========================================= */

.mb-archive-comparison__table td {
	padding: 5px 15px !important;

	color: #111 !important;

	font-weight: 400;

	vertical-align: middle;

	white-space: nowrap;
}


/* =========================================
   Clickable row
   ========================================= */

.mb-archive-comparison__row {
	cursor: pointer;
}


.mb-archive-comparison__table
.mb-archive-comparison__row:hover td {
	background-color: #fafafa !important;
}


/* =========================================
   Size + Badge
   ========================================= */

.mb-comparison-size {
	font-weight: 600 !important;
}


.mb-comparison-size-wrap {
	display: flex;
	align-items: center;

	gap: 7px;

	white-space: nowrap;
}


.mb-comparison-product-link {
	color: #111 !important;

	font-weight: 600;

	text-decoration: none !important;
}


/* Badge */

.mb-comparison-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	padding: 3px 6px;

	border-radius: 3px;

	font-size: 9px;
	font-weight: 700;
	line-height: 1;

	letter-spacing: 0.2px;
}


/* Heavy Duty */

.mb-comparison-badge.is-hd {
	background: #111;
	color: #fff;

	border: 1px solid #111;
}


/* Standard */

.mb-comparison-badge.is-std {
	background: #fff;
	color: #111;

	border: 1px solid #aaa;
}


/* =========================================
   Capacity / Weight
   ========================================= */

.mb-comparison-capacity,
.mb-comparison-weight {
	font-weight: 400 !important;
}


/* =========================================
   Price
   ========================================= */

.mb-comparison-price {
	color: #111 !important;

	font-weight: 700 !important;
}


.mb-comparison-price
.woocommerce-Price-amount {
	color: #111 !important;

	font-weight: 700 !important;
}


/* Old / Regular sale price */

.mb-comparison-price del {
	display: inline-block;

	margin-right: 8px;

	color: #999 !important;

	font-size: 0.84em;
	font-weight: 400 !important;

	opacity: 1 !important;
}


.mb-comparison-price del
.woocommerce-Price-amount {
	color: #999 !important;

	font-weight: 400 !important;
}


/* Sale price */

.mb-comparison-price ins {
	color: #111 !important;

	font-weight: 700 !important;

	text-decoration: none !important;
}


.mb-comparison-price ins
.woocommerce-Price-amount {
	color: #111 !important;

	font-weight: 700 !important;
}


/* =========================================
   Responsive heading
   ========================================= */

.mb-comparison-heading-mobile {
	display: none;
}


/* =========================================
   Mobile
   ========================================= */

@media (max-width: 767px) {

	.mb-archive-comparison__table {
		font-size: 10px;
	}


	.mb-archive-comparison__table th {
		padding: 9px 5px !important;

		font-size: 8.5px;
	}


	.mb-archive-comparison__table td {
		padding: 10px 5px !important;
	}


	.mb-comparison-heading-desktop {
		display: none;
	}


	.mb-comparison-heading-mobile {
		display: inline;
	}


	.mb-comparison-badge {
		padding: 2px 4px;

		font-size: 7.5px;
	}


	.mb-comparison-size-wrap {
		gap: 4px;
	}


	.mb-archive-comparison__table th:nth-child(1),
	.mb-archive-comparison__table td:nth-child(1) {
		width: 23%;
	}


	.mb-archive-comparison__table th:nth-child(2),
	.mb-archive-comparison__table td:nth-child(2) {
		width: 24%;
	}


	.mb-archive-comparison__table th:nth-child(3),
	.mb-archive-comparison__table td:nth-child(3) {
		width: 24%;
	}


	.mb-archive-comparison__table th:nth-child(4),
	.mb-archive-comparison__table td:nth-child(4) {
		width: 29%;
	}

}