/* MV Compra Mínima Pro — widget lateral (borde derecho, a media altura) */
:root{
	--mv-cm-color:#4f46e5;
	--mv-cm-ink:#1f2937;
	--mv-cm-bg:#ffffff;
	--mv-cm-muted:#6b7280;
	--mv-cm-line:#e5e7eb;
}

/* Contenedor que cubre el viewport pero no bloquea clics */
.mv-cm-widget{position:fixed;inset:0;z-index:99999;pointer-events:none;font-family:inherit;line-height:1.4;}
.mv-cm-widget.mv-cm-empty{display:none;}
.mv-cm-bubble,.mv-cm-panel{pointer-events:auto;}

/* Burbuja pegada al borde derecho, centrada verticalmente */
.mv-cm-bubble{position:fixed;top:50%;right:0;transform:translateY(-50%);
	display:flex;align-items:center;gap:10px;border:0;cursor:pointer;
	background:var(--mv-cm-color);border-radius:999px 0 0 999px;padding:12px 18px 12px 16px;
	box-shadow:0 8px 24px rgba(0,0,0,.22);transition:filter .2s ease, transform .15s ease;}
.mv-cm-bubble:hover{filter:brightness(.93);transform:translateY(-50%) translateX(-2px);}
/* Todo el texto de la burbuja en blanco (incluye el precio de WooCommerce) */
.mv-cm-bubble,.mv-cm-bubble *{color:#fff !important;}
.mv-cm-bubble-icon{font-size:20px;}
.mv-cm-bubble-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1;}
.mv-cm-bubble-label{font-size:10px;font-weight:600;opacity:.9;text-transform:uppercase;letter-spacing:.04em;}
.mv-cm-bubble-total{font-size:17px;font-weight:800;white-space:nowrap;}
.mv-cm-bubble-count{position:absolute;top:-7px;left:-7px;background:#ef4444;font-size:11px;
	min-width:20px;height:20px;border-radius:999px;display:flex;align-items:center;justify-content:center;
	padding:0 5px;font-weight:700;box-shadow:0 2px 6px rgba(0,0,0,.25);}
body.mv-cm-open .mv-cm-bubble{opacity:0;pointer-events:none;}

/* Panel: se abre desde el borde derecho, centrado verticalmente */
.mv-cm-panel{position:fixed;top:50%;right:16px;width:340px;max-width:calc(100vw - 24px);
	max-height:calc(100vh - 32px);display:flex;flex-direction:column;
	background:var(--mv-cm-bg);color:var(--mv-cm-ink);border-radius:16px;overflow:hidden;
	box-shadow:0 16px 48px rgba(0,0,0,.24);
	opacity:0;visibility:hidden;transform:translateY(-50%) translateX(24px);
	transition:opacity .18s ease, transform .18s ease, visibility .18s;}
body.mv-cm-open .mv-cm-panel{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0);}

.mv-cm-panel-head{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;
	padding:14px 16px;font-weight:700;border-bottom:1px solid var(--mv-cm-line);}
.mv-cm-close{border:0;background:none;font-size:24px;line-height:1;cursor:pointer;color:var(--mv-cm-muted);padding:0;}
.mv-cm-close:hover{color:var(--mv-cm-ink);}

.mv-cm-progress{flex:0 0 auto;height:6px;background:var(--mv-cm-line);}
.mv-cm-progress-bar{height:100%;background:var(--mv-cm-color);transition:width .35s ease;}

.mv-cm-status{flex:0 0 auto;padding:10px 16px;font-size:13px;color:#92400e;background:#fef9c3;}
.mv-cm-status.ok{background:#eef2ff;color:var(--mv-cm-color);font-weight:600;}

.mv-cm-items{flex:1 1 auto;list-style:none;margin:0;padding:6px 16px;overflow-y:auto;}
.mv-cm-item{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--mv-cm-line);}
.mv-cm-item:last-child{border-bottom:0;}
.mv-cm-item-thumb img{width:44px;height:44px;object-fit:cover;border-radius:8px;display:block;}
.mv-cm-item-name{flex:1;font-size:13px;}
.mv-cm-item-name em{color:var(--mv-cm-muted);font-style:normal;}
.mv-cm-item-price{font-size:13px;font-weight:700;white-space:nowrap;}

.mv-cm-foot{flex:0 0 auto;padding:14px 16px;border-top:1px solid var(--mv-cm-line);}
.mv-cm-foot-row{display:flex;justify-content:space-between;align-items:center;font-size:16px;margin-bottom:4px;}
.mv-cm-min-note{font-size:12px;color:var(--mv-cm-muted);margin-bottom:12px;}
.mv-cm-btn{display:block;width:100%;text-align:center;padding:13px;border-radius:10px;
	font-size:15px;font-weight:700;border:0;cursor:pointer;text-decoration:none;box-sizing:border-box;transition:filter .2s ease;}
.mv-cm-btn-go{background:var(--mv-cm-color);color:#fff;}
.mv-cm-btn-go:hover{filter:brightness(.93);}
.mv-cm-btn-off{background:var(--mv-cm-line);color:var(--mv-cm-muted);cursor:not-allowed;}

@media (max-width:480px){
	.mv-cm-bubble{padding:10px 14px 10px 12px;}
	.mv-cm-bubble-total{font-size:15px;}
}