/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Baloo:ital,wght@0,400&family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&display=swap');


/* Global 
Primary Colour: Teal #00B8C5 / HSLA(183, 100%, 36%, 1), grab with var(--primary)
Secondary Colour: Yellow #f2d502, grab with var(--secondary)
Tertiary Colour: Pink #ec86d0, grab with var(--tertiary)
Dark Colour: Dark Grey #393939, grab with var(--dark)
Light Colour: Off-White #FDFCFD, grab with var(--light)

CALL YOUR MOTHER DELI - DEV410
Colors and fonts extracted from https://www.callyourmotherdeli.com/
Fonts: Baloo 2 (headers/large text), Montserrat (body/CTAs)
Fun, vibrant deli brand with playful color palette
*/

:root {
    --primary: #00B8C5;
    --secondary: #f2d502;
    --tertiary: #ec86d0;
    --dark: #393939;
    --light: #FDFCFD;

    /* You can also create and implement new tags as needed */
    --grey: #6B7280;

    /* Define Fonts - Baloo for headers, Montserrat for body/CTAs */
    --primary-font: 'Baloo', sans-serif;
    --secondary-font: 'Montserrat', sans-serif;

    /* Bootstrap Overrides
    You can override bootstrap application default colours at root, by using the !important flag
    This will change ALL implementations of the bootstrap colour tags
    You can also override bootstrap colours for individual elements, do this when you don't want the changes to apply globally. */

    --bs-black: var(--dark)!important;
    --bs-link-hover-color-rgb: var(--dark)!important;
    --bs-primary: var(--primary)!important;
    --bs-background-blue: var(--secondary)!important;
    --bs-emphasis-color: var(--primary)!important;
    --bs-heading-color: var(--primary)!important;
    --bs-medium-grey: var(--grey)!important;
    --bs-highlight-rgb: var(--secondary)!important;
    --bs-highlight: var(--secondary)!important;
    --bs-secondary-rgb: var(--secondary)!important;
    --bs-gray: var(--grey)!important;
  }


  @keyframes descend {
    from {
      opacity: 0;
      transform: translateY(-50px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .card {
    opacity: 0;
    animation: descend .9s ease-in-out forwards;
  }
  

  /* Universal Elements */
    a {
        color:var(--primary);
        background: transparent;
    }
    a:hover {
        color:var(--secondary);
        background: transparent;

    }

    body {
        font-family: var(--secondary-font);    
        color: var(--dark);
    }

    h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
        font-family: var(--primary-font);
        color: var(--tertiary)
    }

    h3, .h3 {
        font-size: 1.5rem !important;
    }

    h4, .h4 {
        font-size: 1.25rem !important;
    }

    .c-main__account-details h2 {
        color: var(--light);
        font-size: 2.5rem;
    }

    .c-order__summary p {
        color: var(--light) !important;
    }

    .c-order__info .card {
        padding: 0.75rem !important;
        margin: 0 2px !important;
        width: 32% !important;
    }

    ul.c-review__totals.list-group.list-group-flush li span {
        padding-right: 1rem;
    }

    .list-group-flush {
        border-radius: 1rem !important;
    }

    .c-main__layout {
        background: var(--primary) !important;
    }

  /* End Universal Elements */


  /* Header */

/* Help Block Bar at Top of Header */
/* 1) Fix the help bar to the very top, edge-to-edge */
.c-help__block {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--secondary) !important;
    color: var(--dark);
    z-index: 9999;
}

/* 2) Give the rest of the header room */
header.c-header__main {
    padding-top: 3rem;
}

/* 3) Style the text */
.c-help__block .c-help__details {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: var(--dark);
    font-family: var(--secondary-font);
    font-size: 0.9rem;
    padding: 0.75rem 1rem;
    text-align: center;
}

.c-help__block .c-help__details i {
    color: var(--primary);
    font-size: 1.1rem;
}

.c-help__block .c-help__details .help-line-1,
.c-help__block .c-help__details .help-line-2 {
    flex-basis: 100%;
}

.c-help__block a {
    color: var(--primary) !important;
    font-weight: 700;
    text-decoration: underline;
}

.c-help__block a:hover {
    color: var(--tertiary) !important;
}

.navbar-main {
    height: 125px;
}

  .logo-container {
    display: flex;
    justify-content: flex-start;
}

.logo-container > a {
    display: block;
    width: 60%;
    max-width: 420px;
    min-width: 160px;
}

.logo-container > a > img {
    display: block;
    width: 40%;
    height: auto;
}

.logo-container span.navbar-brand {
    display: block;
}

  .c-dropdown-menu {
    padding: 0 15px!important;
  }

  .c-profile__group .c-dropdown-menu-card .c-dropdown-card .c-profile-links .c-dropdown-menu li .dropdown-item {
    border-bottom: 1px solid var(--dark)!important;
  }
  .c-btn__signin .btn, .c-btn__signup .btn {
    white-space: nowrap;
  }

    .navbar-main {
        background: url(../../XImages/base_images/spring-menu-landing-page-banner.jpg) var(--tertiary) !important;
        background-size: cover !important;
        background-position: center 0px !important;
        background-repeat: no-repeat !important;
        display: flex;
        justify-content: space-between;
        position: relative;
    }

  .navbar-main::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--tertiary);
    pointer-events: none;
    z-index: 1;
    opacity: 0.95;
  }

    .navbar-main > * {
        position: relative;
        z-index: 2;
    }
    .navbar-brand {
        display: none;
    }

    .nav-item__language {
        display:none!important;
    }


    .header-links {
        display: none;
    }

    .header-container {
        width: 100%;
        display: flex;
        justify-content: space-between
    }

    .nav.c-nav__delivery {
        background: var(--dark)!important;
        color: var(--light)!important;
    }

    .nav-item > .c-btn__sm  {
        color: var(--secondary);
    }

    .nav-item > img {
        filter: grayscale(1) contrast(7) invert(0);
    }

    .nav-item > img[alt="Pick Up"] {
        filter: grayscale(1) contrast(7) invert(1);
    }
 
    /* Desktop Header */
    @media only screen and (min-width:48.001rem){
 

    }
    /* Mobile Header */
    @media only screen and (max-width:48rem){
        .navbar-toggler-icon {
            filter: invert(1);
        }
        .c-nav__delivery .c-label__text {
            color: var(--light);
        }
        .c-header__main > nav > div {
            margin: auto;
            display: block!important;
        }
        .logo-container > a > img{
            margin: auto;
            width: 40%!important;
        }

        .navbar-cart__wrapper { 
            display: flex;
            justify-content: space-between;
            position: absolute;
            top: 60px;
            width: 100%;
        }
        header.c-header__main nav.navbar{
            padding: 0.25rem 1rem .75rem !important;
        }
 

    }

