/* =========================================================
   SS DECO - PRE-CARRITO LAYOUT FIX 4.0b
   Basado en el DOM real de Blocksy.
   ========================================================= */

/* ---------------------------------------------------------
   1. PANEL: aproximadamente 20% mas ancho
   --------------------------------------------------------- */
html[data-ss-theme] .ct-cart-content {
	width: min(360px, calc(100vw - 24px)) !important;
	max-width: min(360px, calc(100vw - 24px)) !important;
	min-width: min(360px, calc(100vw - 24px)) !important;
}

/* ---------------------------------------------------------
   2. ITEM REAL DEL MINI-CART
   La imagen NO esta dentro del enlace del titulo.
   Es hermana de .product-data, por eso el fix anterior no actuaba.
   --------------------------------------------------------- */
html[data-ss-theme] .ct-cart-content
.woocommerce-mini-cart-item.mini_cart_item {
	position: relative !important;

	display: grid !important;
	grid-template-columns: 84px minmax(0, 1fr) 28px !important;
	column-gap: 12px !important;
	row-gap: 0 !important;
	align-items: start !important;

	min-height: 104px !important;
	padding: 14px 12px !important;
	margin: 0 !important;

	border-bottom: 1px solid var(--ss-buy-line, rgba(20,20,22,.14)) !important;
}

/* ---------------------------------------------------------
   3. IMAGEN
   --------------------------------------------------------- */
html[data-ss-theme] .ct-cart-content
.woocommerce-mini-cart-item.mini_cart_item
> img.ss-commerce-full-image,

html[data-ss-theme] .ct-cart-content
.woocommerce-mini-cart-item.mini_cart_item
> img.ss-precart-original-image,

html[data-ss-theme] .ct-cart-content
.woocommerce-mini-cart-item.mini_cart_item
> img.wp-post-image {
	grid-column: 1 !important;
	grid-row: 1 !important;

	display: block !important;
	position: static !important;

	width: 84px !important;
	height: 84px !important;
	min-width: 84px !important;
	min-height: 84px !important;
	max-width: 84px !important;
	max-height: 84px !important;

	margin: 0 !important;
	padding: 0 !important;

	object-fit: contain !important;
	object-position: center center !important;

	float: none !important;
	transform: none !important;
	translate: none !important;
	scale: none !important;
	clip-path: none !important;
	mask: none !important;

	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	z-index: auto !important;
}

html[data-ss-theme="light"] .ct-cart-content
.woocommerce-mini-cart-item.mini_cart_item > img {
	background: #fff !important;
}

html[data-ss-theme="dark"] .ct-cart-content
.woocommerce-mini-cart-item.mini_cart_item > img {
	background: #1D1D20 !important;
}

/* ---------------------------------------------------------
   4. PRODUCT-DATA
   --------------------------------------------------------- */
html[data-ss-theme] .ct-cart-content
.woocommerce-mini-cart-item.mini_cart_item
> .product-data {
	grid-column: 2 !important;
	grid-row: 1 !important;

	display: block !important;
	min-width: 0 !important;
	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}

/* Titulo */
html[data-ss-theme] .ct-cart-content
.woocommerce-mini-cart-item.mini_cart_item
> .product-data > .product-title {
	display: block !important;
	width: 100% !important;
	margin: 0 0 5px !important;
	padding: 0 !important;

	color: var(--ss-buy-text, var(--ss-text, #141416)) !important;
	font-weight: 600 !important;
	line-height: 1.28 !important;

	overflow-wrap: anywhere !important;
	word-break: normal !important;
}

/* ---------------------------------------------------------
   5. VARIACIONES Y CANTIDAD
   Anulamos los margin-left viejos porque ahora el grid manda.
   --------------------------------------------------------- */
html[data-ss-theme] .ct-cart-content
.woocommerce-mini-cart-item.mini_cart_item
> .product-data .variation,

html[data-ss-theme] .ct-cart-content
.woocommerce-mini-cart-item.mini_cart_item
> .product-data .quantity {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

html[data-ss-theme] .ct-cart-content
.woocommerce-mini-cart-item.mini_cart_item
> .product-data .variation {
	margin-top: 4px !important;
	margin-bottom: 5px !important;

	font-size: 11px !important;
	line-height: 1.35 !important;
	color: var(--ss-buy-soft, #68646a) !important;
}

html[data-ss-theme] .ct-cart-content
.woocommerce-mini-cart-item.mini_cart_item
> .product-data .quantity {
	display: block !important;
	margin-top: 5px !important;

	font-size: 11px !important;
	line-height: 1.3 !important;
	color: var(--ss-buy-soft, #68646a) !important;
}

/* ---------------------------------------------------------
   6. PAPELERA
   --------------------------------------------------------- */
html[data-ss-theme] .ct-cart-content
.woocommerce-mini-cart-item.mini_cart_item
> a.remove.remove_from_cart_button {
	grid-column: 3 !important;
	grid-row: 1 !important;
	align-self: start !important;
	justify-self: end !important;

	position: static !important;

	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: 28px !important;
	height: 28px !important;
	margin: 0 !important;
	padding: 0 !important;

	color: var(--ss-buy-accent, #744052) !important;
	background: transparent !important;
	border: 0 !important;
}

/* ---------------------------------------------------------
   7. SUBTOTAL Y BOTONES
   --------------------------------------------------------- */
html[data-ss-theme] .ct-cart-content
.woocommerce-mini-cart__total.total {
	margin: 0 !important;
	padding: 14px 16px !important;
}

html[data-ss-theme] .ct-cart-content
.woocommerce-mini-cart__buttons.buttons {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 10px !important;

	margin: 0 !important;
	padding: 14px 16px 16px !important;
}

/* ---------------------------------------------------------
   8. MOBILE
   --------------------------------------------------------- */
@media (max-width: 420px) {
	html[data-ss-theme] .ct-cart-content {
		width: calc(100vw - 20px) !important;
		max-width: calc(100vw - 20px) !important;
		min-width: 0 !important;
	}

	html[data-ss-theme] .ct-cart-content
	.woocommerce-mini-cart-item.mini_cart_item {
		grid-template-columns: 72px minmax(0, 1fr) 26px !important;
		column-gap: 10px !important;
		min-height: 94px !important;
		padding: 12px 10px !important;
	}

	html[data-ss-theme] .ct-cart-content
	.woocommerce-mini-cart-item.mini_cart_item
	> img.ss-commerce-full-image,

	html[data-ss-theme] .ct-cart-content
	.woocommerce-mini-cart-item.mini_cart_item
	> img.ss-precart-original-image,

	html[data-ss-theme] .ct-cart-content
	.woocommerce-mini-cart-item.mini_cart_item
	> img.wp-post-image {
		width: 72px !important;
		height: 72px !important;
		min-width: 72px !important;
		min-height: 72px !important;
		max-width: 72px !important;
		max-height: 72px !important;
	}
}