{"id":31886,"date":"2024-06-25T07:24:22","date_gmt":"2024-06-25T07:24:22","guid":{"rendered":"https:\/\/muchoburrito.com\/nutrition\/"},"modified":"2026-01-10T20:57:53","modified_gmt":"2026-01-10T20:57:53","slug":"nutrition","status":"publish","type":"page","link":"https:\/\/muchoburrito.com\/fr\/nutrition\/","title":{"rendered":"Nutrition"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"31886\" class=\"elementor elementor-31886 elementor-2157\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd0a79a e-con-full e-flex e-con e-parent\" data-id=\"cd0a79a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-b435bff maiin-nut-t e-flex e-con-boxed e-con e-child\" data-id=\"b435bff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1342880 elementor-widget elementor-widget-heading\" data-id=\"1342880\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">NUTRITIONNEL<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2439f7 elementor-widget elementor-widget-heading\" data-id=\"a2439f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Informations<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e5971a elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"2e5971a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bd32b8a e-con-full e-flex e-con e-parent\" data-id=\"bd32b8a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-208ac88 elementor-widget elementor-widget-html\" data-id=\"208ac88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n      \/* Base Styles *\/\r\n      * {\r\n          margin: 0;\r\n          box-sizing: border-box;\r\n          font-family: 'Barlow', sans-serif;\r\n      }\r\n\r\n      \/* Main Container *\/\r\n      .nutrition-calc-container {\r\n          width: 1280px;\r\n          margin: 0 auto;\r\n          display: flex;\r\n          flex-wrap: wrap;\r\n          padding: 20px;\r\n      }\r\n\r\n      \/* Tab Navigation *\/\r\n      .tabs-container {\r\n          width: 100%;\r\n          display: flex;\r\n          justify-content: space-between;\r\n          margin-bottom: 30px;\r\n          overflow-x: auto;\r\n          padding-bottom: 10px;\r\n      }\r\n      button.tab-button:focus {\r\n      background-color: transparent !important;\r\n      }\r\n      .tab-button {\r\n          min-width: 100px;\r\n          height: 140px;\r\n          background-color: transparent;\r\n          border-radius: 8px;\r\n          border: none;\r\n          outline: none;\r\n          cursor: pointer;\r\n          font-size: 18px;\r\n          display: flex;\r\n          flex-direction: column;\r\n          align-items: center;\r\n          justify-content: center;\r\n          color: #404040;\r\n          line-height: 1.2;\r\n          padding: 10px;\r\n          margin: 0 5px;\r\n          transition: all 0.3s ease;\r\n      }\r\n\r\n      .tab-button img {\r\n          width: 80px;\r\n          height: 80px;\r\n          object-fit: contain;\r\n          margin-bottom: 8px;\r\n      }\r\n\r\n      .tab-button.active {\r\n          background-color: white;\r\n          border: 1.5px solid #E79B8F !important;\r\n          box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);\r\n          border-radius: 8px;\r\n          background-color: #FFF9F8 !important;\r\n      }\r\n      \/*Zahan CSS*\/\r\n      \/*radio button*\/\r\n      label {\r\n  background-color: transparent !important;\r\n      }\r\n      .tab-button span {\r\n  font-size: 22px;\r\n  font-family: 'Barlow';\r\n  font-weight: 600;\r\n  text-transform: capitalize;\r\n  }\r\n  .tab-button span {\r\n      text-wrap:wrap;\r\n  font-size: 18px;\r\n  font-family: 'Barlow';\r\n  font-weight: 600;\r\n  }\r\n  \r\n  \r\n  .nutrition-calc-container .tabs-container button.tab-button {\r\n  width: 130px;\r\n  }\r\n  .nutrition-calc-container .tabs-container button.tab-button:has(img[alt=\"signature creations\"]) span {\r\n  display: block;\r\n  text-wrap: wrap;\r\n  word-wrap: break-word;\r\n  overflow-wrap: break-word;\r\n  width: 100px;\r\n  padding-bottom: 8px;\r\n  }\r\n  .tab-button.active {\r\n  background-color: white;\r\n  border: 1.66px solid #E79B8F !important;\r\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.322) !important;\r\n  border-radius: 8px;\r\n  background-color: #FFF9F8 !important;\r\n  }\r\n  .tab-button.active:hover {\r\n  color:black;\r\n  }\r\n  .tab-button:hover {\r\n  background-color: white;\r\n  border: 1.66px solid #E79B8F !important;\r\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.322) !important;\r\n  border-radius: 8px;\r\n  background-color: #FFF9F8 !important;\r\n  color:black;\r\n  }\r\n  div#serving-size-container h3 {\r\n  font-size:30px;\r\n  font-family:barlow;\r\n  color:#212529;\r\n  font-weight:700;\r\n  }\r\n  #serving-size-container input {\r\n  top: -3px;\r\n  left: 0;\r\n  height: 20px;\r\n  width: 20px;\r\n  background-color: white;\r\n  border-radius: 50%;\r\n  border: 1.5px solid black;\r\n  margin-top: 2px;\r\n  margin-left: -5px;\r\n  }\r\n  div#serving-size-container,#items-container label {\r\n  font-size: 18px;\r\n  font-weight: 500;\r\n  font-family: Barlow;\r\n  }\r\n  div#serving-size-container label:hover{\r\n  color:black\r\n  }\r\n  #items-container label:hover{\r\n  color:black\r\n  }\r\n  .item-type-heading {\r\n  font-size: 30px !important;\r\n  font-family: barlow !important;\r\n  color: #212529 !important;\r\n  font-weight: 700 !important;\r\n  border: none !important;\r\n  }\r\n  div#serving-size-container label {\r\n  pointer-events: none;\r\n  }\r\n  div#serving-size-container input[type=\"radio\"] {\r\n  pointer-events: auto;\r\n  cursor:pointer;\r\n  }\r\n  div#items-container input {\r\n  display:none;\r\n  }\r\n  div#items-container label {\r\n  background-color:#ececec !important;\r\n  padding:15px;\r\n  font-size:20px !important;\r\n  }\r\n  div#items-container label:hover {\r\n  background-color:#16a152 !important;\r\n  padding:15px;\r\n  font-size:20px !important;\r\n  color:white !important\r\n  }\r\n  #items-container label:has(input[type=\"radio\"]:checked) {\r\n  background: #16a152 !important;\r\n  color: white;\r\n  }\r\n  .nutrition-calc-container .tabs-container button.tab-button {\r\n  width: 150px;\r\n  height: 160px;\r\n  color: black;\r\n  }\r\n  .nutrition-summary::after {\r\n  content: \"Calculatrice\" !important;\r\n  position: absolute;\r\n  top: 12px;\r\n  left: 7px;\r\n  width: 95% !important;\r\n  height: 95% !important;\r\n  background-size: cover;\r\n  background-position: center;\r\n  opacity: 1;\r\n  z-index: -1;\r\n  width: 35%;\r\n  padding: 20px;\r\n  background-color: #E34A34;\r\n  color: white;\r\n  border-radius: 8px;\r\n  height: fit-content;\r\n  }\r\n  .nutrition-summary::after {\r\n  font-size: 40px;\r\n  font-family:'Barlow';\r\n  padding:10px 0px 0px 70px !important;\r\n  align-items: center;\r\n  font-weight:600;\r\n  }\r\n  .nutrition-summary p {\r\n  border-bottom: 1px solid #FF8270;\r\n  padding-inline: 20px;\r\n  width: 90%;\r\n  margin: 4px auto;\r\n  padding-bottom: 10px;\r\n  }\r\n\r\n  .nutrition-summary {\r\n  padding-top: 85px !important;\r\n  margin-top: -50px;\r\n  width: 330px !important;\r\n  padding: 20px;\r\n  color: white;\r\n  border-radius: 8px;\r\n  margin-left: 5%;\r\n  position: sticky;\r\n  background-image: url(https:\/\/muchoburrito.com\/wp-content\/uploads\/2024\/07\/Group-1000002013.png);\r\n  background-size: cover;\r\n  background-position: center;\r\n      padding: 20px 0;\r\n  }\r\n  .nutrition-summary.d-block-mobile {\r\n      display: none;\r\n  }\r\n  div#tabs {\r\n  position: absolute;\r\n  top: -280px;\r\n  width: 75%;\r\n  }\r\n  .main-div {\r\n  display: contents;\r\n  position: relative;\r\n  }\r\n  #items-container label:has(input[type=\"checkbox\"]:checked) {\r\n  background: #16a152 !important;\r\n  color: white;\r\n  }\r\n  .allergen-drawer.open .allergen-content {\r\n  width:290px !important;\r\n  }\r\n  @media (max-width: 768px) {\r\n\r\n  .nutrition-summary {\r\n      position: sticky !important;\r\n  }\r\n  .tab-button span {\r\n  font-size: 18px !important;\r\n  }\r\n  .tab-button{\r\n      height: 115px !important;\r\n  }\r\n  .nutrition-calc-container {\r\n      padding: 15px 0px 0px 10px;\r\n      margin-left: -10px;\r\n  }\r\n  .nutrition-summary.d-block-mobile.open ul {\r\n  display: none;\r\n  }\r\n  }\r\n  .for-cross {\r\n  display: flex;\r\n  align-items:center;\r\n  }\r\n  .for-cross span{\r\n  margin:-8px 0px 0px 12px;\r\n  font-size:18px;\r\n  font-weight:500;\r\n  cursor: pointer;\r\n  color: white;\r\n  }\r\n  div#serving-size-container input[type=\"radio\"] {\r\n  accent-color: green;\r\n  }\r\n  #serving-size-container label:has(input[type=\"radio\"]:checked) {\r\n  color: green;\r\n  }\r\n  div#serving-size-container:empty {\r\n  padding: 0;\r\n  }\r\n  .main-div:has(div#serving-size-container:empty) .nutrition-summary.d-none-mobile {\r\n  margin-top: 60px;\r\n  }\r\n  .allergen-toggle span {\r\n  display: none;\r\n  }\r\n  .mainAllergensP {\r\n  font-size: 19px;\r\n  font-style: italic;\r\n  color: #E34A34;\r\n  padding-left: 13px;\r\n  padding-bottom: 0px;\r\n  width: 100%;\r\n  padding-top: 15px;\r\n  }\r\n\r\n      \/*Zahan CSS END*\/\r\n      \/* Form Sections *\/\r\n      #serving-size-container,\r\n      #items-container {\r\n          width: 60%;\r\n          padding: 0px 0px 0px 12px;\r\n      }\r\n\r\n      #serving-size-container h3,\r\n      #items-container h3 {\r\n          font-size: 24px;\r\n          margin-bottom: 15px;\r\n          color: #07342C;\r\n      }\r\n\r\n      \/* Input Styles *\/\r\n      label {\r\n          display: block;\r\n          margin-bottom: 10px;\r\n          cursor: pointer;\r\n          padding: 8px 15px;\r\n          background-color: #ECECEC;\r\n          border-radius: 4px;\r\n          transition: all 0.3s ease;\r\n          text-transform: capitalize;\r\n      }\r\n\r\n      label:hover {\r\n          background-color: #00a14e;\r\n          color: white;\r\n      }\r\n\r\n      input[type=\"radio\"],\r\n      input[type=\"checkbox\"] {\r\n          margin-right: 10px;\r\n      }\r\n\r\n      .item-type-heading {\r\n          font-size: 20px;\r\n          font-weight: bold;\r\n          margin: 20px 0 10px;\r\n          color: #E34A34;\r\n          border-bottom: 2px solid #E34A34;\r\n          padding-bottom: 0px;\r\n      }\r\n\r\n      \/* Nutrition Summary *\/\r\n      .nutrition-summary {\r\n          width: 35%;\r\n          padding: 20px;\r\n          background-color: #E34A34;\r\n          color: white;\r\n          border-radius: 8px;\r\n          margin-left: 5%;\r\n          position: sticky;\r\n          margin-top: -80px;\r\n          height: 500px;\r\n      }\r\n\r\n      .nutrition-summary p {\r\n          font-size: 19px;\r\n          display: flex;\r\n          justify-content: space-between;\r\n          font-weight: 500;\r\n      }\r\n\r\n      .nutrition-summary span {\r\n          font-weight: bold;\r\n      }\r\n\r\n      \/* Responsive Styles *\/\r\n      @media (max-width: 1200px) {\r\n          .nutrition-calc-container {\r\n              width: 100%;\r\n              padding: 15px;\r\n          }\r\n      }\r\n\r\n      @media (max-width: 768px) {\r\n          div#items-container {\r\n           padding-bottom: 35px;\r\n  }\r\n          #serving-size-container,\r\n          #items-container {\r\n              width: 100%;\r\n              padding: 0px 0px 15px 12px;\r\n          }\r\n          .elementor-element.elementor-element-bd32b8a.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {\r\n  padding-bottom: 140px !important;\r\n  }\r\n          .for-tablet {\r\n          width: 50%;\r\n          }\r\n          .nutrition-calc-container .tabs-container button.tab-button {\r\n  min-width: 120px !important;\r\n  }\r\n  .nutrition-summary::after {\r\n  position: absolute;\r\n  top: 0px;\r\n  left: 0px;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  background-size: cover;\r\n  background-position: center;\r\n  opacity: 1;\r\n  z-index: -1;\r\n  width: 35%;\r\n  padding: 20px;\r\n  background-color: #E34A34;\r\n  color: white;\r\n  border-radius: 8px;\r\n  height: fit-content;\r\n  }    .nutrition-summary {\r\n              width: 100%;\r\n              margin-left: 0;\r\n              margin-top: 30px;\r\n              position: static;\r\n          }\r\n\r\n          .tabs-container {\r\n              flex-wrap: nowrap;\r\n              justify-content: flex-start;\r\n          }\r\n\r\n          .tab-button {\r\n              min-width: 90px;\r\n              height: 120px;\r\n              font-size: 16px;\r\n          }\r\n\r\n          .tab-button img {\r\n              width: 60px;\r\n              height: 60px;\r\n          }\r\n      }\r\n\r\n      @media (max-width: 480px) {\r\n          .nutrition-summary p {\r\n              font-size: 16px;\r\n          }\r\n\r\n          #serving-size-container h3,\r\n          #items-container h3 {\r\n              font-size: 20px;\r\n          }\r\n\r\n          .item-type-heading {\r\n              font-size: 18px;\r\n          }\r\n      }\r\n      \/* Allergen Drawer Styles with Smooth Slide Animation *\/\r\n      .allergen-list li {\r\n      margin: 6px 0;\r\n      }\r\n      .allergen-content {\r\n  left: -330px;\r\n  position: absolute;\r\n  transform: translateY(-50%);\r\n  transition: 0.6s;\r\n      }\r\n      .allergen-drawer.open .allergen-content {\r\n  left: 0;\r\n  transition: 0.6s;\r\n      width: 310px !important;\r\n      }\r\n      .allergen-toggle span {\r\n  display: none;\r\n  }\r\n      .allergen-drawer {\r\n          position: fixed;\r\n          top: 50%;\r\n          transform: translateY(-50%);\r\n          z-index: 1000;\r\n          transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n          display: flex;\r\n      }\r\n\r\n      .allergen-toggle {\r\n          line-height: 20px;\r\n          text-align: left;\r\n          font-size: 18px;\r\n          background-color: #E34A34;\r\n          color: white;\r\n          border: none;\r\n          cursor: pointer;\r\n          border-radius: 0px 35px 35px 0px;\r\n          box-shadow: 2px 2px 8px rgba(0,0,0,0.2);\r\n          height: 60px;\r\n          align-self: center;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n      }\r\n\r\n      .allergen-toggle:hover {\r\n          background-color: #c0392b;\r\n      }\r\n\r\n      .allergen-content {\r\n          background-color: #2b9154;\r\n          width: 310px;\r\n          padding: 20px;\r\n          border-radius: 0 8px 8px 0;\r\n          box-shadow: 4px 0 15px rgba(0,0,0,0.1);\r\n          max-height: 80vh;\r\n          overflow-y: auto;\r\n          color: white;\r\n      }\r\n\r\n      .allergen-content h3 {\r\n          color: white;\r\n          margin-bottom: 15px;\r\n          padding-bottom: 5px;\r\n          font-size: 25px;\r\n          width: max-content;\r\n      }\r\n\r\n      .allergen-list {\r\n          list-style-type: none;\r\n          padding: 0;\r\n          margin: 0;\r\n      }\r\n      ul.allergen-list li span{\r\n      color:white !important;\r\n      }\r\n      .allergen-abbr {\r\n          display: inline-block;\r\n          width: 50px;\r\n          font-weight: bold;\r\n          color: #E34A34;\r\n          font-size: 1.1rem;\r\n      }\r\n\r\n      \/* When drawer is open *\/\r\n      .allergen-drawer.open {\r\n          left: 0; \/* Slide into view *\/\r\n      }\r\n\r\n      \/* Animation for the toggle button *\/\r\n      .allergen-toggle span {\r\n          transition: transform 0.3s ease;\r\n      }\r\n      .allergen-drawer.open .allergen-toggle span {\r\n          transform: rotate(180deg);\r\n      }\r\n\r\n      \/* Responsive adjustments *\/\r\n      @media (max-width: 767px) {\r\n      .nutrition-calc-container:has(#items-container input[value=\"Chocolate Chunk Cookie\"]:checked) label::after{\r\n          bottom: -115px !important;\r\n      }\r\n      div#tabs {\r\n      width: 97%;\r\n      top: -220px;\r\n  }\r\n          .allergen-drawer {\r\n          bottom: 20px;\r\n          transform: none;\r\n          right: 0px;\r\n          }\r\n          .allergen-content {\r\n              width: 200px;\r\n          }\r\n          .allergen-drawer.open {\r\n  left: auto;\r\n  }\r\n      .allergen-toggle {\r\n      height: 50px;\r\n      padding: 12px 8px;\r\n      border-radius: 35px 0px 0px 35px !important;\r\n      padding: 15px !important;\r\n       }\r\n      .allergen-drawer.open .allergen-content {\r\n      left: auto !important;\r\n      right: 0px !important;\r\n      transition: 0.6s;\r\n      width: 290px !important;\r\n  }\r\n      .allergen-content {\r\n      border-radius: 8px 0px 0px 8px !important;\r\n      width: 200px;\r\n      left: auto !important;\r\n      right: -500px !important;\r\n      position: absolute !important;\r\n      transform: translateY(-50%) !important;\r\n      transition: 0.6s !important;\r\n  }\r\n\r\n  .allergen-content {\r\n  left: auto !important;\r\n  position: absolute !important;\r\n  transform: translateY(-50%) !important;\r\n  transition: 0.6s !important;\r\n  }\r\n\r\n  .allergen-list li {\r\n  margin:  0;\r\n  }\r\n      }\r\n      @media (max-width: 1440px){\r\n      div#tabs {\r\n      width: 85%;\r\n  }\r\n  }\r\n  @media (max-width: 1024px) {\r\n  div#tabs {\r\n      width: 97%;\r\n      top: -250px;\r\n  }\r\n  .tab-button span {\r\n    text-wrap:wrap;\r\n  font-size: 14px !important;\r\n  text-transform: capitalize;\r\n  }\r\n  }\r\n  @media (max-width: 767px) {\r\n      .d-block-mobile {\r\n  display: none;\r\n  }\r\n  .nutrition-summary.d-block-mobile {\r\n      position: fixed;\r\n      bottom: 0;\r\n      left: 0;\r\n      right: 0;\r\n      width: 100%;\r\n      background: white;\r\n      border-radius: 16px 16px 0 0;\r\n      box-shadow: 0 -4px 12px rgba(0,0,0,0.15);\r\n      z-index: 1000;\r\n      padding: 15px 20px;\r\n      transform: translateY(calc(100% - 50px));\r\n      transition: transform 0.3s ease;\r\n      max-height: 70vh;\r\n      overflow-y: auto;\r\n  }\r\n  .nutrition-summary.d-block-mobile {\r\n          position: fixed !important;\r\n          top: 5px;\r\n          width: 100vw !important;\r\n          background: none;\r\n          box-shadow: none;\r\n          z-index: 99999;\r\n          height: 100vh;\r\n          margin: 0 auto;\r\n      }\r\n\r\n  .nutrition-summary.d-block-mobile.open {\r\n      transform: translateY(0);\r\n  }\r\n\r\n  .nutrition-summary.d-block-mobile::after {\r\n      content: \"\" !important;\r\n  }\r\n  .nutrition-summary.d-block-mobile.open p {\r\n      display: flex;\r\n      margin-bottom: 6px;\r\n      font-size: 18px;\r\n      border-bottom:none;\r\n  }\r\n  .nutrition-summary.d-block-mobile h3 {\r\n      font-size: 35px;\r\n      margin-bottom: 50px;\r\n      text-align: center;\r\n      position: relative;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      margin-top:-40px;\r\n      font-family: barlow;\r\n      font-weight: bold;\r\n  }\r\n\r\n  .nutrition-summary.d-block-mobile > ul {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      padding: 0;\r\n      position: relative;\r\n      top: -60px;\r\n  }\r\n\r\n  .nutrition-summary.d-block-mobile > ul li {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      flex: 1;\r\n  }\r\n\r\n  .nutrition-summary.d-block-mobile > ul li span:first-child {\r\n      font-weight: bold;\r\n      color: #E34A34;\r\n      font-size: 18px;\r\n  }\r\n\r\n  .nutrition-summary.d-block-mobile > ul li span:last-child {\r\n      font-size: 12px;\r\n      color: #fff;\r\n  }\r\n\r\n  .nutrition-summary.d-block-mobile p {\r\n      color: #fff;\r\n      border-bottom: 1px solid #eee;\r\n      padding: 8px 0;\r\n      margin: 0;\r\n      display: flex;\r\n      justify-content: space-between;\r\n  }\r\n\r\n  .nutrition-summary.d-block-mobile p span {\r\n      color: #fff;\r\n      font-weight: bold;\r\n  }\r\n\r\n  .toggle-button {\r\n      position: absolute;\r\n      top: 1px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      width: 50px;\r\n      height: 50px;\r\n      border-radius: 50%;\r\n      background: #e34a34;\r\n      border: none;\r\n      cursor: pointer;\r\n      z-index: 1001;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n  }\r\n  .toggle-button:hover,\r\n  .toggle-button:focus {\r\n      background: #e34a34;\r\n  }\r\n\r\n  .toggle-button img {\r\n      width: 20px;\r\n      height: 20px;\r\n      transition: transform 0.3s ease;\r\n  }\r\n\r\n  .nutrition-summary.d-block-mobile.open .toggle-button img {\r\n      transform: rotate(180deg);\r\n  }\r\n\r\n  .d-none-mobile {\r\n      display: none !important;\r\n  }\r\n\r\n  .d-block-mobile {\r\n      display: block !important;\r\n  }\r\n  }\r\n      \/*NEW CSS Of HAS VALUES*\/\r\n  #serving-size-container h3, #items-container h3 {\r\n  font-size: 30px;\r\n  font-family: barlow;\r\n  font-weight: bold;\r\n  }\r\n  div#items-container {\r\n  position: relative;\r\n  height: fit-content;\r\n  }\r\n  .nutrition-summary.d-block-mobile > ul {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  padding: 0;\r\n  position: relative;\r\n  top: -60px;\r\n  }\r\n\r\n  .nutrition-summary.d-block-mobile > ul li {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  text-align: center;\r\n  margin: 0 auto;\r\n  flex-direction: column;\r\n  }\r\n\r\n  .nutrition-summary.d-block-mobile > ul li > span {\r\n  margin: 0 auto;\r\n  text-align: center;\r\n  }\r\n\r\n  .nutrition-summary.d-block-mobile {\r\n      position: fixed;\r\n      top: 210px;\r\n\r\n  }\r\n\r\n\r\n  \r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"Burrito\"]:checked) label:has(input[value=\"Pineapple Pork Al Pastor\"]:checked) ::before {\r\n  content: 'Contains Following Allergens';\r\n  position: absolute;\r\n  bottom: -50px;\r\n  color: black;\r\n  left: 12px;\r\n  font-size: 30px;\r\n  font-family: barlow;\r\n  font-weight: bold;\r\n  }\r\n\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"Burrito\"]:checked) label:has(input[value=\"Pineapple Pork Al Pastor\"]:checked) ::after {\r\n  content: \"W (Wheat), M (Milk), S (Soy), C (Corn)\";\r\n  position: absolute;\r\n  bottom: -100px;\r\n  color: #E34A34;\r\n  left: 15px;\r\n  font-style: italic;\r\n  }\r\n\r\n\r\n\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"Burrito\"]:checked) label:has(input[value=\"Guajillo Grilled Chicken\"]:checked) ::before {\r\n  content: 'Contains Following Allergens';\r\n  position: absolute;\r\n  bottom: -50px;\r\n  color: black;\r\n  left: 12px;\r\n  font-size: 30px;\r\n  font-family: barlow;\r\n  font-weight: bold;\r\n  }\r\n\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"Burrito\"]:checked) label:has(input[value=\"Guajillo Grilled Chicken\"]:checked) ::after {\r\n  content: \"W (Wheat), M (Milk), C (Corn)\";\r\n  position: absolute;\r\n  bottom: -100px;\r\n  color: #E34A34;\r\n  left: 15px;\r\n  font-style: italic;\r\n  }\r\n\r\n\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"Burrito\"]:checked) label:has(input[value=\"Barbacoa Bliss\"]:checked) ::before {\r\n  content: 'Contains Following Allergens';\r\n  position: absolute;\r\n  bottom: -50px;\r\n  color: black;\r\n  left: 12px;\r\n  font-size: 30px;\r\n  font-family: barlow;\r\n  font-weight: bold;\r\n  }\r\n\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"Burrito\"]:checked) label:has(input[value=\"Barbacoa Bliss\"]:checked) ::after {\r\n  content: \"W (Wheat), M (Milk), E (Egg), S (Soy)\";\r\n  position: absolute;\r\n  bottom: -100px;\r\n  color: #E34A34;\r\n  left: 15px;\r\n  font-style: italic;\r\n  }\r\n\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"Bowl\"]:checked) label:has(input[value=\"Pineapple Pork Al Pastor\"]:checked) ::before {\r\n  content: 'Contains Following Allergens';\r\n  position: absolute;\r\n  bottom: -50px;\r\n  color: black;\r\n  left: 12px;\r\n  font-size: 30px;\r\n  font-family: barlow;\r\n  font-weight: bold;\r\n  }\r\n\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"Bowl\"]:checked) label:has(input[value=\"Pineapple Pork Al Pastor\"]:checked) ::after {\r\n  content: \"W (Wheat), M (Milk), S (Soy), C (Corn)\";\r\n  position: absolute;\r\n  bottom: -100px;\r\n  color: #E34A34;\r\n  left: 15px;\r\n  font-style: italic;\r\n  }\r\n\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"Bowl\"]:checked) label:has(input[value=\"Guajillo Grilled Chicken\"]:checked) ::before {\r\n  content: 'Contains Following Allergens';\r\n  position: absolute;\r\n  bottom: -50px;\r\n  color: black;\r\n  left: 12px;\r\n  font-size: 30px;\r\n  font-family: barlow;\r\n  font-weight: bold;\r\n  }\r\n\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"Bowl\"]:checked) label:has(input[value=\"Guajillo Grilled Chicken\"]:checked) ::after {\r\n  content: \"M (Milk), C (Corn)\";\r\n  position: absolute;\r\n  bottom: -100px;\r\n  color: #E34A34;\r\n  left: 15px;\r\n  font-style: italic;\r\n  }\r\n\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"Bowl\"]:checked) label:has(input[value=\"Barbacoa Bliss\"]:checked) ::before {\r\n  content: 'Contains Following Allergens';\r\n  position: absolute;\r\n  bottom: -50px;\r\n  color: black;\r\n  left: 12px;\r\n  font-size: 30px;\r\n  font-family: barlow;\r\n  font-weight: bold;\r\n  }\r\n\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"Bowl\"]:checked) label:has(input[value=\"Barbacoa Bliss\"]:checked) ::after {\r\n  content: \"M (Milk), E (Egg), S (Soy)\";\r\n  position: absolute;\r\n  bottom: -100px;\r\n  color: #E34A34;\r\n  left: 15px;\r\n  font-style: italic;\r\n  }\r\n\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"Taco Trio\"]:checked) label:has(input[value=\"Pineapple Pork Al Pastor\"]:checked) ::before {\r\n  content: 'Contains Following Allergens';\r\n  position: absolute;\r\n  bottom: -50px;\r\n  color: black;\r\n  left: 12px;\r\n  font-size: 30px;\r\n  font-family: barlow;\r\n  font-weight: bold;\r\n  }\r\n\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"Taco Trio\"]:checked) label:has(input[value=\"Pineapple Pork Al Pastor\"]:checked) ::after {\r\n  content: \"W (Wheat), C (Corn), M (Milk), S (Soy)\";\r\n  position: absolute;\r\n  bottom: -100px;\r\n  color: #E34A34;\r\n  left: 15px;\r\n  font-style: italic;\r\n  }\r\n\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"Taco Trio\"]:checked) label:has(input[value=\"Guajillo Grilled Chicken\"]:checked) ::before {\r\n  content: 'Contains Following Allergens';\r\n  position: absolute;\r\n  bottom: -50px;\r\n  color: black;\r\n  left: 12px;\r\n  font-size: 30px;\r\n  font-family: barlow;\r\n  font-weight: bold;\r\n  }\r\n\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"Taco Trio\"]:checked) label:has(input[value=\"Guajillo Grilled Chicken\"]:checked) ::after {\r\n  content: \"M (Milk), C (Corn)\";\r\n  position: absolute;\r\n  bottom: -100px;\r\n  color: #E34A34;\r\n  left: 15px;\r\n  font-style: italic;\r\n  }\r\n\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"Taco Trio\"]:checked) label:has(input[value=\"Barbacoa Bliss\"]:checked) ::before {\r\n  content: 'Contains Following Allergens';\r\n  position: absolute;\r\n  bottom: -50px;\r\n  color: black;\r\n  left: 12px;\r\n  font-size: 30px;\r\n  font-family: barlow;\r\n  font-weight: bold;\r\n  }\r\n\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"Taco Trio\"]:checked) label:has(input[value=\"Barbacoa Bliss\"]:checked) ::after {\r\n  content: \"M (Milk),C (Corn), E (Egg), S (Soy)\";\r\n  position: absolute;\r\n  bottom: -100px;\r\n  color: #E34A34;\r\n  left: 15px;\r\n  font-style: italic;\r\n  }\r\n\r\n\r\n  .nutrition-calc-container:has(#items-container input[value=\"Frites Churros\"]:checked) label::before {\r\n  content: 'Contient les allerg\u00e8nes suivants';\r\n  position: absolute;\r\n  bottom: -50px;\r\n  color: black;\r\n  left: 12px;\r\n  font-size: 30px;\r\n  font-family: barlow;\r\n  font-weight: bold;\r\n  }\r\n\r\n  .nutrition-calc-container:has(#items-container input[value=\"Frites Churros\"]:checked) label::after {\r\n  content: \"E (\u0152uf), W (Bl\u00e9), S (Soja)\";\r\n  position: absolute;\r\n  bottom: -100px;\r\n  color: #E34A34;\r\n  left: 15px;\r\n  font-style: italic;\r\n  }\r\n\r\n  .nutrition-calc-container:has(#items-container input[value=\"Frites Churro Avec Sauce\"]:checked) label::before {\r\n  content: 'Contient les allerg\u00e8nes suivants';\r\n  position: absolute;\r\n  bottom: -50px;\r\n  color: black;\r\n  left: 12px;\r\n  font-size: 30px;\r\n  font-family: barlow;\r\n  font-weight: bold;\r\n  }\r\n\r\n  .nutrition-calc-container:has(#items-container input[value=\"Frites Churro Avec Sauce\"]:checked) label::after {\r\n  content: \"E (\u0152uf), W (Bl\u00e9), M (Lait), S (Soja)\";\r\n  position: absolute;\r\n  bottom: -100px;\r\n  color: #E34A34;\r\n  left: 15px;\r\n  font-style: italic;\r\n  }\r\n\r\n  .nutrition-calc-container:has(#items-container input[value=\"Biscuit Aux Brisures De Chocolat\"]:checked) label::before {\r\n  content: 'Contient les allerg\u00e8nes suivants';\r\n  position: absolute;\r\n  bottom: -50px;\r\n  color: black;\r\n  left: 12px;\r\n  font-size: 30px;\r\n  font-family: barlow;\r\n  font-weight: bold;\r\n  }\r\n\r\n\r\n  .nutrition-calc-container:has(#items-container input[value=\"Biscuit Aux Brisures De Chocolat\"]:checked) label::after {\r\n  content: \" N (peut contenir des fruits \u00e0 coque), M (lait), E (\u0153uf), S (soja), W (bl\u00e9)\";\r\n  position: absolute;\r\n  bottom: -100px;\r\n  color: #E34A34;\r\n  left: 15px;\r\n  font-style: italic;\r\n  }\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"Regular\"]:checked)\r\n  label:has(\r\n  input[value=\"Tortilla Chips With Salsa\"]:checked,\r\n  input[value=\"Tortilla Chips With Guac\"]:checked,\r\n  input[value=\"Tortilla Chips With Queso\"]:checked,\r\n  input[value=\"Loaded Nachos (Veggies)\"]:checked,\r\n  input[value=\"Loaded Nachos (Protein)\"]:checked\r\n  )::before {\r\n  content: 'Contains Following Allergens';\r\n  position: absolute;\r\n  bottom: -50px;\r\n  color: black;\r\n  left: 12px;\r\n  font-size: 30px;\r\n  font-family: barlow;\r\n  font-weight: bold;\r\n  }\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"Regular\"]:checked)\r\n  label:has(\r\n  input[value=\"Tortilla Chips With Salsa\"]:checked,\r\n  input[value=\"Tortilla Chips With Guac\"]:checked\r\n  )::after {\r\n  content: \"C (Corn)\";\r\n  position: absolute;\r\n  bottom: -100px;\r\n  color: #E34A34;\r\n  left: 15px;\r\n  font-style: italic;\r\n  }\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"Regular\"]:checked)\r\n  label:has(input[value=\"Tortilla Chips With Queso\"]:checked)::after {\r\n  content: \"C (Corn), M (Milk), S (Soy)\";\r\n  position: absolute;\r\n  bottom: -100px;\r\n  color: #E34A34;\r\n  left: 15px;\r\n  font-style: italic;\r\n  }\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"Regular\"]:checked)\r\n  label:has(input[value=\"Loaded Nachos (Veggies)\"]:checked)::after {\r\n  content: \"C (Corn), M (Milk)\";\r\n  position: absolute;\r\n  bottom: -100px;\r\n  color: #E34A34;\r\n  left: 15px;\r\n  font-style: italic;\r\n  }\r\n\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"Regular\"]:checked)\r\n  label:has(input[value=\"Loaded Nachos (Protein)\"]:checked)::after {\r\n  content: \"C (Corn), M (Milk), S (Soy), W (Wheat)\";\r\n  position: absolute;\r\n  bottom: -100px;\r\n  color: #E34A34;\r\n  left: 15px;\r\n  font-style: italic;\r\n  }\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"MUCHO\"]:checked)\r\n  label:has(\r\n  input[value=\"Tortilla Chips With Salsa\"]:checked,\r\n  input[value=\"Tortilla Chips With Guac\"]:checked,\r\n  input[value=\"Tortilla Chips With Queso\"]:checked,\r\n  input[value=\"Loaded Nachos (Veggies)\"]:checked,\r\n  input[value=\"Loaded Nachos (Protein)\"]:checked\r\n  )::before {\r\n  content: 'Contains Following Allergens';\r\n  position: absolute;\r\n  bottom: -50px;\r\n  color: black;\r\n  left: 12px;\r\n  font-size: 30px;\r\n  font-family: barlow;\r\n  font-weight: bold;\r\n  }\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"MUCHO\"]:checked)\r\n  label:has(\r\n  input[value=\"Tortilla Chips With Salsa\"]:checked,\r\n  input[value=\"Tortilla Chips With Guac\"]:checked\r\n  )::after {\r\n  content: \"C (Corn)\";\r\n  position: absolute;\r\n  bottom: -100px;\r\n  color: #E34A34;\r\n  left: 15px;\r\n  font-style: italic;\r\n  }\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"MUCHO\"]:checked)\r\n  label:has(input[value=\"Tortilla Chips With Queso\"]:checked)::after {\r\n  content: \"C (Corn), M (Milk), S (Soy)\";\r\n  position: absolute;\r\n  bottom: -100px;\r\n  color: #E34A34;\r\n  left: 15px;\r\n  font-style: italic;\r\n  }\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"MUCHO\"]:checked)\r\n  label:has(input[value=\"Loaded Nachos (Veggies)\"]:checked)::after {\r\n  content: \"C (Corn), M (Milk)\";\r\n  position: absolute;\r\n  bottom: -100px;\r\n  color: #E34A34;\r\n  left: 15px;\r\n  font-style: italic;\r\n  }\r\n\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"MUCHO\"]:checked)\r\n  label:has(input[value=\"Loaded Nachos (Protein)\"]:checked)::after {\r\n  content: \"C (Corn), M (Milk), S (Soy), W (Wheat)\";\r\n  position: absolute;\r\n  bottom: -100px;\r\n  color: #E34A34;\r\n  left: 15px;\r\n  font-style: italic;\r\n  }\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"Family Size\"]:checked)\r\n  label:has(\r\n  input[value=\"Tortilla Chips With Salsa\"]:checked,\r\n  input[value=\"Tortilla Chips With Guac\"]:checked,\r\n  input[value=\"Tortilla Chips With Queso\"]:checked,\r\n  input[value=\"Loaded Nachos (Veggies)\"]:checked,\r\n  input[value=\"Loaded Nachos (Protein)\"]:checked\r\n  )::before {\r\n  content: 'Contains Following Allergens';\r\n  position: absolute;\r\n  bottom: -50px;\r\n  color: black;\r\n  left: 12px;\r\n  font-size: 30px;\r\n  font-family: barlow;\r\n  font-weight: bold;\r\n  }\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"Family Size\"]:checked)\r\n  label:has(\r\n  input[value=\"Tortilla Chips With Salsa\"]:checked,\r\n  input[value=\"Tortilla Chips With Guac\"]:checked\r\n  )::after {\r\n  content: \"C (Corn)\";\r\n  position: absolute;\r\n  bottom: -100px;\r\n  color: #E34A34;\r\n  left: 15px;\r\n  font-style: italic;\r\n  }\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"Family Size\"]:checked)\r\n  label:has(input[value=\"Tortilla Chips With Queso\"]:checked)::after {\r\n  content: \"C (Corn), M (Milk), S (Soy)\";\r\n  position: absolute;\r\n  bottom: -100px;\r\n  color: #E34A34;\r\n  left: 15px;\r\n  font-style: italic;\r\n  }\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"Family Size\"]:checked)\r\n  label:has(input[value=\"Loaded Nachos (Veggies)\"]:checked)::after {\r\n  content: \"C (Corn), M (Milk)\";\r\n  position: absolute;\r\n  bottom: -100px;\r\n  color: #E34A34;\r\n  left: 15px;\r\n  font-style: italic;\r\n  }\r\n\r\n  .nutrition-calc-container:has(#serving-size-container input[value=\"Family Size\"]:checked)\r\n  label:has(input[value=\"Loaded Nachos (Protein)\"]:checked)::after {\r\n  content: \"C (Corn), M (Milk), S (Soy), W (Wheat)\";\r\n  position: absolute;\r\n  bottom: -100px;\r\n  color: #E34A34;\r\n  left: 15px;\r\n  font-style: italic;\r\n  }\r\n\r\n  \/* New styles for limit indicators *\/\r\n  .item-type-heading .limit-indicator {\r\n              font-size: 16px;\r\n              color: #E34A34;\r\n              margin-left: 10px;\r\n              font-weight: normal;\r\n          }\r\n\r\n          .limit-reached {\r\n              color: #E34A34;\r\n              font-weight: bold;\r\n              animation: shake 0.5s;\r\n          }\r\n\r\n          @keyframes shake {\r\n              0%, 100% { transform: translateX(0); }\r\n              20%, 60% { transform: translateX(-5px); }\r\n              40%, 80% { transform: translateX(5px); }\r\n          }\r\n\r\n          \/* Alert message styling *\/\r\n          .limit-alert {\r\n              position: fixed;\r\n              top: 20px;\r\n              left: 50%;\r\n              transform: translateX(-50%);\r\n              background-color: #E34A34;\r\n              color: white;\r\n              padding: 10px 20px;\r\n              border-radius: 5px;\r\n              z-index: 10000;\r\n              box-shadow: 0 3px 10px rgba(0,0,0,0.2);\r\n              display: none;\r\n          }\r\n      @media (max-width: 767px) {\r\n      .nutrition-summary.d-block-mobile.open {\r\n      max-height: 100vh;\r\n  display: flex !important;\r\n  flex-direction: column;\r\n  top: 0% !important ;\r\n  align-items: center;\r\n  justify-content: center;\r\n  }\r\n  .nutrition-summary.d-block-mobile {\r\n  top: 25% !important;\r\n  }\r\n      }\r\n<\/style>\r\n\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n\r\n<div class=\"nutrition-calc-container\">\r\n  <div class=\"tabs-container\" id=\"tabs\"><\/div>\r\n  <div class=\"main-div\">\r\n    <p class=\"mainAllergensP\">Voir les allerg\u00e8nes marqu\u00e9s en ROUGE.<\/p>\r\n    <div id=\"serving-size-container\"><\/div>\r\n    <div id=\"items-container\"><\/div>\r\n    <div class=\"nutrition-summary d-none-mobile\">\r\n      <p >Poids: <span class=\"weight\">0 g<\/span><\/p>\r\n      <p>Calories: <span class=\"calories\">0<\/span><\/p>\r\n      <p>Prot\u00e9in: <span class=\"protein\">0 g<\/span><\/p>\r\n      <p>Glucides: <span class=\"carbs\">0 g<\/span><\/p>\r\n      <p>Graisse: <span class=\"fat\">0 g<\/span><\/p>\r\n      <p>Graisses Satur\u00e9es: <span class=\"satfat\">0 g<\/span><\/p>\r\n      <p>Fibre: <span class=\"fibre\">0 g<\/span><\/p>\r\n      <p>Sucre: <span class=\"sugar\">0 g<\/span><\/p>\r\n      <p>Sel: <span class=\"salt\">0 g<\/span><\/p>\r\n    <\/div>\r\n    <div class=\"nutrition-summary d-block-mobile\">\r\n      <button class=\"toggle-button\">\r\n        <img\r\n          decoding=\"async\"\r\n          src=\"https:\/\/muchoburrito.com\/wp-content\/uploads\/2024\/07\/Group-658.png\"\r\n          alt=\"\"\r\n        \/>\r\n      <\/button>\r\n      <ul>\r\n        <li><span class=\"calories\">0<\/span>Calories<\/li>\r\n        <li><span class=\"Fat\">0<\/span>Graisse<\/li>\r\n        <li><span class=\"Fiber\">0<\/span>Fibre<\/li>\r\n        <li><span class=\"Carbs\">0<\/span>Glucides<\/li>\r\n      <\/ul>\r\n      <h3>Calculatrice<\/h3>\r\n      <p>Poids: <span class=\"weight\">0 g<\/span><\/p>\r\n      <p>Calories: <span class=\"calories\">0<\/span><\/p>\r\n      <p>Prot\u00e9in: <span class=\"protein\">0 g<\/span><\/p>\r\n      <p>Glucides: <span class=\"carbs\">0 g<\/span><\/p>\r\n      <p>Graisse: <span class=\"fat\">0 g<\/span><\/p>\r\n      <p>Graisses Satur\u00e9es: <span class=\"satfat\">0 g<\/span><\/p>\r\n      <p>Fibre: <span class=\"fibre\">0 g<\/span><\/p>\r\n      <p>Sucre: <span class=\"sugar\">0 g<\/span><\/p>\r\n      <p>Sel: <span class=\"salt\">0 g<\/span><\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Allergen Information Drawer -->\r\n<div class=\"allergen-drawer\">\r\n  <div class=\"allergen-content\">\r\n    <div class=\"for-cross\">\r\n      <h3>Infos sur les allerg\u00e8nes<\/h3>\r\n      <span class=\"cross\">\u2716<\/span>\r\n    <\/div>\r\n    <ul class=\"allergen-list\">\r\n      <li><span class=\"allergen-abbr\">N<\/span> Peut contenir des noix<\/li>\r\n      <li><span class=\"allergen-abbr\">NT<\/span> Noix<\/li>\r\n      <li><span class=\"allergen-abbr\">SES<\/span> S\u00e9same<\/li>\r\n      <li><span class=\"allergen-abbr\">M<\/span> Lait<\/li>\r\n      <li><span class=\"allergen-abbr\">E<\/span> \u0152uf<\/li>\r\n      <li><span class=\"allergen-abbr\">F<\/span> Poisson<\/li>\r\n      <li><span class=\"allergen-abbr\">S<\/span> Soya<\/li>\r\n      <li><span class=\"allergen-abbr\">W<\/span> Bl\u00e9<\/li>\r\n      <li><span class=\"allergen-abbr\">SU<\/span> Sulfites<\/li>\r\n      <li><span class=\"allergen-abbr\">MSG<\/span> Glutamate monosodique<\/li>\r\n      <li><span class=\"allergen-abbr\">C<\/span> Ma\u00efs<\/li>\r\n      <li><span class=\"allergen-abbr\">MTD<\/span> Moutarde<\/li>\r\n      <li><span class=\"allergen-abbr\">G<\/span> Sans gluten<\/li>\r\n      <li><span class=\"allergen-abbr\">V<\/span> V\u00e9g\u00e9talien<\/li>\r\n    <\/ul>\r\n  <\/div>\r\n  <button class=\"allergen-toggle\"><span>\u276f<\/span> Infos sur les allerg\u00e8nes<\/button>\r\n<\/div>\r\n\r\n<div class=\"limit-alert\" id=\"limitAlert\"><\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', async () => {\r\n  let nutritionData = {};\r\n  let selectedCategory = null;\r\n  let selectedServingSize = null;\r\n  let selectedItems = {};\r\n  let selectedToppings = new Set();\r\n  let selectedSauce = new Set();\r\n  let selectedAddon = new Set();\r\n  let selectedGarnish = new Set();\r\n\r\n  \/\/ Map internal category names to display names\r\n  const categoryDisplayNames = {\r\n      'burritos': 'BYO Burritos',\r\n      'bowls': 'BYO Bol',\r\n      'tacos': 'BYO Tacos',\r\n      'quesadillas': 'Quesadillas',\r\n      'dessert': 'Desserts',\r\n      'sides': '\u00c0 Partager',\r\n      'muchomunchies': 'Fringales Mucho',\r\n      'honeychillipepper': 'Poulet Au Piment Chili Et Miel'\r\n  };\r\n\r\n  const getDynamicLimits = (category, size) => {\r\n      const baseLimits = categoryLimits[category] || {\r\n          toppings: Infinity,\r\n          sauce: Infinity,\r\n          addon: Infinity,\r\n          garnish: Infinity\r\n      };\r\n\r\n      if (!size || !nutritionData[category]?.sizes[size]) return baseLimits;\r\n\r\n      const dynamicLimits = {...baseLimits};\r\n      const sizeData = nutritionData[category].sizes[size];\r\n\r\n      for (const itemType in baseLimits) {\r\n          if (sizeData[itemType]) {\r\n              const availableItems = Object.keys(sizeData[itemType]).length;\r\n              \/\/ Always enforce the smaller of either base limit or available items\r\n              dynamicLimits[itemType] = Math.min(baseLimits[itemType], availableItems);\r\n          }\r\n      }\r\n\r\n      return dynamicLimits;\r\n  };\r\n\r\n  \/\/ Define category-specific limits using INTERNAL names (must match CSV)\r\n  const categoryLimits = {\r\n      \"burritos\": { toppings: 4, sauce: 3, addon: Infinity, garnish: Infinity },\r\n      \"bowls\": { toppings: 4, sauce: 3, addon: Infinity, garnish: Infinity },\r\n      \"tacos\": { toppings: 3, sauce: 1, addon: Infinity, garnish: Infinity },\r\n      \"quesadillas\": { toppings: 0, sauce: 0, addon: 4, garnish: 0 },\r\n      \"dessert\": { toppings: Infinity, sauce: 0, addon: 0, garnish: 0 },\r\n      \"sides\": { toppings: Infinity, sauce: 0, addon: 0, garnish: 0 },\r\n      \"signaturecreations\": { toppings: Infinity, sauce: 0, addon: 0, garnish: 0 }\r\n  };\r\n\r\n  \/\/ Categories that don't have serving sizes (internal names)\r\n  const noServingSizeCategories = ['dessert', 'tacos'];\r\n\r\n  \/\/ Custom headers for each category (using INTERNAL names)\r\n  const categoryHeaders = {\r\n    \"ghostpepper\": \"Choisissez votre article signature\",\r\n    \"bowls\": \"Cr\u00e9ez votre propre bol\/salade\",\r\n    \"quesadillas\": \"Choisissez votre article\",\r\n    \"sides\": \"Taille d'une portion\",\r\n    \"burritos\": \"Taille d'une portion\",\r\n    \"dessert\": \"Choisissez votre article\",\r\n    \"tacos\": \"Choisissez votre article\",\r\n    \"taquitos\": \"Choisissez votre article\"\r\n  };\r\n\r\n  \/\/ Display names for item types\r\n  const itemTypeDisplayNames = {\r\n      'addon': 'Add-ons',\r\n      'toppings': 'Toppings',\r\n      'sauce': 'Sauce',\r\n      'garnish': 'Garnish'\r\n  };\r\n\r\n  const fetchCSVData = async () => {\r\n      try {\r\n          const response = await fetch('https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vQkT82brWc04V7XrpqhTATWOFHYpmq9JStje2kMeUC6cwtNLcs8qd_bsKbWLPoZ1g\/pub?output=csv');\r\n          if (!response.ok) throw new Error('Failed to fetch CSV data');\r\n          const csvText = await response.text();\r\n          parseCSV(csvText);\r\n      } catch (error) {\r\n          console.error('Error fetching CSV:', error);\r\n          document.getElementById('serving-size-container').innerHTML = '<p>Error loading nutrition data. Please try again later.<\/p>';\r\n      }\r\n  };\r\n\r\n  const parseCSV = (csvText) => {\r\n      csvText = csvText.replace(\/\\r\\n\/g, '\\n').replace(\/\\r\/g, '\\n').trim();\r\n      const lines = csvText.split('\\n');\r\n      const headers = lines[0].split(',').map(header => header.trim());\r\n\r\n      \/\/ Normalize category names for internal use\r\n      const normalizeCategoryName = (name) => {\r\n          return name.toLowerCase().trim();\r\n      };\r\n\r\n      \/\/ First pass: Collect all unique categories and their images\r\n      const categoryData = {};\r\n\r\n      for (let i = 1; i < lines.length; i++) {\r\n          if (!lines[i].trim()) continue;\r\n\r\n          const values = lines[i].split(',').map(value => value.trim());\r\n          const rawCategory = values[headers.indexOf('Category')];\r\n          const category = normalizeCategoryName(rawCategory);\r\n          const categoryImage = values[headers.indexOf('Category Image')];\r\n          const itemType = values[headers.indexOf('Item Type')]?.trim().toLowerCase();\r\n\r\n          \/\/ Normalize item type (convert 'add-ons' to 'addon')\r\n          const normalizedItemType = itemType === 'add-ons' ? 'addon' : itemType;\r\n\r\n          if (category) {\r\n              if (!categoryData[category]) {\r\n                  categoryData[category] = {\r\n                      image: categoryImage || '',\r\n                      items: []\r\n                  };\r\n              }\r\n\r\n              \/\/ Replace the item type with normalized version\r\n              const itemValues = [...values];\r\n              if (itemType) {\r\n                  const itemTypeIndex = headers.indexOf('Item Type');\r\n                  if (itemTypeIndex !== -1) {\r\n                      itemValues[itemTypeIndex] = normalizedItemType;\r\n                  }\r\n              }\r\n\r\n              categoryData[category].items.push(itemValues);\r\n          }\r\n      }\r\n\r\n      \/\/ Initialize nutritionData structure using INTERNAL category names\r\n      Object.keys(categoryData).forEach(internalCategory => {\r\n          nutritionData[internalCategory] = {\r\n              image: categoryData[internalCategory].image,\r\n              sizes: {}\r\n          };\r\n\r\n          \/\/ Process items for this category\r\n          categoryData[internalCategory].items.forEach(values => {\r\n              let entry = {};\r\n              headers.forEach((header, index) => {\r\n                  entry[header] = values[index] || '';\r\n              });\r\n\r\n              const servingSize = entry['Serving Size'];\r\n              const itemType = entry['Item Type'];\r\n              const itemName = entry['Item Name'];\r\n\r\n              if (!itemName) return;\r\n\r\n              const itemTypeKey = itemType || \"\";\r\n              const sizeKey = noServingSizeCategories.includes(internalCategory) ? '' : servingSize;\r\n\r\n              if (!nutritionData[internalCategory].sizes[sizeKey]) {\r\n                  nutritionData[internalCategory].sizes[sizeKey] = {};\r\n              }\r\n\r\n              if (!nutritionData[internalCategory].sizes[sizeKey][itemTypeKey]) {\r\n                  nutritionData[internalCategory].sizes[sizeKey][itemTypeKey] = {};\r\n              }\r\n\r\n              nutritionData[internalCategory].sizes[sizeKey][itemTypeKey][itemName] = entry;\r\n          });\r\n      });\r\n\r\n      updateUI();\r\n  };\r\n\r\n  const updateUI = () => {\r\n      const tabsContainer = document.getElementById('tabs');\r\n      tabsContainer.innerHTML = '';\r\n\r\n      Object.keys(nutritionData).forEach((internalCategory, index) => {\r\n          \/\/ Get display name or fallback to original\r\n          const displayName = categoryDisplayNames[internalCategory.toLowerCase()] || internalCategory;\r\n\r\n          const tabButton = document.createElement('button');\r\n          tabButton.classList.add('tab-button');\r\n\r\n          \/\/ Add image if available\r\n          if (nutritionData[internalCategory].image) {\r\n              const img = document.createElement('img');\r\n              img.src = nutritionData[internalCategory].image;\r\n              img.alt = displayName;\r\n              img.decoding = 'async';\r\n              tabButton.appendChild(img);\r\n          }\r\n\r\n          \/\/ Add display name\r\n          const text = document.createElement('span');\r\n          text.textContent = displayName;\r\n          tabButton.appendChild(text);\r\n\r\n          if (index === 0) {\r\n              tabButton.classList.add('active');\r\n              selectedCategory = internalCategory; \/\/ Store internal name\r\n              loadCategoryItems(internalCategory);\r\n          }\r\n\r\n          tabButton.addEventListener('click', () => {\r\n              document.querySelectorAll('.tab-button').forEach(btn => btn.classList.remove('active'));\r\n              tabButton.classList.add('active');\r\n              selectedCategory = internalCategory; \/\/ Store internal name\r\n              loadCategoryItems(internalCategory);\r\n          });\r\n\r\n          tabsContainer.appendChild(tabButton);\r\n      });\r\n  };\r\n\r\n  const loadCategoryItems = (internalCategory) => {\r\n      \/\/ Reset all selections\r\n      selectedServingSize = null;\r\n      selectedItems = {};\r\n      selectedToppings.clear();\r\n      selectedSauce.clear();\r\n      selectedAddon.clear();\r\n      selectedGarnish.clear();\r\n\r\n      \/\/ Clear containers\r\n      document.getElementById('serving-size-container').innerHTML = '';\r\n      document.getElementById('items-container').innerHTML = '';\r\n      resetNutritionSummary();\r\n\r\n      const hasServingSizes = !noServingSizeCategories.includes(internalCategory) &&\r\n                          Object.keys(nutritionData[internalCategory].sizes).length > 0 &&\r\n                          Object.keys(nutritionData[internalCategory].sizes)[0] !== '';\r\n\r\n      if (hasServingSizes) {\r\n          updateServingSizeOptions(internalCategory);\r\n      } else {\r\n          updateItems(internalCategory, '');\r\n      }\r\n  };\r\n\r\n  const updateServingSizeOptions = (internalCategory) => {\r\n      const container = document.getElementById('serving-size-container');\r\n      const headerText = categoryHeaders[internalCategory] || \"S\u00e9lectionnez ci-dessous\";\r\n\r\n      container.innerHTML = `<h3>${headerText}:<\/h3>`;\r\n      const sizesContainer = document.createElement('div');\r\n      sizesContainer.style.display = 'flex';\r\n      sizesContainer.style.flexWrap = 'wrap';\r\n      sizesContainer.style.gap = '15px';\r\n      container.appendChild(sizesContainer);\r\n\r\n      Object.keys(nutritionData[internalCategory].sizes).forEach(size => {\r\n          if (size === '') return;\r\n\r\n          const label = document.createElement('label');\r\n          label.style.display = 'flex';\r\n          label.style.alignItems = 'center';\r\n          label.style.gap = '8px';\r\n\r\n          const input = document.createElement('input');\r\n          input.type = 'radio';\r\n          input.name = 'serving-size';\r\n          input.value = size;\r\n\r\n          if (size === selectedServingSize || !selectedServingSize && size === Object.keys(nutritionData[internalCategory].sizes)[0]) {\r\n              input.checked = true;\r\n              selectedServingSize = size;\r\n              updateItems(internalCategory, size);\r\n          }\r\n\r\n          input.addEventListener('change', () => {\r\n              const newSizeData = nutritionData[internalCategory].sizes[size];\r\n              const newLimits = getDynamicLimits(internalCategory, size);\r\n\r\n              \/\/ Filter selections to only include items available in new size AND within new limits\r\n              const filterSelections = (set, itemType) => {\r\n                  const newSet = new Set();\r\n                  let count = 0;\r\n\r\n                  \/\/ Add items until we reach the new limit\r\n                  for (const item of set) {\r\n                      if (count >= newLimits[itemType]) break;\r\n                      if (newSizeData[itemType] && newSizeData[itemType][item]) {\r\n                          newSet.add(item);\r\n                          count++;\r\n                      }\r\n                  }\r\n                  return newSet;\r\n              };\r\n\r\n              selectedToppings = filterSelections(selectedToppings, 'toppings');\r\n              selectedSauce = filterSelections(selectedSauce, 'sauce');\r\n              selectedAddon = filterSelections(selectedAddon, 'addon');\r\n              selectedGarnish = filterSelections(selectedGarnish, 'garnish');\r\n\r\n              selectedServingSize = size;\r\n              updateItems(internalCategory, size);\r\n              calculateNutrition(internalCategory, size);\r\n          });\r\n\r\n          label.appendChild(input);\r\n          label.appendChild(document.createTextNode(size));\r\n          sizesContainer.appendChild(label);\r\n      });\r\n  };\r\n\r\n  const updateItems = (internalCategory, size) => {\r\n      const container = document.getElementById('items-container');\r\n      container.innerHTML = '';\r\n\r\n      const limits = getDynamicLimits(internalCategory, size);\r\n      const sizeData = nutritionData[internalCategory].sizes[size];\r\n\r\n      if (noServingSizeCategories.includes(internalCategory)) {\r\n          const headerText = categoryHeaders[internalCategory] || \"Select Items\";\r\n          container.innerHTML = `<h3>${headerText}:<\/h3>`;\r\n      }\r\n\r\n      Object.keys(sizeData).forEach(itemType => {\r\n          if (Object.keys(sizeData[itemType]).length === 0) return;\r\n\r\n          const heading = document.createElement('div');\r\n          heading.classList.add('item-type-heading');\r\n\r\n          const displayName = itemTypeDisplayNames[itemType] ||\r\n                           (itemType.charAt(0).toUpperCase() + itemType.slice(1));\r\n\r\n          const headingText = document.createElement('span');\r\n          headingText.textContent = displayName;\r\n          heading.appendChild(headingText);\r\n\r\n          if (limits[itemType] !== undefined && limits[itemType] !== Infinity) {\r\n              const limitIndicator = document.createElement('span');\r\n              limitIndicator.classList.add('limit-indicator');\r\n\r\n              let currentCount = 0;\r\n              if (itemType === 'toppings') currentCount = selectedToppings.size;\r\n              else if (itemType === 'sauce') currentCount = selectedSauce.size;\r\n              else if (itemType === 'addon') currentCount = selectedAddon.size;\r\n              else if (itemType === 'garnish') currentCount = selectedGarnish.size;\r\n\r\n              limitIndicator.textContent = ` (${currentCount}\/${limits[itemType]} s\u00e9lectionn\u00e9)`;\r\n              heading.appendChild(limitIndicator);\r\n\r\n              if (currentCount >= limits[itemType]) {\r\n                  limitIndicator.classList.add('limite atteinte');\r\n              }\r\n          }\r\n\r\n          container.appendChild(heading);\r\n\r\n          const itemsContainer = document.createElement('div');\r\n          itemsContainer.style.display = 'flex';\r\n          itemsContainer.style.flexWrap = 'wrap';\r\n          itemsContainer.style.gap = '10px';\r\n          container.appendChild(itemsContainer);\r\n\r\n          Object.keys(sizeData[itemType]).forEach(item => {\r\n              const label = document.createElement('label');\r\n              label.style.display = 'flex';\r\n              label.style.alignItems = 'center';\r\n              label.style.gap = '8px';\r\n\r\n              \/\/ Create the item name display with allergen highlighting\r\n              const itemNameSpan = document.createElement('span');\r\n              const itemNameParts = item.split(\/(\\([^)]+\\))\/);\r\n\r\n              itemNameParts.forEach(part => {\r\n                  if (part.startsWith('(') && part.endsWith(')')) {\r\n                      const allergenSpan = document.createElement('span');\r\n                      allergenSpan.textContent = part;\r\n                      allergenSpan.style.color = '#E34A34';\r\n                      allergenSpan.style.fontWeight = 'bold';\r\n                      allergenSpan.style.fontStyle = 'italic';\r\n                      allergenSpan.style.fontSize = '13px';\r\n                      itemNameSpan.appendChild(allergenSpan);\r\n                  } else if (part.trim() !== '') {\r\n                      itemNameSpan.appendChild(document.createTextNode(part));\r\n                  }\r\n              });\r\n\r\n              label.appendChild(itemNameSpan);\r\n\r\n              const input = document.createElement('input');\r\n              input.type = ['addon', 'toppings', 'sauce', 'garnish'].includes(itemType) ? 'checkbox' : 'radio';\r\n              input.name = itemType;\r\n              input.value = item;\r\n\r\n              let isSelected = false;\r\n              if (itemType === 'toppings') isSelected = selectedToppings.has(item);\r\n              else if (itemType === 'sauce') isSelected = selectedSauce.has(item);\r\n              else if (itemType === 'addon') isSelected = selectedAddon.has(item);\r\n              else if (itemType === 'garnish') isSelected = selectedGarnish.has(item);\r\n              else isSelected = selectedItems[itemType] === item;\r\n\r\n              input.checked = isSelected;\r\n\r\n              const shouldDisable = ['toppings', 'sauce', 'addon', 'garnish'].includes(itemType) &&\r\n                                  getSelectionCount(itemType) >= limits[itemType] &&\r\n                                  !isSelected;\r\n\r\n              input.disabled = shouldDisable;\r\n              if (shouldDisable) label.style.opacity = '0.6';\r\n\r\n              input.addEventListener('change', () => {\r\n                  handleItemSelectionChange(internalCategory, size, itemType, item, input.checked);\r\n              });\r\n\r\n              label.prepend(input);\r\n              itemsContainer.appendChild(label);\r\n          });\r\n      });\r\n  };\r\n\r\n  \/\/ Helper function to get current selection count\r\n  function getSelectionCount(itemType) {\r\n      switch(itemType) {\r\n          case 'toppings': return selectedToppings.size;\r\n          case 'sauce': return selectedSauce.size;\r\n          case 'addon': return selectedAddon.size;\r\n          case 'garnish': return selectedGarnish.size;\r\n          default: return 0;\r\n      }\r\n  }\r\n\r\n  \/\/ Helper function to handle item selection changes\r\n  function handleItemSelectionChange(category, size, itemType, item, isChecked) {\r\n      const currentLimits = getDynamicLimits(category, size);\r\n\r\n      switch(itemType) {\r\n          case 'toppings':\r\n              if (isChecked && selectedToppings.size >= currentLimits.toppings) {\r\n                  showLimitAlert(`Maximum ${currentLimits.toppings} toppings allowed`);\r\n                  return false;\r\n              }\r\n              isChecked ? selectedToppings.add(item) : selectedToppings.delete(item);\r\n              break;\r\n          case 'sauce':\r\n              if (isChecked && selectedSauce.size >= currentLimits.sauce) {\r\n                  showLimitAlert(`Maximum ${currentLimits.sauce} sauces allowed`);\r\n                  return false;\r\n              }\r\n              isChecked ? selectedSauce.add(item) : selectedSauce.delete(item);\r\n              break;\r\n          case 'addon':\r\n              if (isChecked && selectedAddon.size >= currentLimits.addon) {\r\n                  showLimitAlert(`Maximum ${currentLimits.addon} add-ons allowed`);\r\n                  return false;\r\n              }\r\n              isChecked ? selectedAddon.add(item) : selectedAddon.delete(item);\r\n              break;\r\n          case 'garnish':\r\n              if (isChecked && selectedGarnish.size >= currentLimits.garnish) {\r\n                  showLimitAlert(`Maximum ${currentLimits.garnish} garnishes allowed`);\r\n                  return false;\r\n              }\r\n              isChecked ? selectedGarnish.add(item) : selectedGarnish.delete(item);\r\n              break;\r\n          default:\r\n              selectedItems[itemType] = item;\r\n      }\r\n\r\n      updateItems(category, size);\r\n      calculateNutrition(category, size);\r\n      return true;\r\n  }\r\n\r\n  \/\/ Function to show limit alert\r\n  function showLimitAlert(message) {\r\n      const alert = document.getElementById('limitAlert');\r\n      alert.textContent = message;\r\n      alert.style.display = 'block';\r\n\r\n      setTimeout(() => {\r\n          alert.style.display = 'none';\r\n      }, 3000);\r\n  }\r\n\r\n  const calculateNutrition = (category, size) => {\r\n      let totalNutrition = {\r\n          weight: 0,\r\n          calories: 0,\r\n          fat: 0,\r\n          satfat: 0,\r\n          protein: 0,\r\n          carbs: 0,\r\n          sugar: 0,\r\n          fibre: 0,\r\n          salt: 0\r\n      };\r\n\r\n      \/\/ Helper function to add nutrition values\r\n      const addNutrition = (item) => {\r\n          if (!item) return;\r\n          totalNutrition.weight += parseFloat(item['Weight']) || 0;\r\n          totalNutrition.calories += parseFloat(item['Calories']) || 0;\r\n          totalNutrition.fat += parseFloat(item['Fat']) || 0;\r\n          totalNutrition.satfat += parseFloat(item['Saturated Fat']) || 0;\r\n          totalNutrition.protein += parseFloat(item['Protein']) || 0;\r\n          totalNutrition.carbs += parseFloat(item['Carbs']) || 0;\r\n          totalNutrition.sugar += parseFloat(item['Sugar']) || 0;\r\n          totalNutrition.fibre += parseFloat(item['Fibre']) || 0;\r\n          totalNutrition.salt += parseFloat(item['Salt']) || 0;\r\n      };\r\n\r\n      \/\/ Add selected items\r\n      Object.entries(selectedItems).forEach(([type, item]) => {\r\n          const items = nutritionData[category].sizes[size][type];\r\n          if (items && items[item]) addNutrition(items[item]);\r\n      });\r\n\r\n      \/\/ Add selected toppings, sauce, etc.\r\n      [selectedToppings, selectedSauce, selectedAddon, selectedGarnish].forEach((set, i) => {\r\n          const type = ['toppings', 'sauce', 'addon', 'garnish'][i];\r\n          set.forEach(item => {\r\n              const items = nutritionData[category].sizes[size][type];\r\n              if (items && items[item]) addNutrition(items[item]);\r\n          });\r\n      });\r\n\r\n      updateNutritionSummary(totalNutrition);\r\n  };\r\n\r\n  const updateNutritionSummary = (total) => {\r\n  \/\/ Update desktop version\r\n  document.querySelector('.nutrition-summary.d-none-mobile .weight').textContent = `${total.weight.toFixed(1)} g`;\r\n  document.querySelector('.nutrition-summary.d-none-mobile .calories').textContent = total.calories.toFixed(0);\r\n  document.querySelector('.nutrition-summary.d-none-mobile .protein').textContent = `${total.protein.toFixed(1)} g`;\r\n  document.querySelector('.nutrition-summary.d-none-mobile .carbs').textContent = `${total.carbs.toFixed(1)} g`;\r\n  document.querySelector('.nutrition-summary.d-none-mobile .fat').textContent = `${total.fat.toFixed(1)} g`;\r\n  document.querySelector('.nutrition-summary.d-none-mobile .satfat').textContent = `${total.satfat.toFixed(1)} g`;\r\n  document.querySelector('.nutrition-summary.d-none-mobile .fibre').textContent = `${total.fibre.toFixed(1)} g`;\r\n  document.querySelector('.nutrition-summary.d-none-mobile .sugar').textContent = `${total.sugar.toFixed(1)} g`;\r\n  document.querySelector('.nutrition-summary.d-none-mobile .salt').textContent = `${total.salt.toFixed(1)} g`;\r\n\r\n  \/\/ Update mobile version - explicitly update both calorie displays\r\n  const mobileSummary = document.querySelector('.nutrition-summary.d-block-mobile');\r\n  if (mobileSummary) {\r\n      \/\/ Update all calorie displays\r\n      const calorieDisplays = mobileSummary.querySelectorAll('.calories');\r\n      calorieDisplays.forEach(display => {\r\n          display.textContent = total.calories.toFixed(0);\r\n      });\r\n\r\n      \/\/ Update other values\r\n      mobileSummary.querySelector('.weight').textContent = `${total.weight.toFixed(1)} g`;\r\n      mobileSummary.querySelector('.protein').textContent = `${total.protein.toFixed(1)} g`;\r\n      mobileSummary.querySelector('.carbs').textContent = `${total.carbs.toFixed(1)} g`;\r\n      mobileSummary.querySelector('.fat').textContent = `${total.fat.toFixed(1)} g`;\r\n      mobileSummary.querySelector('.satfat').textContent = `${total.satfat.toFixed(1)} g`;\r\n      mobileSummary.querySelector('.fibre').textContent = `${total.fibre.toFixed(1)} g`;\r\n      mobileSummary.querySelector('.sugar').textContent = `${total.sugar.toFixed(1)} g`;\r\n      mobileSummary.querySelector('.salt').textContent = `${total.salt.toFixed(1)} g`;\r\n\r\n      \/\/ Update the highlights in mobile view\r\n      const highlightItems = mobileSummary.querySelectorAll('ul li span:first-child');\r\n      if (highlightItems.length >= 4) {\r\n          highlightItems[0].textContent = total.calories.toFixed(0);\r\n          highlightItems[1].textContent = `${total.fat.toFixed(1)} g`;\r\n          highlightItems[2].textContent = `${total.fibre.toFixed(1)} g`;\r\n          highlightItems[3].textContent = `${total.carbs.toFixed(1)} g`;\r\n      }\r\n  }\r\n  };\r\n\r\n  const resetNutritionSummary = () => {\r\n      document.querySelector('.nutrition-summary.d-none-mobile').innerHTML = `\r\n          <p>Poids: <span class=\"weight\">0 g<\/span><\/p>\r\n          <p>Calories: <span class=\"calories\">0<\/span><\/p>\r\n          <p>Prot\u00e9in: <span class=\"protein\">0 g<\/span><\/p>\r\n          <p>Glucides: <span class=\"carbs\">0 g<\/span><\/p>\r\n          <p>Graisse: <span class=\"fat\">0 g<\/span><\/p>\r\n          <p>Graisses Satur\u00e9es: <span class=\"satfat\">0 g<\/span><\/p>\r\n          <p>Fibre: <span class=\"fibre\">0 g<\/span><\/p>\r\n          <p>Sucre: <span class=\"sugar\">0 g<\/span><\/p>\r\n          <p>Sel: <span class=\"salt\">0 g<\/span><\/p>\r\n      `;\r\n\r\n      document.querySelector('.nutrition-summary.d-block-mobile').innerHTML = `\r\n          <button class=\"toggle-button\"><img decoding=\"async\" src=\"https:\/\/muchoburrito.com\/wp-content\/uploads\/2024\/07\/Group-658.png\" alt=\"\"><\/button>\r\n          <ul>\r\n              <li><span class=\"calories\">0<\/span>Calories<\/li>\r\n              <li><span class=\"Fat\">0<\/span>Fat<\/li>\r\n              <li><span class=\"Fiber\">0<\/span>Fiber<\/li>\r\n              <li><span class=\"Carbs\">0<\/span>Carbs<\/li>\r\n          <\/ul>\r\n          <h3>Calculatrice<\/h3>\r\n          <p>Poids: <span class=\"weight\">0 g<\/span><\/p>\r\n          <p>Calories: <span class=\"calories\">0<\/span><\/p>\r\n          <p>Prot\u00e9in: <span class=\"protein\">0 g<\/span><\/p>\r\n          <p>Glucides: <span class=\"carbs\">0 g<\/span><\/p>\r\n          <p>Graisse: <span class=\"fat\">0 g<\/span><\/p>\r\n          <p>Graisses Satur\u00e9es: <span class=\"satfat\">0 g<\/span><\/p>\r\n          <p>Fibre: <span class=\"fibre\">0 g<\/span><\/p>\r\n          <p>Sucre: <span class=\"sugar\">0 g<\/span><\/p>\r\n          <p>Sel: <span class=\"salt\">0 g<\/span><\/p>\r\n      `;\r\n  };\r\n\r\n  await fetchCSVData();\r\n  });\r\n\r\n\r\n  \/\/ Bottom sheet toggle functionality\r\n  \/\/ const toggleButton = document.querySelector('.toggle-button');\r\n  \/\/ const mobileNutrition = document.querySelector('.nutrition-summary.d-block-mobile');\r\n\r\n  \/\/ if (toggleButton && mobileNutrition) {\r\n  \/\/     toggleButton.addEventListener('click', function(e) {\r\n  \/\/         e.stopPropagation();\r\n  \/\/         mobileNutrition.classList.toggle('open');\r\n\r\n  \/\/         const img = this.querySelector('img');\r\n  \/\/         if (mobileNutrition.classList.contains('open')) {\r\n  \/\/             img.style.transform = 'rotate(180deg)';\r\n  \/\/         } else {\r\n  \/\/             img.style.transform = 'rotate(0deg)';\r\n  \/\/         }\r\n  \/\/     });\r\n\r\n  \/\/     \/\/ Close when clicking outside on mobile\r\n  \/\/     document.addEventListener('click', function(e) {\r\n  \/\/         if (window.innerWidth <= 767 &&\r\n  \/\/             mobileNutrition.classList.contains('open') &&\r\n  \/\/             !mobileNutrition.contains(e.target) &&\r\n  \/\/             e.target !== toggleButton) {\r\n  \/\/             mobileNutrition.classList.remove('open');\r\n  \/\/             toggleButton.querySelector('img').style.transform = 'rotate(0deg)';\r\n  \/\/         }\r\n  \/\/     });\r\n  \/\/ }\r\n\r\n  jQuery(document).on('click', '.toggle-button', function() {\r\n  const nutritionBox = jQuery('.nutrition-summary.d-block-mobile');\r\n  const img = jQuery(this).find('img');\r\n\r\n  nutritionBox.toggleClass('open');\r\n\r\n  if (nutritionBox.hasClass('open')) {\r\n  img.css('transform', 'rotate(180deg)');\r\n  } else {\r\n  img.css('transform', 'rotate(0deg)');\r\n  }\r\n  });\r\n\r\n\r\n  \/\/ Allergen drawer functionality\r\n  const allergenDrawer = document.querySelector('.allergen-drawer');\r\n  const allergenToggle = document.querySelector('.allergen-toggle');\r\n  const closeBtn = document.querySelector('.for-cross .cross');\r\n\r\n  if (allergenToggle && allergenDrawer && closeBtn) {\r\n  allergenToggle.addEventListener('click', function(e) {\r\n      e.stopPropagation();\r\n      allergenDrawer.classList.toggle('open');\r\n\r\n      const arrow = this.querySelector('span');\r\n      arrow.textContent = allergenDrawer.classList.contains('open') ? '\u276e' : '\u276f';\r\n  });\r\n\r\n  closeBtn.addEventListener('click', function(e) {\r\n      e.stopPropagation();\r\n      allergenDrawer.classList.remove('open');\r\n      allergenToggle.querySelector('span').textContent = '\u276f';\r\n  });\r\n\r\n  document.addEventListener('click', function(e) {\r\n      if (allergenDrawer.classList.contains('open') && !allergenDrawer.contains(e.target)) {\r\n          allergenDrawer.classList.remove('open');\r\n          allergenToggle.querySelector('span').textContent = '\u276f';\r\n      }\r\n  });\r\n  }\r\n\r\n  \/\/ Format allergen toggle button text\r\n  const button = document.querySelector('.allergen-toggle');\r\n\r\n  if (button) {\r\n  const span = button.querySelector('span');\r\n  let text = button.innerText.replace(span.innerText, '').trim(); \/\/ \"Allergen Info\"\r\n\r\n  const [firstWord, ...rest] = text.split(' ');\r\n  const newText = `${firstWord}<br>${rest.join(' ')}`;\r\n\r\n  button.innerHTML = `${span.outerHTML} ${newText}`;\r\n  }\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-201e9b0 e-con-full e-flex e-con e-parent\" data-id=\"201e9b0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-706ca42 e-con-full e-flex e-con e-child\" data-id=\"706ca42\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3cb0f3 elementor-widget elementor-widget-heading\" data-id=\"e3cb0f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">PR\u00caT \u00c0 COMMANDER ?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-346e163 elementor-align-left all-btn fr-btn elementor-widget elementor-widget-button\" data-id=\"346e163\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/muchoburrito.order-online.ai\/fr-CA#\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">commander maintenant<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b0e6014 elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet_extra elementor-hidden-tablet e-flex e-con-boxed e-con e-parent\" data-id=\"b0e6014\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a0fff4b e-flex e-con-boxed e-con e-parent\" data-id=\"a0fff4b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f70e138 e-con-full e-flex e-con e-child\" data-id=\"f70e138\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-096ede6 elementor-widget-mobile__width-initial seeFullMenu elementor-widget elementor-widget-heading\" data-id=\"096ede6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">VOIR LE <br> MENU COMPLET<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c8af95 elementor-align-left all-btn  elementor-widget elementor-widget-button\" data-id=\"2c8af95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/fr\/menu\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">VOIR MENU<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NUTRITIONNEL Informations Voir les allerg\u00e8nes marqu\u00e9s en ROUGE. Poids: 0 g Calories: 0 Prot\u00e9in: 0 g Glucides: 0 g Graisse: 0 g Graisses Satur\u00e9es: 0 g Fibre: 0 g Sucre: 0 g Sel: 0 g 0Calories 0Graisse 0Fibre 0Glucides Calculatrice Poids: 0 g Calories: 0 Prot\u00e9in: 0 g Glucides: 0 g Graisse: 0 g Graisses [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-31886","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/muchoburrito.com\/fr\/wp-json\/wp\/v2\/pages\/31886","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/muchoburrito.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/muchoburrito.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/muchoburrito.com\/fr\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/muchoburrito.com\/fr\/wp-json\/wp\/v2\/comments?post=31886"}],"version-history":[{"count":0,"href":"https:\/\/muchoburrito.com\/fr\/wp-json\/wp\/v2\/pages\/31886\/revisions"}],"wp:attachment":[{"href":"https:\/\/muchoburrito.com\/fr\/wp-json\/wp\/v2\/media?parent=31886"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}