/* Add custom CSS styles below */ 
html, body {
  background-color: #000000 !important;
  color: #ffffff !important;
}
.page-wrapper,
.page-content,
.section,
.container,
.s-block {
  background-color: transparent !important;
}
/* خلفية قسم الريفيوز */
.reviews-slider .review-card,
.reviews-section .review-card {
    background-color: #ffffff !important; /* الأبيض */
    color: #000000 !important; /* النص أسود */
}

/* خلفية السهم */
.reviews-slider .slick-arrow, 
.reviews-section .slick-arrow {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-radius: 50%;
}

/* تغيير لون كل الأرقام في السلة إلى الأزرق الأوكسبيني */
.cart-item *,
.cart-item-price,
.cart-item-total,
.cart-item-quantity input,
input[type="number"],
.qty-input,
.cart__summary *,
.cart-summary *,
.cart-totals *,
.price,
.money,
.total,
.subtotal,
.discount,
.order-total,
.summary-value,
.summary-title {
    color: #0A1C2B !important;
}

/* رقم الكمية + الحد */
.cart-item-quantity input {
    color: #0A1C2B !important;
    border-color: #0A1C2B !important;
    font-weight: bold !important;
}

/* أزرار + و - */
.qty-btn,
.quantity button,
.cart-item-quantity button {
    border-color: #0A1C2B !important;
    color: #0A1C2B !important;
}

/* عناوين الصندوق اليمين */
.cart-summary h3,
.cart-summary h4,
.cart-summary-title,
.cart-summary .title,
.summary-title {
    color: #0A1C2B !important;
}

/* قيم الإجمالي والخصم */
.cart-summary .value,
.cart-summary .amount,
.summary-value {
    color: #0A1C2B !important;
}
/* إجبار ظهور أرقام الصندوق اليمين في صفحة السلة */
div[class*="summary"] span,
div[class*="summary"] strong,
div[class*="summary"] b,
div[class*="summary"] p {
    color: #0A1C2B !important;   /* الأزرق الأوكسبيني */
}
/* 1) خلي كل النص في صفحة السلة بلون أزرق أوكسبين */
body[class*="cart"] * {
    color: #0A1C2B !important; /* الأزرق الأوكسبيني */
}

/* 2) رجّع لون نص الأزرار (مثل زر Submit order) إلى الأبيض */
body[class*="cart"] .btn,
body[class*="cart"] button,
body[class*="cart"] .btn-primary,
body[class*="cart"] .button,
body[class*="cart"] .button-primary {
    color: #ffffff !important;
}