@media only screen and (max-width:575px){
        
        .logo-container {
            display: flex;
            justify-content: center;
        }
        .logo-container > a > img{
            margin: autot;
            width: 20% !important;
        }

        .header-container {
            width: 100%;
            display: flex;
            justify-content: center
        }
}


  /* End Header */

  /* Footer */

    .bottom-footer {
    padding-top:20px;
    }

    footer {
        padding-top: 10px;
        background: var(--tertiary);
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        padding-top: 0; /* Wave section handles spacing */
    }
    
    /* Wavy border section at top of footer - matches CYM website */
    .footer-wave-section {
        width: 100%;
        height: 180px;
        background: var(--primary); /* Teal background for wave section */
        position: relative;
        overflow: visible; /* Allow wave to extend if needed */
    }
    
    /* Pink wave that overlays the teal section - waves UP on left, DOWN on right */
    .footer-wave-section::after {
        content: '';
        position: absolute;
        bottom: -5px;
        left: -1px; /* Prevent edge line */
        right: -1px; /* Prevent edge line */
        width: calc(100% + 2px);
        height: 220px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 220' preserveAspectRatio='none'%3E%3Cpath fill='%23ec86d0' stroke='%23f2d502' stroke-width='9' stroke-linejoin='round' d='M-10,80 Q360,0 720,80 Q1080,160 1450,80 L1450,230 L-10,230 Z'/%3E%3C/svg%3E");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .middle-footer-logo > img {
    width: 10%;
    }

    .middle-footer-logo {
        display: flex;
        justify-content: center;
    }
    #monkeyCopyRight > a {
        color: var(--secondary);
    }
    .copy_text {
        color: var(--light);
    }

    /* Desktop Footer */
    @media only screen and (min-width:48.001rem){
 

    }
    /* Mobile Footer */
    @media only screen and (max-width:48rem){
 

    }

    /* End Footer */ 


  /* Main Content */

