/* ==========================================================
   Mini-Cart Drawer
   Targets WooCommerce's native Cart Blocks markup
   ========================================================== */

/* Drawer panel itself */
.wc-block-mini-cart__drawer .wc-block-components-drawer__content {
	padding: 12px;
}

/* Title row: "Your basket (items: N)" */
.wc-block-mini-cart__title {
	gap: 8px;
	font-size: 1.4rem;
	border-bottom: 1px solid var(--shs-colour-border-light);
}

.wp-block-woocommerce-mini-cart-title-items-counter-block {
	font-size: 0.95rem;
	font-weight: 500;
	color: var(--shs-colour-subtle);
}

.wc-block-mini-cart__empty-cart-wrapper p {
	font-size: 1.2rem;
}

/* Footer Padding */
.wc-block-components-totals-item__description {
	margin-bottom: 16px;
}

/* Item Table Structure */
.wc-block-cart-items__row {
	display: flex;
	gap: 16px;
	padding: 16px 0;
	border-bottom: 1px solid var(--shs-colour-border-light);
}

/* Item Table Image */
.wc-block-cart-item__image img {
	width: 72px;
	height: 72px;
	object-fit: contain;
	border: 1px solid var(--shs-colour-border-light);
	border-radius: var(--shs-radius-md);
	padding: 6px;
	box-sizing: border-box;
}

/* Product Data */
.wc-block-components-product-name {
	color: var(--shs-colour-heading) !important;
	text-decoration: none !important;
}

.wc-block-cart-item__prices .price {
	color: var(--shs-colour-primary-dark);
	font-weight: 600;
	font-size: 0.95rem;
}

.wc-block-components-product-metadata {
	color: var(--shs-colour-subtle);
}

.wc-block-components-product-badge {
	text-transform: uppercase;
	border-radius: var(--shs-radius-pill);
	padding: 3px 10px;
}

.wc-block-components-sale-badge {
	background: var(--shs-colour-sale);
	color: var(--shs-colour-white);
}

/* Quantity selector */
.wc-block-cart-item__quantity {
	margin-top: 10px;
}

.wc-block-components-quantity-selector {
	border-radius: var(--shs-radius-pill);
	overflow: hidden;
	height: 32px;
}

.wc-block-components-quantity-selector__button {
	width: 32px;
	height: 32px;
}

.wc-block-components-quantity-selector__button:hover {
	background: var(--shs-colour-primary-soft);
	color: var(--shs-colour-primary-dark);
}

.wc-block-components-quantity-selector__button:focus,
.wc-block-components-quantity-selector__button:active,
.wc-block-components-quantity-selector__button:focus-visible {
	outline: none !important;
	box-shadow: none !important;
	border: none !important;
	background: transparent;
}

/* Bin Icon */
.wc-block-cart-item__remove-link {
	color: var(--shs-colour-subtle) !important;
	transition: color var(--shs-transition-standard);
}

.wc-block-cart-item__remove-link:hover {
	color: var(--shs-colour-error) !important;
}

/* Total Price */
.wc-block-cart-item__total .price {
	font-weight: 700;
	color: var(--shs-colour-heading);
}

/* Override WooCommerce absolute coordinates on the button wrapper */
.wc-block-components-drawer__close-wrapper[class][class] {
	position: absolute !important;
	top: 30px !important;    /* Increase this value to push the button lower */
	right: 16px !important;  /* Controls right gutter spacing */
}

.wc-block-components-drawer__close {
	width: 90px !important;
	height: 30px !important;
	border-radius: var(--shs-radius-pill) !important;
	border: 1px solid var(--shs-colour-border-light) !important;
	color: var(--shs-colour-heading) !important;
	transition: border-color var(--shs-transition-standard), background-color var(--shs-transition-standard);
}

/* FIXED: This forces the hover background to win even during an active focus state */
.wc-block-components-drawer__close:hover,
.wc-block-components-drawer__close[class]:hover,
.wc-block-components-drawer__close:focus:hover {
	border-color: var(--shs-colour-primary) !important;
	background: var(--shs-colour-primary-soft) !important;
	background-color: var(--shs-colour-primary-soft) !important;
	color: var(--shs-colour-heading) !important;
}

.wc-block-components-drawer__close svg {
	height: 20px;
}

.wc-block-components-drawer__close:focus,
.wc-block-components-drawer__close:active,
.wc-block-components-drawer__close:focus-visible,
.wc-block-components-drawer__close *:focus {
	outline: none !important;
	outline-color: transparent !important;
	box-shadow: none !important;

	background-color: transparent !important;
	background: transparent !important;
	color: var(--shs-colour-heading) !important;
}


/* Triggers on all screens smaller than a tablet (767px and below) */
@media (max-width:568px) {
	.wp-block-woocommerce-mini-cart-title-items-counter-block {
		display: none !important; 
	}
}