:root {
    /* Backgrounds */
    --color-background-main: #FFF;
    --color-background-main-hover: #E4D7C7;
    --color-background-primary: #f3f3f3;
    --color-background-primary-hover: #e3e3e3;
    --color-background-secondary: #F8E0CF;
    --color-background-secondary-hover: #e9e9e9;
    --color-background-tertiary: #fbfbfb;
    --color-background-quaternary: #f1d7c9;

    /* Accent */
    --color-accent: #E1763D;
    --color-accent-large: #EB590A;
    --color-accent-hover: #f2996a;
    --color-accent-text: #B84A0F;

    /* Text */
    --color-text-primary: #060606;
    --color-text-secondary: #484544;
    --color-text-tertiary: #1d1c1c;
    --color-text-tertiary-hover: #1d1c1c;
    --color-text-quaternary: #4D3E28;
    --color-accent-adjacent: #B84A0F;
    --color-text-optional: #6C6C6C;
    --color-text-white: #FFF;
    --color-text-action: #616139;

    /* Button */
    --color-button-text: var(--color-text-on-accent);
    --color-button-background: #E1763D;
    --color-button-background-hover: #FDA97C;
    --colorActive: #e5a583;
    --color-text-on-accent: var(--color-text-primary);

    /* Border */
    --color-border-default: #d7d7d7;

    /* System */
    --color-error: #BE1B0A;
    --color-disabled: #666666;
    --color-disabled-soft: #d7d7d7;
    --color-coupons: #15803D;

    /* Other */
    --color-deal-builder-bar: #71714D;
    --menu-items-border-color: #ebebeb;
    --checkout-items-color: #f5f5f5;
    --header-color-panels: #efefef;
    --checkboxColorBackground: #E1763D;

    /* Fonts */
    --fontBody: 400 1.0rem Poppins, sans-serif;
    --fontButton: 900 1rem Poppins, sans-serif;
}

/* Header */
#page_menu {
  --menu-tabs-bar-background-color: var(--color-background-tertiary);
  --menu-categories-bar-background-color: var(--color-background-main);
}

.header {
  --header-text-color: var(--color-accent-large);
}

.header .header-center-text {
  color: var(--color-text-primary);
}

.deal-progress-header .header-center-text {
  color: var(--color-accent-large);
}

#div_header_navigation [data-page] {
  font-size: 1.2rem;
}

#div_header_navigation :is([data-page], a):hover {
  opacity: 1;
  color: var(--color-text-primary);
}

#modal_header_account {
  --header-account-color: var(--color-accent-large);
}

#header_account_items li > button, #header_account_language {
  font-size: 1.17rem;
  font-weight: 700;
}

#modal_header_account [class^="icon-"] {
  font-size: 1rem;
}

#header_account_items li > button:hover, #header_account_language:hover {
  color: var(--color-text-primary);
}

#btn_header_shopping_bag.cart-highlighted :is(.icon-shopping-bag, .cart-total) {
  color: var(--color-text-on-accent);
}

#btn_header_shopping_bag.cart-highlighted .item-number {
  color: var(--color-text-primary);
  background-color: var(--color-background-main);
}

.location-info-bar {
  color: var(--color-text-primary);
}

.header :is([aria-label="Profile"], #btn_header_shopping_bag:not(.cart-highlighted)) {
  color: var(--color-text-quaternary);
}

#btn_header_shopping_bag:not(.cart-highlighted):is(:hover, :focus, :active) {
  background-color: var(--color-background-main-hover);
}

.fancy-title > :first-child {
  color: var(--color-text-primary);
  text-transform: unset;
  font-family: Poppins, Arial, sans-serif;
  font-style: italic;
  font-weight: 900;
  height: 0.85em;
  font-size: 0.75em;
  position: relative;
}

.fancy-title > div:not(:first-child) {
  color: var(--fancy-title-alt-color);
  text-transform: uppercase;
  font-family: Poppins, Arial, sans-serif;
  font-size: 0.85em;
  font-weight: 1000;
}

.fancy-subtitle {
  --fancy-title-subtitle-color-alt: var(--color-accent-text);
  font-family: Poppins, Arial, sans-serif;
  font-weight: 700;
}

.fancy-subtitle .highlight {
  font-weight: 800;
  font-size: 1em;
  font-family: Poppins, Arial, sans-serif;
  font-style: italic;
  text-transform: uppercase;
}

:is(#header_account_items > *), #header_account_language {
  color: var(--header-account-color);
}

.segmented-button > [role="option"].active {
  color: var(--color-text-on-accent);
}

.segmented-button > [role="option"]:not(.active) {
  color: var(--color-text-primary);
}

.segmented-button > [role="option"]:not(.active):hover {
  color: var(--color-text-primary);
}