.card-product__price  .btn.btn-outline-primary {
    background-color: var(--tertiary);
    color: var(--light);
    border: 4px solid var(--primary);
    padding: 0rem 1rem !important;
   border-radius: 4px;
}

.card-product__price .btn.btn-outline-primary {
    padding: 0.5rem 1rem 1.5rem !important;
    height: 2rem !important;
}

.card-product__price .btn.btn-outline-primary:hover, 
.card-product__price .btn.btn-outline-primary:active {
    color: var(--light) !important;
    border: 4px solid var(--primary) !important;
    background: var(--tertiary) !important;
    opacity: 0.6;
   border-radius: 4px;
}

.card-product__price .btn.btn-outline-primary.btn-quick-add img {
    margin: -4px 0 0 -12px !important;
}

  .c-checkout__details {
    border: 1px solid var(--dark);
    padding: 20px;
    background: var(--light);
    border-radius: 0.5rem;
  }


  #v-loyalty-rewards, #v-saved-locations {
    margin-top: 3.375rem;
  }


  #v-loyalty-rewards > div:nth-child(1), #v-saved-locations > div:nth-child(2){
    display: none;
  }

  #v-pills-tab > .nav-item > .nav-link {
    border-bottom: 1px solid var(--dark);
  }

  .c-sidebar__account {
    margin: 3.375rem 3rem;
    border: 1px solid var(--dark);
    padding: 20px;
    background: var(--light);
    border-radius: 0.5rem;

  }

  #accountInformationForm {
    border: 1px solid var(--dark);
    padding: 20px;
    background: var(--light);
    border-radius: 0.5rem;
  }

.c-product__tabs .nav-tabs .nav-item .nav-link:hover {
    color: var(--light) !important;
    font-weight: bold !important;
}

/* flat nav */

.c-product__tabs .catering-menu__main_slider:after {
    content: none !important
}

div#carousel {
    background: var(--tertiary) !important;
    border-radius: 5px;
}

.c-product__tabs .nav-tabs .slick-prev, .c-product__tabs .catering-menu__slider .slick-prev {
        left: -14px !important;
}
.c-product__tabs .nav-tabs .slick-next, .c-product__tabs .catering-menu__slider .slick-next {
    right: -14px !important;
}

.c-product__tabs .nav-tabs .nav-item .nav-link.active::before {
    background-color: var(--secondary);
    width: calc(100% + 0.2rem);
    left: -0.1rem;
    font-size: 1.125rem;
    height: 7px;
    border-radius: 5px;
}

.c-product__tabs .nav-tabs .nav-item .nav-link {
    color: var(--light);
    font-family: var(--primary-font);
    font-size: 1.125rem;
    letter-spacing: 0.05em;
}

.c-product__tabs .nav-tabs .nav-item .nav-link:hover {
    color: var(--light) !important;
    font-weight: bold !important;
}

.c-product__tabs .nav-tabs .nav-item .nav-link.active {
    color: var(--light) !important;
    font-weight: bold !important;
    font-size: 1.125rem;
}

.nav-tabs__categories {
    padding: 10px;
    border: 1px solid var(--dark) !important;
    border-radius: 0.5rem;
}

