/* Mini cart (woocommerce/cart/mini-cart.php): same item card as the checkout Order Summary. */
.woocommerce-mini-cart .woocommerce-mini-cart-item.mini_cart_item {
	position: relative;
	padding: 14px 0 !important; /* beats WooCommerce's .widget_shopping_cart .cart_list li padding-left: 2em (items with no vehicle) */
	border-bottom: 1px solid #e5e7eb;
}

.woocommerce-mini-cart .bwo-mini-item { 
    gap: 14px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    column-gap: 14px;
    row-gap: 6px;
    padding: 0;
    align-items: start;
}

/* Values below mirror the checkout Order Summary (checkout-v4.css loads on checkout only). */
.woocommerce-mini-cart .product-thumbnail img {
    width: 80px !important;
    height: 80px !important;
    min-width: 80px;
    object-fit: contain;
    margin: 0 !important;
    padding: 6px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: #F7F7F7;
    position: relative !important;
    transform: inherit !important;
}

.woocommerce-mini-cart .bwo-mini-item__details {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 10px;
	row-gap: 3px;
	font-size: 12px;
	margin: 0;
	padding: 0 !important;
	line-height: 1.45;
}

.woocommerce-mini-cart .product-details > * { flex: 1 1 100%; margin: 0; }

.woocommerce-mini-cart .cart-item__name a,
.woocommerce-mini-cart .cart-item__name {
	font-family: 'Outfit';
	font-size: 15px;
	font-weight: 500 !important;
	color: #171717;
	text-decoration: none;
}

.woocommerce-mini-cart .bwo-mini-item__details dl.variation,
.woocommerce-mini-cart .bwo-mini-item__details dl.variation dd,
.woocommerce-mini-cart .bwo-mini-item__details dl.variation dt,
.woocommerce-mini-cart .bwo-mini-item__details dl.variation p {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 14px;
	line-height: 1.6;
	color: #555;
}

.woocommerce-mini-cart .bwo-mini-item__details .variation-list,
.woocommerce-mini-cart .bwo-mini-item__details .variation-list > *,
.woocommerce-mini-cart .bwo-mini-item__details .variation-list p {
	display: inline;
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: #555;
}

.woocommerce-mini-cart .bwo-mini-item__details .variation-list { display: block; }
.woocommerce-mini-cart .bwo-mini-item__details .variation-list span { font-weight: 500; color: #212529; }

.woocommerce-mini-cart .bwo-mini-item__total { 
    position: absolute;
    top: 8px;
	text-align: right;
    right: 8px;
}

.woocommerce-mini-cart .bwo-mini-item__total .woocommerce-Price-amount {
	font-family: 'Outfit';
	font-size: 16px;
	font-weight: 500 !important;
}

/* Quantity stepper, stock and Remove on one row (checkout Order Summary look). */
.woocommerce-mini-cart .bwo-mini-item__row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 4px 0;
	flex-wrap:wrap;
	
}

.woocommerce-mini-cart .bwo-mini-qty {
	display: inline-flex;
	align-items: stretch;
	width: 100px;
	height: 30px;
	border: 1px solid #ddd;
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
}

.woocommerce-mini-cart .bwo-mini-qty__btn {
    flex: 1 1 0;
    padding: 0;
    border: 0;
    background: none;
    color: #1a1a1a;
    font-size: 19px;
    line-height: 1;
    cursor: pointer;
    font-family: 'Outfit';
    font-weight: 400;
}
.woocommerce-mini-cart .bwo-mini-qty__btn:disabled {
    cursor: not-allowed;
    opacity: .45;
}

.woocommerce-mini-cart .bwo-mini-qty__input {
	width: 36px !important;
	min-width: 36px;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-left: 1px solid #ddd !important;
	border-right: 1px solid #ddd !important;
	border-radius: 0 !important;
	text-align: center;
	font-size: 13px;
	-moz-appearance: textfield;
}

/* No browser focus outline after +/- (same as the product page and checkout quantity). */
.woocommerce-mini-cart .bwo-mini-qty__input:focus {
	outline: 0;
	box-shadow: none;
}

.woocommerce-mini-cart .bwo-mini-qty__input::-webkit-inner-spin-button,
.woocommerce-mini-cart .bwo-mini-qty__input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* WooCommerce styles a.remove as a round "x"; here it is trash + "Remove", as on checkout. */
.woocommerce-mini-cart .woocommerce-mini-cart-item a.remove.bwo-mini-remove {
    position: relative!important;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    width: auto;
    height: auto;
    margin-left: auto;
    border: 0;
    border-radius: 0;
    background: none;
    color: #364153 !important;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    top: 0 !important;
    font-weight: 500;
    font-family: 'Outfit';
    opacity: 1;
}
.woocommerce-mini-cart .woocommerce-mini-cart-item a.remove.bwo-mini-remove::before {
	content: "";
	width: 20px;
	height: 20px;
	background: currentColor;
	position: relative;
	-webkit-mask: url("../images/trash.svg") center no-repeat;
	mask: url("../images/trash.svg") center no-repeat;
}

.woocommerce-mini-cart .woocommerce-mini-cart-item a.remove.bwo-mini-remove:hover {
	background: none;
	color: #d01010 !important;
}

.woocommerce-mini-cart .bwo-co-each,
.woocommerce-mini-cart .bwo-co-each .woocommerce-Price-amount {
	margin-top: 0px;
	font-size: 12px;
	font-weight: 400;
	color: #364153;
}
.bwo-mini-item .variation {
    gap: 0;
    margin: 0 !IMPORTANT;
}
/* While the quantity request runs. */
.woocommerce-mini-cart .mini_cart_item.is-updating {
	opacity: .5;
	pointer-events: none;
}

