/* Add custom CSS styles below */ 
/* زر CTA في سلة */
button, .btn, .checkout-button {
    background-color: #C4A484 !important;   /* اللون الذهبي الفاخر */
    color: #ffffff !important;             /* لون الخط أبيض */
    font-size: 14px !important;            /* تكبير الخط */
    font-weight: bold !important;          /* خط عريض */
    border-radius: 10px !important;         /* حواف ناعمة */
    padding: 14px 28px !important;         /* مسافة داخلية */
    text-align: center !important;
    transition: all 0.3s ease-in-out;
}

/* تأثير عند المرور */
button:hover, .btn:hover, .checkout-button:hover {
    background-color: #000000 !important;   /* يتحول لأسود عند المرور */
    color: #C4A484 !important;              /* النص يصير ذهبي */
}
/* تنسيق أزرار + و - في سلة */
input[type="button"], 
button, 
.quantity button, 
.qty button {
    min-width: 32px !important;      /* عرض الزر */
    height: 32px !important;         /* ارتفاع الزر */
    padding: 0 !important;           /* إلغاء البادينغ الداخلي */
    font-size: 18px !important;      /* تكبير رمز + و - */
    line-height: 36px !important;    /* يجعل الرمز بالمنتصف عمودي */
    text-align: center !important;   /* محاذاة أفقي */
    border-radius: 8px !important;   /* حواف ناعمة */
}

/* الرقم في المنتصف */
.quantity input[type="number"],
.qty input[type="number"] {
    height: 42px !important;
    line-height: 42px !important;
    font-size: 26px !important;
    text-align: center !important;
}
/* ===== Fix breadcrumb colors (RTL / Salla) ===== */

/* الحاوية المحتملة للـ breadcrumb */
[aria-label="breadcrumb"],
nav.breadcrumb, .breadcrumb,
.breadcrumbs, .page-breadcrumb,
.c-breadcrumb, .o-breadcrumb,
.product-breadcrumb, .container-breadcrumb {
  --breadcrumb-color: #000 !important; /* لو القالب يستخدم متغيرات */
}

/* الروابط: خليها سوداء وبدون شفافية */
[aria-label="breadcrumb"] a,
nav.breadcrumb a, .breadcrumb a,
.breadcrumbs a, .page-breadcrumb a,
.c-breadcrumb a, .o-breadcrumb a,
.product-breadcrumb a {
  color: #000 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #000 !important; /* يتخطى بعض السمات */
  font-weight: 600 !important;
  text-decoration: none !important;
}
[aria-label="breadcrumb"] a:visited,
.breadcrumb a:visited { color: #000 !important; }
[aria-label="breadcrumb"] a:hover,
.breadcrumb a:hover { color: #C4A484 !important; }

/* الصفحة الحالية (آخر عنصر) بلون مميّز وواضح */
[aria-label="breadcrumb"] li:last-child,
.breadcrumb li.is-active, .breadcrumb li.active,
.breadcrumbs li.is-active, .breadcrumbs li:last-child {
  color: #C4A484 !important;   /* غيّرها لما تحب */
  opacity: 1 !important;
  font-weight: 700 !important;
}

/* لون علامة الفصل (السهم/الفاصل) */
.breadcrumb li::after, .breadcrumbs li::after,
.breadcrumb .separator, .breadcrumbs .separator {
  color: #9a9a9a !important;
  opacity: 1 !important;
}
.breadcrumb svg, .breadcrumbs svg { fill: #9a9a9a !important; opacity: 1 !important; }

/* ألغِ أي توريث يبهّت اللون */
.breadcrumb * { color: inherit !important; opacity: 1 !important; }