.c-product__tabs .nav-tabs .slick-next:before, 
.c-product__tabs .catering-menu__slider .slick-next:before {
    box-shadow: -10px 5px 15px 0px rgb(255 255 255 / 90%) !important;
}
.c-product__tabs .nav-tabs .slick-prev:before, 
.c-product__tabs .catering-menu__slider .slick-prev:before {
    box-shadow: 10px 5px 15px 0px rgb(255 255 255 / 90%) !important;
}

  #btnCheckoutFixed {
    background: var(--light);
    padding: 1rem 3rem 1rem 2.1rem;
  }
  .c-product-item__details .c-product__block {
    padding: 24px;
    border: 1px solid var(--dark);
    background: var(--light);
    border-radius: 0.5rem;
  }

  .accordion-item:last-of-type .accordion-button.collapsed {
    border-radius: 0;
  }

  .btn-primary {
    --bs-btn-color: var(--light)!important;
    --bs-btn-bg: var(--primary)!important;
    --bs-btn-border-color: var(--dark)!important;
    --bs-btn-hover-color: var(--light)!important;
    --bs-btn-hover-bg: var(--secondary)!important;
    --bs-btn-hover-border-color: var(--dark)!important;
    --bs-btn-focus-shadow-rgb: 95, 95, 95;
    --bs-btn-active-color: var(--light)!important;
    --bs-btn-active-bg: var(--primary)!important;
    --bs-btn-active-border-color: var(--primary)!important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(17, 34, 51, 0.125);
    --bs-btn-disabled-color: var(--light)!important;
    --bs-btn-disabled-bg: var(--grey)!important;
    --bs-btn-disabled-border-color: var(--grey)!important;
}

.c-product__feature .card-title.product-title {
    letter-spacing: 0.06rem !important;
}

.c-card__product .card img, .c-product-item__details .c-product__details .c-product__img {
    background-color: var(--light);
}

.c-group-filter .c-btn-filter:hover, .c-group-filter .c-btn-filter:active, .c-group-filter .c-btn-filter.show, .c-group-filter .c-btn-filter:focus-visible, .c-group-filter .icon__close:focus-visible {
    border: 1px solid var(--dark)!important;
}

#sidebarCart .btn-add-to-cart.c-collapse-arrow:hover, #sidebarCart .btn-add-to-cart.c-collapse-arrow:active, #sidebarCart .btn-add-to-cart.c-collapse-arrow {
    background-color: var(--secondary)!important;
    border: 1px solid var(--dark)!important;
}

.dropdown-item:hover, .dropdown-item:focus {
    background-color: var(--secondary);
}

.c-collapse-arrow:hover {
    background-color: var(--secondary)!important;
}

.c-btn__signin > a, .c-btn__signin > a:hover {
    background: var(--light)!important;
    color: var(--primary)!important;
}
.c-btn__signin:hover, .c-btn__signup:hover, #btnCheckout:hover {
    transform: scale(1.03);
}

#btnCheckout{
    background-color: var(--primary) !important;
    color: var(--light) !important;
    border: 6.4px solid var(--tertiary) !important;
}

#btnCheckout:hover {
    background-color: var(--primary) !important;
    color: var(--light) !important;
    border: 6.4px solid var(--tertiary) !important;
    opacity: 0.8
}

/* Skip to Menu and Submit Menu buttons */
#skipToMenu, #submitMenu {
    background-color: var(--tertiary) !important;
    color: var(--light) !important;
    border: 4px solid var(--primary) !important;
    border-radius: 4px !important;
    padding: 0.75rem 2rem !important;
    font-family: var(--secondary-font) !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

#skipToMenu:hover, #submitMenu:hover {
    background-color: var(--tertiary) !important;
    color: var(--light) !important;
    border: 4px solid var(--primary) !important;
    opacity: 0.8;
    transform: scale(1.02);
}


#heading_preorder, .c-content__heading {
    color: var(--tertiary);
    font-weight: 900 !important;
}

