/* =========================================================
   Side cart drawer — Renix brand colors
   ========================================================= */

:root {
	--rr-cart-accent: #c62828;
	--rr-cart-accent-hover: #a81f1f;
	--rr-cart-header: #6b0f1a;
	--rr-cart-text: #1a1a1a;
	--rr-cart-muted: #6b6b6b;
	--rr-cart-line: #e8e8e8;
	--rr-cart-soft: #f5f5f5;
}

.cart-widget-side {
	background: #fff !important;
	box-shadow: -12px 0 40px rgba(0, 0, 0, 0.12) !important;
}

.cart-widget-side .widget-heading {
	background: var(--rr-cart-header) !important;
	border-bottom: 0 !important;
	padding: 18px 22px !important;
}

.cart-widget-side .widget-heading .widget-title {
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	margin: 0 !important;
}

.cart-widget-side .widget-heading .widget-close {
	color: rgba(255, 255, 255, 0.85) !important;
	font-size: 12px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em;
}

.cart-widget-side .widget-heading .widget-close:hover {
	color: #fff !important;
}

.cart-widget-side .widget-heading .widget-close::after,
.cart-widget-side .widget-heading .widget-close::before {
	background: #fff !important;
}

/* Mini cart content */
.cart-widget-side .widget_shopping_cart,
.cart-widget-side .widget_shopping_cart_content {
	color: var(--rr-cart-text);
}

.cart-widget-side .widget_shopping_cart .product_list_widget li {
	border-bottom: 1px solid var(--rr-cart-line) !important;
	padding: 14px 0 !important;
}

.cart-widget-side .widget_shopping_cart .product_list_widget li > a {
	color: var(--rr-cart-text) !important;
	font-weight: 600 !important;
}

.cart-widget-side .widget_shopping_cart .product_list_widget li > a:hover {
	color: var(--rr-cart-accent) !important;
}

.cart-widget-side .widget_shopping_cart .product_list_widget li .remove {
	color: var(--rr-cart-muted) !important;
}

.cart-widget-side .widget_shopping_cart .product_list_widget li .remove:hover {
	color: var(--rr-cart-accent) !important;
}

/* Prices: red instead of teal */
.cart-widget-side .widget_shopping_cart .product_list_widget li span.quantity .amount,
.cart-widget-side .widget_shopping_cart .total .amount,
.cart-widget-side .woocommerce-Price-amount,
.cart-widget-side .amount {
	color: var(--rr-cart-accent) !important;
}

.cart-widget-side .widget_shopping_cart .total {
	border-top: 1px solid var(--rr-cart-line) !important;
	padding-top: 16px !important;
	margin-top: 8px !important;
}

.cart-widget-side .widget_shopping_cart .total strong {
	color: var(--rr-cart-text) !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-size: 13px;
}

.cart-widget-side .widget_shopping_cart .empty {
	color: var(--rr-cart-muted) !important;
}

/* Buttons */
.cart-widget-side .widget_shopping_cart .buttons {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 16px !important;
}

.cart-widget-side .widget_shopping_cart .buttons a,
.cart-widget-side .widget_shopping_cart .buttons .button {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	margin: 0 !important;
	padding: 14px 18px !important;
	border-radius: 6px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	text-align: center;
	box-shadow: none !important;
	line-height: 1.2 !important;
}

/* View cart — soft grey */
.cart-widget-side .widget_shopping_cart .buttons a:not(.checkout),
.cart-widget-side .widget_shopping_cart .buttons .wc-forward:not(.checkout) {
	background: var(--rr-cart-soft) !important;
	border: 1px solid var(--rr-cart-line) !important;
	color: var(--rr-cart-text) !important;
}

.cart-widget-side .widget_shopping_cart .buttons a:not(.checkout):hover,
.cart-widget-side .widget_shopping_cart .buttons .wc-forward:not(.checkout):hover {
	background: #ebebeb !important;
	color: var(--rr-cart-text) !important;
}

/* Checkout — brand red */
.cart-widget-side .widget_shopping_cart .buttons .checkout,
.cart-widget-side .widget_shopping_cart .buttons a.checkout {
	background: var(--rr-cart-accent) !important;
	border: 1px solid var(--rr-cart-accent) !important;
	color: #fff !important;
}

.cart-widget-side .widget_shopping_cart .buttons .checkout:hover,
.cart-widget-side .widget_shopping_cart .buttons .checkout:focus,
.cart-widget-side .widget_shopping_cart .buttons a.checkout:hover,
.cart-widget-side .widget_shopping_cart .buttons a.checkout:focus {
	background: var(--rr-cart-accent-hover) !important;
	border-color: var(--rr-cart-accent-hover) !important;
	color: #fff !important;
}

.cart-widget-side .widget_shopping_cart .buttons .checkout.btn-style-bordered {
	background: transparent !important;
	color: var(--rr-cart-accent) !important;
	border-color: var(--rr-cart-accent) !important;
}

.cart-widget-side .widget_shopping_cart .buttons .checkout.btn-style-bordered:hover {
	background: var(--rr-cart-accent) !important;
	color: #fff !important;
}

/* Also restyle login side panel if present (same Basel chrome) */
.login-form-side .widget-heading {
	background: var(--rr-cart-header) !important;
}

.login-form-side .widget-heading .widget-title,
.login-form-side .widget-heading .widget-close {
	color: #fff !important;
}

/*
 * WhatsApp (qlwapp) sits bottom-right by default and overlaps the cart drawer
 * when a product is added on mobile. Keep cart on the right; move WA to left.
 */
@media (max-width: 991px) {
	.qlwapp__container.qlwapp__container--bottom-right,
	.qlwapp__container.qlwapp__container--middle-right {
		left: 0 !important;
		right: auto !important;
	}

	.qlwapp__container.qlwapp__container--bottom-right .qlwapp__button,
	.qlwapp__container.qlwapp__container--middle-right .qlwapp__button {
		margin-left: 12px !important;
		margin-right: 0 !important;
	}

	.qlwapp__container.qlwapp__container--bottom-right .qlwapp__button--bubble .qlwapp__text,
	.qlwapp__container.qlwapp__container--middle-right .qlwapp__button--bubble .qlwapp__text {
		right: auto !important;
		left: var(--qlwapp-scheme-icon-size) !important;
	}

	.qlwapp__container.qlwapp__container--bottom-right .qlwapp__modal::before,
	.qlwapp__container.qlwapp__container--middle-right .qlwapp__modal::before {
		right: auto !important;
		left: 20px !important;
	}

	/* While the side cart is open, keep WhatsApp out of the way */
	body.basel-cart-opened .qlwapp__container {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: opacity 0.2s ease, visibility 0.2s ease;
	}
}