/* Add custom CSS styles below */ 
/*
 * Styles for main action buttons (e.g., "Add to Cart")
 */
button.s-button-element {
  background-color: #5A121F !important;
  border-color: #5A121F !important;
  color: #FDFBF7 !important; /* Directly set the text color to light */
}

/*
 * Styles for the "Show All" link buttons (e.g., "عرض الكل")
 */
a.btn.btn--outline-primary {
  background-color: #5A121F !important;
  border-color: #5A121F !important;
  color: #FDFBF7 !important; /* Directly set the text color to light */
}

/*
 * New rule for header icons (like the shopping cart)
 * We'll set the --color-primary variable on the icon's parent to make the icon light.
 * This overrides the global --color-primary specifically for this scope.
 */
span.s-button-text { /* This is the parent of the icon (UID 790) */
  --color-primary: #FDFBF7 !important; /* Redefine the variable to white within this scope */
}

/* You might need to add other similar selectors for other header icon parents if they exist,
   or if the icon itself has a class that makes it unique across all icons. */
/* Example for other icons if they are also using --color-primary in similar ways:
.some-other-icon-parent {
    --color-primary: #FDFBF7 !important;
}
*/