/* MX Websites - Rewards Feature Uppercase Styles
 * This CSS file is intended to be hosted externally and applied via the
 * CustomCssLink system (customCssUrl merchant property).
 * It controls text uppercasing for the rewards carousel feature.
 */

/* Reward Card - "View Details" Button */
[data-testid="reward-card-button"] span,
/* Challenge Card - "View Details" Button */
[data-testid="challenge-card-button"] span,
/* Rewards Carousel - "Get Free Reward" Button */
[data-testid="get-reward-button"] span,
/* QR Code Modal - Member ID Value */
[data-testid="member-id-value"],
/* Eligible Menu Modal - Category Tabs */
[data-testid="category-tab"],
/* Reward Detail Modal - Action Buttons */
[data-testid="reward-order-online-btn"] span,
[data-testid="reward-scan-in-restaurant-btn"] span,
/* Challenge Detail Modal - Action Buttons */
[data-testid="challenge-order-online-btn"] span,
[data-testid="challenge-scan-in-restaurant-btn"] span,
/* View Details link on rewards page cards */
[data-testid="reward-view-details-link"] span,
/* View Details link on challenge page cards */
[data-testid="challenge-view-details-link"] span,
/* Challenge Detail Modal - See Reward Button (completed challenges) */
[data-testid="challenge-see-reward-btn"] span,
/* Loyalty Education Modal - Sign In Button */
[data-testid="loyalty-education-modal-branded-sign-in"] span,
/* Loyalty Education Modal - Sign Up Button */
[data-testid="loyalty-education-modal-branded-sign-up"] span {
  text-transform: uppercase !important;
}

body {
  font-variation-settings: 'wdth' 50, 'wght' 700;
}

/* Footer link theming customization. */
[data-testid="Privacy"] a,
[data-testid="PrivacyChoices"] button,
[data-testid="Terms"] a {
  color: #F8F4E2;
  text-decoration: underline;
}

/* Schedule toggle theming customization. */
[data-testid="schedule-banner-wrapper"],
[data-testid="address-edit-icon-button"] {
  background-color: #FFFEFB !important;
}