.c-main__heading h2.c-content__heading {
    color: var(--light) !important;
    font-size: 3rem !important;
}

.product-section h4.c-section__title {
    color: var(--light) !important;
    font-size: 2rem !important;
}

.sub-categories__group .c-text__md.fw-semibold {
    color: var(--light) !important;
}


.c-profile__group .c-profile__dropdown span {
    color: var(--light)!important;
}

.c-sidebar__cart.open, .c-sidebar__cart.close {
    transition: all 0.3s ease-in-out;
}
.c-product__tags .badge {
    background-color: var(--secondary)!important;
}
.c-product__sub-categries.row {
    padding: 10px;
}

.c-card__product .card:hover {
    border-color: var(--secondary);
    transform: scale(1.02)!important;
    filter: drop-shadow(7px 7px 5px var(--tertiary));
}

.c-card__product .card {
    border: 2px solid var(--secondary);
    transition: transform 0.3s ease;
}

.item-header {
    text-transform: uppercase;
    font-family: var(--primary-font);
}

.dropdown-menu, .overflow-auto {
    scrollbar-color: var(--light) var(--primary);
    scrollbar-width: thin;
}

span#productSubFeDetailText {
    font-size: 16px;
}


    /* Desktop Main Content */
    @media only screen and (min-width:48.001rem){
        .c-card__product .card {
            scale: 0.9;
        }

    }
    /* Mobile Main Content*/
    @media only screen and (max-width:48rem){
 

    }

  /* End Main Content */




/* Custom/Static Pages (T&C, Stored Card, Legal, etc.)
   These pages use body > section > .c-main__inner instead of .c-main__layout */

section:has(> .c-main__inner) {
	background: var(--primary);
	min-height: calc(100vh - 400px);
	display: flex;
	flex-direction: column;
	padding: 2rem 1rem;
}

.c-main__inner {
	background: var(--light);
	border: 1px solid var(--dark);
	border-radius: 0.75rem;
	padding: 2.5rem 3rem;
	max-width: 960px;
	width: 100%;
	margin: 0 auto;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
	flex: 1;
}

.c-main__inner .c-content__heading h1 {
	font-family: var(--primary-font);
	color: var(--primary);
	margin-bottom: 1.5rem;
}

.c-main__inner .c-content__layout {
	font-family: var(--secondary-font);
	color: var(--dark);
	font-size: 1rem;
	line-height: 1.75;
}

.c-main__inner .c-content__layout p {
	margin-bottom: 1rem;
}

.c-main__inner .c-content__layout a {
	color: var(--primary);
	word-break: break-word;
}

.c-main__inner .c-content__layout a:hover {
	color: var(--dark);
}

.c-main__inner .c-back__arrow {
	color: var(--primary);
}

@media only screen and (max-width: 48rem) {
	section:has(> .c-main__inner) {
		padding: 1rem 0.5rem;
	}

	.c-main__inner {
		padding: 1.5rem 1.25rem;
		border-radius: 0.5rem;
	}
}

/* End Custom/Static Pages */

/* Things that should not be local, these really need to be main app style rules */

@media (max-width: 48em){
    .c-sidebar__block {
        height: 0;
      }
}

.credit-card-multi-image {
    max-width: 250px;
} 

.navbar-toggler-icon {
    background-color: transparent !important;
}

.card-product__price .btn-quick-add img {
    filter: brightness(0) invert(1);
    transition: filter 0.3s ease;
    background: transparent !important;
}

.c-btn__signup .btn, .c-btn__signin .btn {
	background: var(--light) !important;
	color: var(--tertiary) !important;
	border-radius: 4px !important;
	border: 4px solid var(--primary) !important;
}

.c-btn__signup .btn:hover, .c-btn__signin .btn:hover {
	opacity: 0.8 !important;
	background: var(--light) !important;
	color: var(--tertiary) !important;
	border-radius: 4px !important;
	border: 4px solid var(--primary) !important;;
}

#carousel.catering-menu__slider.position-sticky {
    top: 212px !important;
}

