/* ===== MLP Mini Cart Drawer (Shopify-style) ===== */

.mlp-mc-trigger{
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:4px;
  padding:5px 10px;
  cursor:pointer;
  font-weight:600;
  line-height:1;
}
.mlp-mc-trigger-text{ font-size:14px; }
.mlp-mc-count{
  min-width:22px;
  height:22px;
  border-radius:999px;
  background:#dd003f;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:400;
  padding:0 7px;
      position: absolute;
margin-left: 15px;
    margin-top: -30px;
}
button#mlp-mc-trigger:hover {
    background: #006c36;
}
.mini{
text-align:center;	
}
.mlp-mc-overlay{
  position: fixed;
  inset: 0;
  background: rgba(17,24,39,.55);
  z-index: 2147483646; /* very high */
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.mlp-mc-drawer{
  position:fixed;
  top:0;
  right:0;
  height:100vh;
  width:min(420px, 95vw);
  background:#fff;
    z-index: 2147483647; /* higher than overlay */

  display:flex;
  flex-direction:column;
  transform:translateX(100%);
  transition:transform .25s ease;
  box-shadow:-18px 0 55px rgba(17,24,39,.25);
}
.mlp-mc-drawer.is-open{ transform:translateX(0); }
.mlp-mc-drawer[hidden]{ display:none; }

.mlp-mc-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  padding:16px 16px 12px;
  border-bottom:1px solid #e5e7eb;
}
.mlp-mc-title{ font-size:16px; font-weight:800; color:#111827; }
.mlp-mc-sub{ font-size:12px; color:#6b7280; margin-top:2px; }
.mlp-mc-close{
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:10px;
  width:34px;
  height:34px;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}

.mlp-mc-notice{
  margin:12px 16px 0;
  padding:10px 12px;
  border-radius:12px;
  background:#fef2f2;
  color:#991b1b;
  font-size:13px;
  border:1px solid #fecaca;
}

.mlp-mc-body{
  flex:1;
  overflow:auto;
  padding:12px 16px;
}
.mlp-mc-loading{ color:#6b7280; padding:14px 0; }

.mlp-mc-item{
  display:flex;
  gap:12px;
  padding:12px 0;
  border-bottom:1px solid #f3f4f6;
}
.mlp-mc-thumb img{
  width:64px;
  height:64px;
  object-fit:cover;
  border-radius:12px;
  border:1px solid #e5e7eb;
}
.mlp-mc-info{ flex:1; min-width:0; }
.mlp-mc-title{
  font-size:14px;
  font-weight:700;
  color:#111827;
  margin-bottom:6px;
}
.mlp-mc-meta{
  display:flex;
  justify-content:space-between;
  gap:10px;
  font-size:12px;
  color:#6b7280;
  margin-bottom:10px;
}
.mlp-mc-line{ font-weight:700; color:#111827; }

.mlp-mc-qtyrow{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.mlp-mc-qtybtn{
  width:34px;
  height:34px;
  border-radius:10px;
  border:1px solid #e5e7eb;
  background:#fff;
  cursor:pointer;
  font-size:18px;
  line-height:1;
}
.mlp-mc-qty{
  width:64px;
  height:34px;
  border-radius:10px;
  border:1px solid #e5e7eb;
  padding:0 10px;
  font-weight:700;
}
.mlp-mc-remove{
  margin-left:auto;
  border:0;
  background:transparent;
  color:#6b7280;
  cursor:pointer;
  font-size:12px;
  text-decoration:underline;
}

.mlp-mc-foot{
  border-top:1px solid #e5e7eb;
  padding:14px 16px 16px;
  background:#fff;
}
.mlp-mc-subtotal{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:14px;
  margin-bottom:12px;
  color:#111827;
}
.mlp-mc-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:44px;
  border-radius:12px;
  font-weight:800;
  text-decoration:none;
}
.mlp-mc-btn-primary{
     background: #006c36;
  color:#fff;
  border:1px solid #006c36;
  margin-bottom:10px;
}
.mlp-mc-btn-primary:focus{
	 border:1px solid #006c36;
	 color:#000;
}
.mlp-mc-btn-ghost{
  background:#fff;
  color:#006c36;
  border:1px solid #e5e7eb;
}

.mlp-mc-empty{
  padding:18px 0;
  color:#6b7280;
  font-weight:600;
}

.mlp-mc-notice .woocommerce-error{
	background: none;
    color: #000;
    margin: 0;
}
.mlp-mc-notice .woocommerce-error::before{
	color: #000;
}

#mlp-mc-drawer button{
	padding:0;
}