.pill-bar-container > li.active {
  color: var(--color-text-on-accent);
}

@media (hover: hover) {
  .pill-bar-container > li:not(.disabled):hover {
    color: var(--color-text-primary);
  }
}

button.secondary {
  color: var(--color-text-primary);
  background-color: var(--button-bg-color-secondary);
  border: 2px solid var(--button-border-color-secondary);
}

button.secondary:hover, button.secondary:focus, button.secondary:active {
  background-color: var(--button-bg-color-secondary-hover);
}

.button-link {
  text-transform: uppercase;
}

.button-link, button.underline {
  color: var(--color-text-action);
  font-weight: 700;
  text-decoration: none;
  text-underline-offset: 3px;
}

:is(button, a):is(.button-link, .underline):is(:hover, :focus-visible) {
  text-decoration: underline 2px;
}


/* Menu Page */
.menu-item-card-small {
  border: 1px solid var(--menu-items-border-color);
}

.pill-bar-container {
  --pill-bar-text-color: var(--color-text-tertiary);
  --pill-bar-text-color-active: var(--color-text-on-accent);
}


/* Favorites */
#page_favorites .menu-tabs {
  --menu-tabs-bar-background-color: var(--color-background-tertiary);
}

#div_favorite_tabs .tabs-bar {
  background-color: var(--color-background-tertiary);
}

.no-fav-card {
  background-color: var(--checkout-items-color);
}

.favorite-store-card {
  --favorite-store-card-background-color: var(--color-background-tertiary);
}

.favorite-container {
  --favorite-card-background-color: var(--color-background-tertiary);
  --favorite-card-missing-mod-color: var(--color-error);
  --favorite-card-icon-background-color: var(--color-background-main);
  --favorite-card-icon-color: var(--color-text-tertiary);
  --favorite-card-icon-color-hover: var(--color-accent);
}

.favorite-item-card {
  border: 1px solid var(--menu-items-border-color);
}


/* Rewards */
.rewards-card-base {
  background: var(--color-background-tertiary);
}

.page-rewards-body {
  --rewards-blob-bg-color: var(--color-background-primary);
  --rewards-points-bar-color: var(--color-background-primary);
  --rewards-points-bar-color-filled: var(--color-accent);
  --rewards-points-bar-text-color: var(--color-text-primary);
  --rewards-points-bar-text-color-filled: var(--color-text-on-accent);
  --rewards-info-text-color: var(--color-text-primary);
  --rewards-header-bg-color: var(--color-background-primary);
  --rewards-card-bg-color: var(--color-background-tertiary);
  --rewards-card-redeem-color-active: var(--color-background-primary);
}

.header_background {
  color: var(--color-text-primary);
}

.rewards-section-header {
  background: var(--color-background-primary);
}

.redeem-item-group-card {
  background: var(--color-background-tertiary);
}

.menu-item-card-small__pill--size {
  color: var(--color-text-tertiary);
}

.points-summary-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1rem 0;
}

.points-summary-base {
  position: static;
  transform: none;
  max-width: 100%;
}

.points-summary-base.total-points {
  line-height: 1.1;
}

.points-summary-base.available-points {
  line-height: 1.3;
}


/* Recent Orders */
.recent-order-main-card {
  --recent-orders-card-background-color: var(--color-background-tertiary);
  --recent-orders-card-order-status-background-color: var(--color-accent);
  --recent-orders-card-order-status-text-color: var(--color-text-on-accent);
}

.recent-order-card-header .order-status {
  color: var(--color-text-on-accent);
}


/* Meal Deal Card */
.meal-deal-card {
  --meal-deal-card-background-color: var(--color-background-tertiary);
  --meal-deal-card-background-color-hover: var(--color-background-secondary-hover);
  --meal-deal-card-border-color: var(--color-border-default);
  --meal-deal-card-content-color: var(--color-text-primary);
  cursor: pointer;
}

.menu-item-card-small.horizontal {
  --meal-deal-section-card-background-color: var(--color-background-tertiary);
  --meal-deal-section-card-background-color-selected: var(--color-background-primary);
  --meal-deal-section-card-border-color-selected: var(--color-text-tertiary);
}

.deal-builder-container {
  --deal-builder-header-shadow-color: rgba(0, 0, 0, 0.4);
  --deal-builder-header-complete-color: var(--color-accent);
  --deal-builder-header-incomplete-color: var(--color-background-main);
  --deal-builder-group-header-bg-color: var(--header-color-panels);
  --deal-builder-group-header-color: var(--color-text-tertiary);
  --deal-builder-group-header-added-bg-color: var(--color-background-main);
  --deal-builder-group-header-added-color: var(--color-text-primary);
  --deal-builder-footer-bg-color: var(--color-background-primary);
  --deal-builder-footer-color: var(--color-text-tertiary);
}