/* Shared pieces: same values as the checkout Order Summary (checkout-v4.css, designer's latest). */
.woocommerce-mini-cart .bwo-co-item-head { display: flex; align-items: center; gap: 8px; margin:0 !important; flex-wrap: wrap; }
.woocommerce-mini-cart img.bwo-co-brand-logo {
    width: auto !important;
    height: 24px !important;
    max-width: 130px;
    border: 0;
    padding: 0;
    margin: 0;
    position: relative !important;
    position: relative;
    transform: inherit !important;
}
.woocommerce-mini-cart__buttons buttons a.button.checkout.wc-forward {
    text-decoration: none;
    margin-top: 0 !important;
}
.woocommerce-mini-cart .bwo-co-item-head .discontinued { font-size: 10px; gap: 4px; color: #8a8d94; }
.woocommerce-mini-cart .bwo-co-fits { font-size: 12px; font-weight: 500; color: #2e7d32; }
.woocommerce-mini-cart .bwo-co-stock { color: #d01010; font-size: 12px; }
.woocommerce-mini-cart .bwo-co-eta { margin-bottom: 5px; font-size: 12px; font-weight: 500; color: #364153; }
.woocommerce-mini-cart .bwo-co-chips { display: flex; flex-wrap: wrap; gap: 6px; width: 100%; margin: 0; }
.woocommerce-mini-cart .bwo-co-chip { display: inline-block; padding: 2px 8px; border: 1px solid; border-radius: 4px; font-size: 11px; line-height: 1.5; white-space: nowrap; }
.woocommerce-mini-cart .bwo-co-chip--installer { color: #1e40af; background: #eef4ff; border-color: #c7d7fe; }
.woocommerce-mini-cart .bwo-co-chip--member    { color: #c2410c; background: #fff4e5; border-color: #fed7aa; }
.woocommerce-mini-cart .bwo-co-chip--bundle    { color: #047857; background: #e6f6f0; border-color: #a7e3cc; }
.woocommerce-mini-cart .bwo-co-chip--sale      { color: #d01010; background: #feecec; border-color: #f9c2c2; }
.woocommerce-mini-cart .bwo-co-rebate { margin-top: 5px; font-size: 13px; font-style: italic; color: #364153; }

/* Staggered set: front + rear read as one block. */
.woocommerce-mini-cart .bwo-pair--front { border-bottom: 0 !important; padding-bottom: 6px !important; }
.woocommerce-mini-cart .bwo-pair--rear { padding-top: 10px !important; border-top: 1px solid #e6e6ea; }
.woocommerce-mini-cart .bwo-pair-head { font-size: 13px; font-weight: 600; color: #1a1a1a; }
.woocommerce-mini-cart .bwo-pair-head span { display: block; font-weight: 400; color: #5a5c62; }
.woocommerce-mini-cart .bwo-pair-tag { display: inline-block; padding: 2px 8px; font-size: 11px; font-weight: 600; letter-spacing: .04em; color: #212529; background: #f7f7f7; border-radius: 4px; }
/* Hidden on checkout too (designer, checkout-v4.css). */
.woocommerce-mini-cart .bwo-pair-subtotal { display: none; }

/* Staggered pair / bundle wrapper (bwo_cart_display_groups()): head + its items in one box. */
.woocommerce-mini-cart li.bwo-cart-group { padding: 0 !important; margin: 0 0 12px !important; min-height: 0 !important; border: 0 !important; list-style: none; }
.woocommerce-mini-cart .bwo-cart-group__box { border: 1px solid #e6e6ea; border-radius: 8px; overflow: hidden; }
.woocommerce-mini-cart .bwo-cart-group__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 14px; background: #ffeded; font-size: 12px; color: #364153; text-align: left; }
.woocommerce-mini-cart span.bwo-cart-group__fits { font-size: 12px; font-weight: 500; }
/* Items inside a box: checkout's 10px 8px cell padding. */
.woocommerce-mini-cart .bwo-cart-group__items > .mini_cart_item {
    padding: 12px 8px !important;
}
.woocommerce-mini-cart .bwo-cart-group__items > .mini_cart_item:last-child { border-bottom: 0; }
.woocommerce-mini-cart .bwo-cart-group__badge { padding: 2px 10px; border: 1px solid #d01010; border-radius: 999px; font-size: 12px; color: #d01010; }
.woocommerce-mini-cart .bwo-cart-group__items { list-style: none; margin: 0; padding: 0; }

/* Staggered set: Front / Rear label above the product image (as on checkout). */
.woocommerce-mini-cart .bwo-mini-item__image .bwo-pair-tag { display: block; margin-bottom: 6px; padding: 3px 0; text-align: center; font-size: 12px; font-weight: 500; letter-spacing: 0; }
.woocommerce-mini-cart .bwo-co-chip.badge-rebate { border-color: #e1e5e5; } /* product card badge colours (.badge-rebate, style.css) */

/* Cart line whose add-time fit check failed (bwo_cart_group_head_html). */
.woocommerce-mini-cart span.bwo-cart-group__fits.is-no-fit { color: #d01010; font-weight: 500; }


@media screen and (max-width: 460px)
{
	.woocommerce-mini-cart .woocommerce-mini-cart-item a.remove.bwo-mini-remove
	{
		    margin-left: inherit !important;
	}
	.woocommerce-mini-cart .cart-item__name{
		max-width: 66%;
	}
	.woocommerce-mini-cart .bwo-co-item-head {
		flex-wrap: wrap;
		max-width: 66%;
	}
	.woocommerce-mini-cart .product-thumbnail img {
		width: 60px !important;
		height: 60px !important;
		min-width: 60px !important; 
	}
	.fc-wrapper tr.bwo-pair .product-name { 
		column-gap: 8px !important; 
	}
}