: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; /* E0753C*/ /* C1571E */
    --color-accent-hover: #f2996a;

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

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

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

    /* System */
    --color-error: #BE1B0A;
    --color-disabled: #666666;
    --color-disabled-soft: #d7d7d7;
    --color-coupons: #267A38;

    /* Other */
    --color-deal-builder-bar: #71714D;
    --menu-items-border-color: #ebebeb;
    --checkout-items-color: #f5f5f5;
    --header-color-panels: #efefef;
    --checkboxColorBackground: #E1763D;
    
    /* Fonts */
    --fontBody: 1.0rem Inter, sans-serif;
    --fontButton: 1rem Inter, sans-serif;
}

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

.fancy-title > :first-child {
  color: var(--color-text-primary);
}

.fancy-title > :first-child {
  color: var(--fancy-title-first-color);
  text-transform: unset;
  font-family: 'Inter', Arial, sans-serif;
  font-weight: 500;
  height: 0.85em;
  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.9em;
  font-weight: 900;
}

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

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

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

@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);
}


/* 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-white);
}



/* 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-background-main);
  --rewards-info-text-color: var(--color-text-primary);
  --rewards-header-bg-color: var(--color-background-quinary);
  --rewards-card-bg-color: var(--color-background-quinary);
  --rewards-card-redeem-color-active: var(--color-background-primary);
}

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

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


/* 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-white);
}

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


/* 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);
}


/* 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);
}

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

/* 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);
}

.button-link {
  color: var(--color-error);
}

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

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

}

#li_header_locations_nav,
#hamburger_items > li:nth-child(3) {
	display: none;
}