/* ======================================================================
   MODAL MINI KERANJANG (#modalMiniKeranjang) — Redesign Minimalis & Modern
   File ini dimuat di headv2.php (berlaku di semua halaman), tapi semua
   aturan di bawah di-scope ke #modalMiniKeranjang saja supaya tidak
   mempengaruhi modal lain di situs.
   ====================================================================== */
#modalMiniKeranjang .modal-content{
	border:none;
	border-radius:2px;
	box-shadow:0 8px 40px rgba(0,0,0,.16);
}

/* ---------- Header ---------- */
#modalMiniKeranjang .modal-header{
	border-bottom:1px solid #f0f0f0;
	padding:18px 22px;
}
#modalMiniKeranjang .modal-title{
	font-size:16px;
	font-weight:700;
	color:#111;
}
#modalMiniKeranjang .modal-title i{
	background:none !important;
	-webkit-text-fill-color:#111 !important;
	color:#111 !important;
}
#modalMiniKeranjang .close{
	color:#999;
	text-shadow:none;
	opacity:1;
}
#modalMiniKeranjang .close:hover{ color:#111; }

/* ---------- Body / daftar produk ---------- */
#modalMiniKeranjang .modal-body{
	padding:20px 22px;
}
#modalMiniKeranjang .minicart-item{
	align-items:flex-start;
}
#modalMiniKeranjang .minicart-item > .col-3 > div{
	border-radius:2px !important;
	background-color:#fafafa;
	border:1px solid #f0f0f0;
}
#modalMiniKeranjang .minicart-item a.font-medium{
	color:#111 !important;
	font-weight:600;
	font-size:13px !important;
	line-height:1.4;
}
#modalMiniKeranjang .minicart-variasi{
	border:1px solid #ddd !important;
	border-radius:2px !important;
	box-shadow:none !important;
	color:#111;
}
#modalMiniKeranjang hr{
	border-top:1px solid #f0f0f0;
	margin:14px 0;
}

/* ---------- Stepper jumlah ---------- */
#modalMiniKeranjang .minicart-qty-group{
	border:1px solid #eee;
	border-radius:2px;
	overflow:hidden;
}
#modalMiniKeranjang .minicart-qty-group .input-group-text{
	background:#fafafa !important;
	border:none !important;
	border-radius:0 !important;
}
#modalMiniKeranjang .minicart-qty-group .input-group-text i{
	color:#111 !important;
}
#modalMiniKeranjang .minicart-qty{
	border:none !important;
	box-shadow:none !important;
	font-size:13px;
}

/* ---------- Subtotal & hapus ---------- */
#modalMiniKeranjang .minicart-subtotal{
	color:#111 !important;
	font-weight:700;
}
#modalMiniKeranjang .minicart-item .btn-danger{
	background:#fff !important;
	color:#c0392b !important;
	border:1px solid #eee !important;
	border-radius:2px !important;
	box-shadow:none !important;
}
#modalMiniKeranjang .minicart-item .btn-danger:hover{
	background:#c0392b !important;
	color:#fff !important;
}

/* ---------- Keranjang kosong ---------- */
#modalMiniKeranjang #minicart-empty{
	color:#999;
}
#modalMiniKeranjang #minicart-empty i{
	color:#ddd;
}

/* ---------- Footer: Total & tombol ---------- */
#modalMiniKeranjang .modal-footer{
	border-top:1px solid #f0f0f0;
	padding:18px 22px 20px;
}
#modalMiniKeranjang .modal-footer b{ color:#111; }
#modalMiniKeranjang #minicart-total{
	color:#111 !important;
	font-size:16px;
	font-weight:700;
}
#modalMiniKeranjang .btn-block{
	border-radius:2px !important;
	font-size:12px !important;
	text-transform:uppercase;
	letter-spacing:.6px;
	font-weight:600 !important;
	padding:12px 16px !important;
	box-shadow:none !important;
	transition:opacity .2s ease;
}
#modalMiniKeranjang .btn-block:hover{ opacity:.85; }
#modalMiniKeranjang .btn-outline-primary{
	background:#fff !important;
	border:1px solid #111 !important;
	color:#111 !important;
}
#modalMiniKeranjang .btn-success{
	background:#111 !important;
	border:1px solid #111 !important;
	color:#fff !important;
}