/* ================================================= */
/*   VELAR CART DRAWER — تصميم جديد كامل               */
/* ================================================= */

:root{
  --vcd-dark:#111827;
  --vcd-muted:#6b7280;
  --vcd-border:rgba(17,24,39,.10);
  --vcd-blue:#0a58ff;
  --vcd-radius:10px;
}

/* الحاوية */
[data-cart="panel"]{
  max-width:420px !important;
}

[data-cart="panel-inner"]{
  background:#fff !important;
  box-shadow:-8px 0 30px rgba(17,24,39,.08) !important;
}

/* ================================================= */
/*   الهيدر                                            */
/* ================================================= */

[data-cart="header"]{
  padding-bottom:18px !important;
  border-bottom:1px solid var(--vcd-border) !important;
  margin-bottom:4px !important;
}

[data-cart="title"]{
  font-family:"Cairo",system-ui,sans-serif !important;
  font-size:17px !important;
  font-weight:700 !important;
  color:var(--vcd-dark) !important;
}

[data-cart="close-button"]{
  background:#f5f5f5 !important;
  border-radius:50% !important;
  padding:8px !important;
  transition:background .15s ease !important;
}

[data-cart="close-button"]:hover{
  background:#e5e5e5 !important;
}

[data-cart="close-button"] svg{
  width:16px !important;
  height:16px !important;
  color:var(--vcd-dark) !important;
}

/* ================================================= */
/*   عناصر المنتجات                                    */
/* ================================================= */

[data-cart="items-list"]{
  border-color:var(--vcd-border) !important;
}

li.cart-item[data-cart="item"]{
  padding:20px 0 !important;
  gap:14px;
}

[data-cart="item-image-wrapper"]{
  width:80px !important;
  height:80px !important;
  border-radius:var(--vcd-radius) !important;
  border:1px solid var(--vcd-border) !important;
}

[data-cart="item-header"]{
  align-items:flex-start !important;
}

[data-cart="item-name"]{
  font-family:"Cairo",system-ui,sans-serif !important;
  font-size:13.5px !important;
  font-weight:700 !important;
  color:var(--vcd-dark) !important;
  line-height:1.5 !important;
}

[data-cart="item-price"]{
  font-family:"Cairo",system-ui,sans-serif !important;
  font-size:13.5px !important;
  font-weight:700 !important;
  color:var(--vcd-dark) !important;
}

[data-cart="item-total"]{
  font-family:"Cairo",system-ui,sans-serif !important;
  font-size:12px !important;
  font-weight:500 !important;
  color:var(--vcd-muted) !important;
}

/* عداد الكمية */
[data-cart="item-quantity-counter"]{
  border:1px solid var(--vcd-border) !important;
  border-radius:8px !important;
  overflow:hidden;
  width:fit-content;
}

[data-cart="item-increase"],
[data-cart="item-decrease"]{
  border:none !important;
  border-radius:0 !important;
  background:#fff !important;
  padding:7px 10px !important;
  transition:background .15s ease !important;
}

[data-cart="item-increase"]:hover,
[data-cart="item-decrease"]:hover{
  background:#f5f5f5 !important;
}

[data-cart="item-quantity"]{
  font-family:"Cairo",system-ui,sans-serif !important;
  font-size:13px !important;
  font-weight:600 !important;
  color:var(--vcd-dark) !important;
}

[data-cart="item-remove"]{
  margin-inline-start:14px !important;
}

[data-cart="item-remove"] svg{
  width:17px !important;
  height:17px !important;
  color:#dc2626 !important;
  opacity:.75;
  transition:opacity .15s ease;
}

[data-cart="item-remove"]:hover svg{
  opacity:1;
}

/* ================================================= */
/*   الفوتر — الإجمالي وزرار إتمام الطلب               */
/* ================================================= */

[data-cart="footer"]{
  border-top:1px solid var(--vcd-border) !important;
  background:#fafbfc !important;
}

[data-invoice="invoice"]{
  border-top:none !important;
  padding-top:0 !important;
}

[data-invoice="invoice-subtotal"] dt{
  font-family:"Cairo",system-ui,sans-serif !important;
  font-size:13.5px !important;
  font-weight:500 !important;
  color:var(--vcd-muted) !important;
}

[data-invoice="invoice-subtotal-value"]{
  font-family:"Cairo",system-ui,sans-serif !important;
  font-size:17px !important;
  font-weight:800 !important;
  color:var(--vcd-dark) !important;
}

/* زرار إتمام الطلب — أسود موحّد */
[data-cart="checkout-wrapper"] button{
  background:var(--vcd-dark) !important;
  border:none !important;
  border-radius:999px !important;
  font-family:"Cairo",system-ui,sans-serif !important;
  font-weight:700 !important;
  font-size:14.5px !important;
  padding:14px !important;
  box-shadow:none !important;
  transition:background .15s ease, transform .15s ease !important;
}

[data-cart="checkout-wrapper"] button:hover{
  background:#000000 !important;
  transform:translateY(-1px);
}

/* رابط متابعة التسوق */
[data-cart="continue-wrapper"] p{
  font-family:"Cairo",system-ui,sans-serif !important;
  font-size:13px !important;
  color:var(--vcd-muted) !important;
}

[data-cart="continue-shopping"]{
  color:var(--vcd-blue) !important;
  font-family:"Cairo",system-ui,sans-serif !important;
  font-weight:700 !important;
  text-decoration:none !important;
  text-underline-offset:3px;
}

@media (max-width:480px){
  [data-cart="panel"]{
    max-width:100% !important;
  }
}