.header {
  --header-background-color: var(--color-background-primary);
}

.deal-builder-container .meal-deal-menu-item-card-small__label-desc {
  -webkit-line-clamp: 2;
}

.menu-item-card-small:hover span.button-link {
  text-decoration: underline 2px;
}

.menu-item-card-small__image.horizontal {
  width: auto !important;
  height: 99% !important;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}


/* Customize Item */
.customize-item-container {
  --customize-item-half-card: var(--header-color-panels);
  --customize-item-calorie-price-color: var(--color-text-secondary);
  --customize-item-section-header-bg-color: var(--color-background-primary);
  --customize-item-section-header-option-color: var(--color-text-tertiary);
  --customize-item-footer-bg-color: var(--color-background-primary);
  --customize-item-footer-quantity-bg-color: var(--color-background-main);
  --customize-item-footer-quantity-bg-color-hover: var(--color-background-main-hover);
  --customize-item-footer-quantity-border-color: var(--color-text-tertiary);
}

.customize-item-header-multi-card {
  border: 1px solid var(--menu-items-border-color);
}

.custom-radio {
  --rad-chk-border-color: #8A8A8A;
}


/* 2nd Half */
.modal :is(.modal-header, .modal-footer) .header-title {
  width: 892px;
}


/* Cart Page */
.menu-item-cart-card-actions .item-quantity {
  background-color: var(--color-background-main);
}

.menu-item-cart-card-parent {
  background-color: var(--checkout-items-color);
}

.upsell-wrapper .upsell-card {
  background-color: var(--checkout-items-color);
}

.cart-reward-section {
  --cart-reward-bg-color: var(--checkout-items-color);
}

.cart-reward-card {
  background-color: var(--color-background-main);
}

#spn_cart_loyalty_available_points {
  color: var(--color-accent-text);
  font-weight: 600;
  text-decoration: none;
  cursor: default;
}

.menu-item-cart-card-points {
  color: var(--color-accent-adjacent);
  background-color: color-mix(in srgb, var(--color-accent-large) 10%, #FFFFFF);
  border: 1px solid color-mix(in srgb, var(--color-accent-large) 40%, #FFFFFF);
  font-weight: 600;
  cursor: default;
}

.menu-item-cart-card-redeemed-label {
  border: 1px solid color-mix(in srgb, var(--color-coupons) 40%, #FFFFFF);
  font-weight: 600;
  cursor: default;
}

.cart-loyalty-sign-in-prompt {
  color: var(--color-text-action);
  font-weight: 700;
  text-decoration: none;
  text-underline-offset: 3px;
}

.cart-loyalty-sign-in-prompt:is(:hover, :focus-visible) {
  text-decoration: underline 2px;
}

.menu-item-cart-card-details .details-toggle,
.menu-item-cart-card-details .details-toggle .toggle-text,
.menu-item-cart-card-details .details-toggle [class^="icon-"] {
  color: var(--color-text-action);
  font-weight: 700;
}

.menu-item-cart-card-details .details-toggle .toggle-text {
  text-underline-offset: 3px;
}

.details-toggle:is(:hover, :focus-visible) .toggle-text {
  text-decoration: underline 2px;
}

#spn_checkout_wait_time {
  color: var(--color-accent-text);
  cursor: default;
}

.order-summary-parent {
  --order-summary-incomplete-color: var(--color-accent-large);
}

.discounts-incomplete-item > span:first-of-type {
  font-size: 1.2rem;
}

#spn_checkout_tip {
  cursor: default;
  color: var(--color-coupons);
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}

.discounts-block-checkout,
.discounts-block > span:first-child,
.discounts-block-coupon {
  font-weight: 700;
}

.checkout-gift-card-add-button {
  background-color: var(--color-button-background);
  color: var(--color-text-on-accent);
}

:is(.quantity-selector, .item-quantity) button {
  color: var(--color-text-primary);
}

.checkRadio > input:checked + label::before {
  background-color: var(--checkboxColorBackground);
}

.menu-item-cart-card-price > p {
  color: var(--color-coupons);
}

.toggle-control {
  --selected-text-color: var(--color-text-on-accent);
}

@media (max-width: 480px) {
  .menu-item-cart-card-image {
    flex-shrink: 0;
  }

  .menu-item-cart-card-points-container {
    flex-wrap: wrap;
    gap: 0.3rem;
    min-height: auto;
  }

  .menu-item-cart-card-badge {
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1rem;
    padding: 0.2rem 0.45rem;
  }

  .menu-item-cart-card-redeem-toggle-container {
    padding: 0.75rem 0;
  }

  .toggle-control {
    display: flex;
    width: 100%;
  }

  .toggle-control div {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    padding: 0.35rem 0.6rem;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.2;
  }
}