@media only screen and (max-width:859px) and (min-width:768px){
    .navbar-main {
        height: 150px;
    }

    .header-container {
        margin-top: 2rem ;
    }

    #carousel.catering-menu__slider.position-sticky {
        top: 238px !important;
    }

}

@media only screen and (max-width:767px) and (min-width:576px){
    .navbar-main {
        height: 160px;
    }

    .header-container {
        justify-content: center !important;
        margin-top: 2rem ;
    }

    .logo-container {
        display: flex;
        justify-content: center !important;
    }

    #carousel.catering-menu__slider.position-sticky {
        top: 248px !important;
    }

}

@media only screen and (max-width:575px) and (min-width:491px){

        header.c-header__main nav.navbar {
            height: 110px !important;
        }

        .header-container {
            justify-content: center !important;
            margin-top: 2rem ;
        }

        .navbar-cart__wrapper {
              top: 40px !important;
        }


        #carousel.catering-menu__slider.position-sticky {
            top: 194px !important;
        }
}

@media only screen and (max-width:490px) and (min-width:392px){

        header.c-header__main nav.navbar {
            height: 140px !important;
        }

        .header-container {
            margin-top: 4rem;
        }

        .navbar-cart__wrapper {
              top: 65px !important;
        }


        #carousel.catering-menu__slider.position-sticky {
            top: 225px !important;
        }
}

@media only screen and (max-width:391px){

        header.c-header__main nav.navbar {
            height: 160px !important;
        }

        .header-container {
            margin-top: 6rem;
        }

        .navbar-cart__wrapper {
              top: 100px !important;
        }


        #carousel.catering-menu__slider.position-sticky {
            top: 245px !important;
        }
}

/* Prod Item Modifier Cleanup

.c-select__block .c-selection__feature[class*="box_productionItem"]{
  position: relative !important;
}

.c-selection__feature[class*="box_productionItem"] > .c-selection__items.mb-0 {
  padding-right: 350px; 
}

.c-selection__feature[class*="box_productionItem"] .modifierGroup {
    position: absolute !important;
    top: 0px !important;
    right: -338px !important;
    margin: 0 !important;
    width: 382px !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    padding: 0 !important;
}

.c-selection__feature[class*="box_productionItem"] .modifierGroup select.form-select {
    max-width: 108%;
    width: 666px;
}
 */
@media (max-width: 768px) {
  .c-selection__feature[class*="box_productionItem"] > .c-selection__items.mb-0 {
    padding-right: 0;
  }

  .c-selection__feature[class*="box_productionItem"] .modifierGroup {
    position: static;
    width: 100%;
    margin-top: 8px !important;
    justify-content: flex-start;
  }
}

/* Add background to edit button */
#activateEditButton {
	background-color: var(--light);
}

/* Menu Item Image Sizer */
.c-product-item__details .c-product__details .c-product__img.default_product_image {
	object-fit: cover;
}

/* Larger description block, 2 lines with no expand */
.c-product__description .productSummaryText {
    height: auto !important;
    overflow: visible !important;
}

/* Hide Loyalty */
.c-dropdown-menu li:has(a[href="/online/loyaltyReward"]),
.c-dropdown-menu li:has(a[href="/online/dev410/loyaltyReward"]),
.c-sidebar__account li:has(a[href="/online/loyaltyReward"]),
.c-sidebar__account li:has(a[href="/online/dev410/loyaltyReward"]) {
	display: none;
}

/* Credit Card Selection */

.checkout-payment__method .c-payment-method__item--profile-MOO .c-form-choice .c-form-choice__label:has(.c-form-choice__field:checked) {
    color: var(--bs-white) !important;
    background-color: var(--grey) !important;
    border-color: var(--tertiary) !important;
}

[id^="profile_id_-"][id$="_label"]:has(input:checked)::before {
	content: "\2713\0020 ";
	color: var(--tertiary);
	margin-right: 0.5em;
}

