﻿:root {
    --color-background-main: #F0F0F0; /* NEW */
    --color-background-main-hover: #E4D7C7;
    --color-background-primary: #CE2029;  /* NEW */
    --color-background-primary-hover: #E4D7C7;
    --color-background-secondary: #FFFFFF;  /* Dough Lt */
    --color-background-secondary-hover: #d6d6d6;

    /* Accent */
    --color-accent: var(--color-background-primary); /* Roma */
    --color-accent-hover: #ED1C2480; /* Roma */

    /* Text */
    --color-text-primary: #010101; /* NEW */
    --color-text-secondary: #4D4A48; /* Coalfire Lt */
    --color-text-tertiary: #010101;  /* Brass */
    --color-text-tertiary-hover: #00000080;  /* Brass */
    --color-text-quaternary: #FFFFFF; /* NEW */

    /* Button */
    --color-button-text: #FFFFFF;
    --color-button-background: var(--color-background-primary); /* NEW */
    --color-button-background-hover: #CE202980; /* Gold */

    /* Other */
    --color-deal-builder-bar: var(--color-accent);
    --color-deal-builder-bar-light: #4D4A484D;

    --shadow:  0px 5px 5px rgba(0, 0, 0, 0.15);

    --hover-transition: all 0.1s ease;
    --hover-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);
    --hover-transform: scale(1.01)
}

/* Header */
.header {
    --header-text-color: var(--color-text-quaternary);
}

/* Landing */
.location-info-btn {
    color: var(--color-text-primary);
}

/* Segmented Button */
.segmented-button {
    --segmented-button-bg-color: var(--color-background-secondary);
}

    .segmented-button > button {
        color: var(--color-text-primary);
    }

    .segmented-button > button.active {
        color: var(--color-text-quaternary);
    }

/* Locations */
.locations-main-container {
    --locations-card-bg-color: var(--color-background-secondary);
    --locations-card-bg-color-active: var(--color-background-secondary-hover);
}

.search-container {
    background-color: var(--color-background-secondary);
}

/* Pill Bar */
.pill-bar-container {
    --pill-bar-background-color: var(--color-background-secondary);
    --pill-bar-text-color-active: var(--color-text-quaternary);
}

/* Menu */
.menu-item-card-small {
    --menu-item-card-bg-color: var(--color-background-secondary);
    --menu-item-card-bg-color-hover: var(--color-background-secondary-hover);
    box-shadow: var(--shadow);
    transition: var(--hover-transition);
}

.menu-item-card-small:not(.selected):hover {
    box-shadow: var(--hover-shadow);
    transform: var(--hover-transform);
    background-color: var(--color-background-secondary);
}

.meal-deal-card {
    box-shadow: var(--shadow);
    transition: var(--hover-transition);
}

.meal-deal-card:hover {
    box-shadow: var(--hover-shadow);
    transform: var(--hover-transform);
    background-color: var(--color-background-secondary);
}

@media (max-width: 700px) {
    .menu-parent-wrapper .menu-item-card-parent {
        padding: 9px 15px;
    }
}

/* Navbar */
#nav_bottom {
    --navbar-background-color: var(--color-background-secondary);
    --navbar-icon-color: var(--color-text-primary);
    --navbar-icon-active-color: var(--color-background-secondary);
}

/* Fancy Title */
.fancy-title {
    --fancy-title-first-color: var(--color-text-primary);
}

/* Hamburger */
#modal_hamburger {
    --hamburger-ellipse-bg-color: var(--color-background-main);
    background-color: var(--color-background-secondary);
}

#modal_hamburger .fancy-title {
    --fancy-title-first-color: var(--color-accent);
    --fancy-title-alt-color: var(--color-accent);
}

#hamburger_signup {
    color: var(--color-accent);
}

#hamburger_ellipse {
    box-shadow: var(--shadow);
}

#hamburger_language select {
    background-color: var(--color-background-secondary);
}

/* Customize Item */
.customize-item-container {
    --customize-item-section-header-bg-color: var(--color-background-secondary);
    --customize-item-footer-bg-color: var(--color-background-secondary);
    --customize-item-footer-quantity-bg-color: var(--color-background-secondary);
    --customize-item-footer-quantity-border-color: var(--color-border-default);
    --customize-item-footer-quantity-bg-color-hover: var(--color-background-secondary-hover);
    box-shadow: var(--shadow);
}

