:root {
  --white-color: #ffffff;
  /* Couleurs système */
  --color-principal: #114c73;
  --color-secondaire: #54595f;
  --color-texte: #222222;
  --color-accentue: transparent;

  /* Couleurs personnalisées */
  --background-color-1: #fff5f0;
  --background-color-2: #fff7ed;
  --background-color-3: #ff9974;
  --background-color-4: #f08d69;

  /*Carte*/
  --choco-1: #754026;
  --carte-texte: #241411;
  --carte-background: #0f0e0a;
  --choco-2: #5c2c16;
  --gold-color: #c4b086;
  --color-bio: #6dbe45;

  --border-radius: 4px;
}
body {
  scroll-behavior: smooth !important;
}

/*GLOBAL*/
ul {
  list-style: none;
}

/*elementor*/
.e-con-inner {
  padding: 0 !important;
  margin: 0 !important;
}

#site-header {
  display: none;
}
/*end elementor*/

/*NAV-MENU-BUTTONS*/
.elementor-button-wrapper {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#nav-menu-cont {
  display: flex;
  justify-content: center;
  align-items: center;
}
#leftbutton,
#rightbutton {
  font-size: 1.2rem;
  margin: 0;
}

/*MENU*/
/*Basic config*/
.main-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--background-color-2);
  background-image: linear-gradient(#fff7edf8),
    url(https://atelierterreetmer.com/wp-content/uploads/2023/08/iStock-876700382.jpg);
}
.menu__col--section--items {
  width: 100%;
  max-width: 768px;
}

.menu__col--section {
  max-width: 500px;
  padding: 0 1rem 3rem 1rem;
}

.menu__category {
  border-radius: 8px;
  color: var(--color-principal);
  padding: 10rem 0 5rem;
}

.menu__category--title {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}

.menu__category--icon {
  width: 32px;
  height: 32px;
}

.menu__section {
}

.menu__section--item--cont,
.menu__section--slogan {
  padding: 0rem 1rem 0.5rem;
  border-radius: 4px;
  margin-bottom: 0px;
}

.menu__section--slogan {
  text-align: center;
}

.menu__section--items {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
}

.menu__item--desc--el {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 0.25rem;
  font-weight: 400;
  font-size: 1.1rem;
}

.menu__item--desc {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  border-bottom: dotted 1px var(--color-principal);
  color: inherit;
}

.menu__item--desc--desc {
  width: 100%;
}

.menu__section--image {
  width: 120px;
  height: 120px;
  object-fit: contain;
  object-position: center;
}

/*IMAGES*/

.menu__item--imgs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.menu__item--img {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  max-width: 375px;
  height: auto;
}

.menu__item--img1 {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  max-width: 50%;
  height: auto;
}

.menu__item--img2 {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  max-width: 50%;
  height: auto;
}

.canvas-img {
  display: block;
  max-width: 100%;
  height: auto;
}

.img--fallback {
}

.fallback-text {
  font-size: 0.9rem;
}

.menu__desc--title--el {
  max-width: 60%;
}

.menu__section--title--cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4rem 0 2rem;
}

.menu__section--title {
  text-align: center;
  font-weight: 500;
}

.menu__description {
  width: 100%;
  margin-bottom: 0.5rem;
  font-weight: 300;
  color: inherit;
  margin-bottom: 1rem;
}

.menu__badge--cont {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 1rem;
}

.menu__badge--items {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
}

.menu__badge--content {
  color: var(--color-principal);
}

.menu__badge--image {
  width: 24px;
  height: 24px;
}

.menu__desc--price--el {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
  flex-wrap: nowrap;
  gap: 0.1rem;
  width: auto;
}
.menu__desc--price {
  white-space: nowrap;
  width: 60px;
  text-align: right;
}
.menu__desc--price--group,
.menu__desc--unit--group {
  display: flex;
  flex-direction: row;

  flex-wrap: nowrap;
  gap: 0.5rem;
}
/*end basic config*/

/*CUSTOM*/

.menu__item--desc--el {
  color: inherit;
}

.menu__badge--cont {
  color: var(--background-color-2);
}
.menu__badge--is--bio {
  padding: 0rem 0.5rem;
  background-color: var(--color-bio);
  border-radius: 8px;
  font-size: 12px;
}

.category-name {
  text-transform: uppercase !important;
  color: var(--color-principal);
  font-size: 1.75rem !important;
  font-weight: 500;
  margin: 0 !important;
}

.menu__section--title {
  text-transform: capitalize;
  color: var(--color-principal);
  font-size: 1.25rem;
}

#menu__category--menus,
#menu__category--carte-du-restaurant {
  background-color: var(--color-principal);
  color: var(--white-color) !important;
  .category-name,
  .menu__item--desc--el,
  .menu__section--title {
    color: var(--white-color) !important;
  }
  .menu__item--desc {
    border-bottom: dotted var(--white-color);
  }
}

#nav-menu-cont {
  padding: 1rem 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

#menu-category-list::-webkit-scrollbar {
  display: none;
}

#menu-category-list {
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  overflow-x: scroll;
  scroll-behavior: smooth !important;
  gap: 1rem;
  li {
    white-space: nowrap;
    a {
      color: var(--white-color);
      text-transform: uppercase !important;
    }
  }
}