#payment_method_2 #cc_profiles li.c-payment-method__item--profile-MOO:has(.c-form-choice:nth-of-type(1):last-of-type) {
	display: none;
}

/* END Credit Card Selection */

/* Add to cart sticky fix */
.c-main__content.mainContentActive.c-main__product {
	padding-bottom: 0px !important;
	margin-bottom: 0 !important;
}

.c-quantity-cart__fixed.fixed-bottom {
	position: sticky;
	bottom: 0;
	left: auto;
	right: auto;
	z-index: 1020;
        background-color: var(--primary) !important;
}

.c-quantity-cart__fixed {
	width: calc(100% - 400px);
	margin-inline: auto;
	/* center the bar within its container */
	transform: translateX(0);
	display: none;
	opacity: 0;
	transition: opacity 1s, visibility 1s ease-in-out;
}

.c-quantity-cart__fixed.show {
	display: block;
	opacity: 1;
}

.c-quantity-cart__fixed {
	width: 100%;
}

#quantityCartFixed .c-quantity__selector {
    background-color: var(--light) !important;
    border: 6.4px solid var(--secondary);
}

.c-quantity-item__cart .c-btn__add-to-cart--xl {
    background-color: var(--tertiary);
    border: 6.4px solid var(--light) !important;
}

.c-quantity-item__cart .c-btn__add-to-cart--xl:hover {
    opacity: 0.8;
    background-color: var(--tertiary) !important;
}

/* END Add to cart sticky fix */

/* Hide dietary icons on production items */
.c-selection__items .c-items__group .c-dietary__tags {
	display: none !important;
}

/* END Hide dietary icons on production items */

/* Checkout Button Width */
.c-checkout__fixed {
    max-width: 399px !important;
}
/* END Checkout Button Width */

/* FIX MORE BUTTON ON SAFARI */
/* 1) Normalize that span so WebKit treats it like a block container */
.detailsBox.productSummaryText #productSubFeDetailText {
  display: block;           /* span wraps <p> ? make it block to avoid Safari quirks */
  position: relative;
  z-index: 0;
}

/* 2) Ensure the container leaves room for the absolutely-positioned link */
.detailsBox.productSummaryText {
  position: relative;       /* anchor's positioning context */
  padding-bottom: 1.75rem;  /* space for "More…"; tweak as needed */
  overflow: hidden;        /* avoid clipping in case a parent sets overflow */
}

/* 3) Surface and pin the link in Safari */
.detailsBox .c-text__more.productSubFeDetail {
    position: absolute;
    right: 0;
    bottom: 1px !important;
    z-index: 10;
    display: inline-block;
    background: var(--light) !important;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    will-change: transform;
    border: 2px solid var(--primary);
    border-radius: 5px;
    padding: 0px 5px 0px 5px !important;
}

/* Optional: tidy paragraph spacing so the link doesn't look crowded */
.detailsBox.productSummaryText #productSubFeDetailText > p:last-child {
  margin-bottom: .5rem;
}

/* 4) Last-resort iOS Safari fallback: let the link flow below the text */
@supports (-webkit-touch-callout: none) {
  .detailsBox.c-text__more.productSubFeDetail {
    position: static;       /* shows reliably on iPhone */
    margin-top: .25rem;
  }
  .detailsBox.productSummaryText { padding-bottom: 0; }
}
/* END FIX MORE BUTTON ON SAFARI */

#distribution_type_catering_delivery_label label img, #distribution_type_catering_pickUp_label label img {
    filter: invert(1);
}

.c-profile__dropdown span {
    font-size: 35px;
}

.c-profile__dropdown span {
    font-size: 35px;
}


/* Add guest-pay styling */
body.guestpay header.c-header__main {
    padding-top: 0rem !important
}

body.guestpay span.generic-logo.navbar-brand {
    background: url(../../XImages/base_images/CallYourMotherDeli-Logo.png) no-repeat center center;
    background-size: contain;
}

body.guestpay .navbar-cart__wrapper {
    top: 0 !important;
}