.item-section-header {
    box-shadow: var(--shadow);
}

.quantity-selector button {
    color: var(--color-text-primary);
}

#btn_customize_item_favorite{
	color: var(--color-text-primary);
}

/* Check-Radio */
.custom-radio {
    --rad-chk-bg-color: var(--color-background-secondary);
}

/* Button */
button {
    --button-bg-color-secondary: var(--color-background-secondary);
    --button-bg-color-secondary-hover: var(--color-background-secondary-hover);
}

/* Favorites */
.favorite-container {
    --favorite-card-icon-background-color: var(--color-background-secondary);
    --favorite-card-icon-color: var(--color-accent);
}

.icon-heart-filled.favorites {
    border: 1px solid var(--color-border-default);
}

.header_background {
    color: var(--color-text-quaternary);
    box-shadow: var(--shadow);
}

/* Modal */
.modal {
    --modal-header-color: var(--color-text-quaternary);
}

#modal_confirmation_delete{
    color: var(--color-text-quaternary);
}

/* Upsell */
.upsell-wrapper .upsell-card {
    box-shadow: var(--shadow);
    transition: var(--hover-transition);
}

.upsell-wrapper .upsell-card:hover {
    box-shadow: var(--hover-shadow);
    transform: var(--hover-transform);
    background-color: var(--color-background-secondary);
}

/* Default */
.button-link {
    color: var(--color-background-primary);
}

.cta-button {
    box-shadow: var(--shadow);
}

/* Cart */
.menu-item-cart-card-actions .item-quantity {
    color: var(--color-text-quaternary);
}

.promo-input-container > button {
    background-color: var(--color-background-secondary);
}

.cart-reward-section {
    --cart-reward-card-bg-color: var(--color-background-main);
    --cart-reward-arrow-color: var(--color-background-secondary);
}

.cart-reward-cards {
    padding: 0.5rem 0.2rem;
}

.cart-reward-card {
    box-shadow: var(--shadow);
    transition: var(--hover-transition);
}

.cart-reward-card:hover {
    box-shadow: 0 8px 7px rgba(0, 0, 0, 0.2);
    transform: var(--hover-transform);
    background-color: var(--color-background-main);
}

.cart-no-items-heading, .cart-no-items-info {
	color: var(--color-text-quaternary);
}

/* Limited Time */
.limited-time {
    --limited-time-color-selected: var(--color-text-quaternary);
}

.limited-time > div > div > button {
    color: var(--color-text-primary);
}

.limited-time > div > div > button:hover {
    color: var(--color-text-quaternary) !important;
}

.limited-time > div > div > button.time-selected {
    border: 2px solid var(--limited-time-background-color-selected);
}

/* Deal Builder */
.deal-builder-container {
    --deal-builder-group-header-bg-color: var(--color-background-secondary);
    --customize-item-footer-bg-color: var(--color-background-secondary);
}

.deal-builder-container .deal-builder-header {
    background-color: var(--color-background-secondary);
}

.deal-progress-header > h2 {
    color: var(--color-accent) !important;
}

.deal-builder-group-header {
    box-shadow: var(--shadow);
}

/* Meal Deal Item Section Card */
.menu-item-card-small.horizontal.selected {
    border: none;
    color: var(--color-text-quaternary);
}

.menu-item-card-small.horizontal.selected .button-link {
   color: var(--color-text-quaternary);
}

/* Button */
button:disabled {
    color: var(--button-color);
}

/* Recent Orders */
.recent-order-main-card {
    --recent-orders-card-order-status-text-color: var(--color-text-quaternary);
}

/* Account */
#page_account {
    --account-header-background-color: var(--color-background-secondary);
}

#page_account .section-header { 
    box-shadow: var(--shadow);
}

/* Rewards */
.page-rewards-body {
    --rewards-points-bar-color: var(--color-background-secondary);
    --rewards-points-bar-text-color: var(--color-text-primary);
    --rewards-header-bg-color: var(--color-background-secondary);
}

.rewards-section-header {
    box-shadow: var(--shadow);
}