:root {
  --swiper-navigation-size: 36px;
  
  --color_dark_1: #111111;
  --color_green_1: #00442e;
  --color_green_2: #b1d70c;
  --color_green_3: #02a57c;
  --color_gold_1: #c7a626;
  --color_gold_2: #fef200;
  --color_yellow_1: gold;
  --color_orange_1: tomato;
  --color_white_1: #f0f0f0;
}

.debugBorder1 {
	border: 1px solid red;
}

body {
  background-color: #f0f0f0;
}

.menulist_01 {
  padding: 180px 18px 0;
}

.menulist_01:last-of-type {
  padding-bottom: 180px;
}

#background-image {
  display: block;
  margin: 0;
  position: fixed;
  top: 50vh;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 100%;
  height: 100vh;
  z-index: -8;
  opacity: 1;
  transition: opacity 1s ease-in;
  pointer-events: none;
  background-color: var(--color_white_1);
}

/* @media screen and (max-aspect-ratio: 341/607) {
  #background-image {
    height: 100%;
    width: auto;
  }
} */

#loading_01 {
  /* background-color: var(--color_green_1); */
  background-image: linear-gradient(30deg, var(--color_gold_2) 0%, var(--color_white_1) 100%);
}

.introGuide {
  background-image: linear-gradient(30deg, var(--color_orange_1) -20%, var(--color_gold_2) 100%);
}

#introGuideHeader {
  color: var(--color_dark_1);
}

#introGuideText {
  color: var(--color_dark_1);
}

#introGuide > button {
  color: var(--color_gold_2);
  background-color: var(--color_dark_1);
  box-shadow: 0 1px 6px var(--color_dark_1);
}

#gyro-sensor-permission-explain {
  background-color: #ffffff;
  color: #000000;
}

@media screen and (prefers-color-scheme: dark) {
  #gyro-sensor-permission-explain {
    background-color: #3f3f3f;
    color: #ffffff;
  }
}

#topHeader_1 > div:nth-child(1) {
  background-image: linear-gradient(-90deg, var(--color_white_1) 0%, var(--color_gold_2) 100%);
  box-shadow: 6.5px 5.5px 14px -11.5px var(--color_dark_1);
}

#header-title {
  color: var(--color_dark_1);
  word-spacing: 1px;
}

#topHeader_1 > div:nth-child(2) {
  background-color: var(--color_gold_2);
}

#topHeader_1 > div:nth-child(2) > a {
  color: var(--color_gold_2);
}

#side_menu_button img {
  box-shadow: 0px 3px 12px -3px var(--color_dark_1);
}

#counter_on_sm_button {
  background-color: var(--color_gold_2);
  color: var(--color_dark_1);
}

#sm_header {
  background-image: linear-gradient(30deg, var(--color_orange_1) -20%, var(--color_gold_2) 100%);
}

#sm_header_2 {
  color: var(--color_dark_1);
}

#sc_list {
  background-image: linear-gradient(21deg, var(--color_white_1) 0%, var(--color_white_1) 80%);
}

.sc_orderedSC > div:first-of-type {
  border-top: 0.7px dashed var(--color_dark_1);
}

.sc_subBanner {
  color: var(--color_dark_1);
}

.sc_currentSC > div:first-of-type {
  border-top: 0.7px dashed var(--color_dark_1);
}

.sc_item_container {
  border-bottom: 0.7px dashed var(--color_dark_1);
  color: var(--color_dark_1);
}

.sent-order-note {
  color: var(--color_dark_1);
}

#sc_footer {
  /* background-color: var(--color_gold_1); */
  background-image: linear-gradient(30deg, var(--color_orange_1) -20%, var(--color_gold_2) 100%);
}

#side-menu-order-note,
#side-menu-feedback-note {
  background-color: var(--color_white_1);
  color: var(--color_dark_1);
  border: 1px solid var(--color_dark_1);
}

/*#side-menu-order-note:focus {
  border: 1px solid var(--color_dark_1);
}*/

#side-menu-order-note::placeholder,
#side-menu-feedback-note {
  color: #8e8e8e;
}

#sc_footer > div:not(#side-menu-feedback-note) {
  color: var(--color_dark_1);
}

#cash-transfer-guide {
  background-image: linear-gradient(30deg, var(--color_orange_1) -20%, var(--color_gold_2) 100%);
  color: var(--color_dark_1);
}

#cash-transfer-guide > button {
  color: var(--color_gold_2);
  background-color: var(--color_dark_1);
  box-shadow: 0 1px 6px var(--color_dark_1);
}

@keyframes underline-blinker-1 {
  0% {
    text-decoration-color: var(--color_dark_1);
    -webkit-text-decoration-color: var(--color_dark_1);
  }
  100% {
    text-decoration-color: var(--color_white_1);
    -webkit-text-decoration-color: var(--color_white_1);
  }
}

#sc_totalPrice.blinker {
  text-decoration-color: var(--color_dark_1);
  -webkit-text-decoration-color: var(--color_dark_1);
}

#sc_submit, #sc_waiter_call {
  background-color: var(--color_dark_1);
  color: var(--color_gold_2);
  box-shadow: 0 1px 6px var(--color_dark_1);
}

#payment-info > div > .card-number {
  text-decoration-color: var(--color_dark_1);
  -webkit-text-decoration-color: var(--color_dark_1);
}

.tooltip-1 {
  background-color: var(--color_white_1);
  color: var(--color_dark_1);
  box-shadow: 0 1px 15px -5px var(--color_dark_1);
}

.scrollMenu_01 {
  background-image: linear-gradient(0deg, var(--color_white_1) 0%, var(--color_gold_2) 100%);
  box-shadow: 5.5px 6.5px 14px -11.5px var(--color_dark_1);
}

.scrollMenu_02.no-icon .menu-tab {
  border-bottom: 1px solid var(--color_gold_1);
}

.scrollMenu_02.no-icon .menu-tab:first-child {
  border-top: 1px solid var(--color_gold_1);
}

.menu-tab > * {
  color: var(--color_dark_1);
}

#menutab_contactUs_banner {
  color: var(--color_dark_1);
}

.menutab_section_banner {
  color: var(--color_white_1);
}

.menutab_04 {
  color: var(--color_white_1);
}

#developer-link-from-ham-menu {
  color: var(--color_dark_1);
}

#developer-link-from-ham-menu > a,
#developer-link-from-ham-menu > a:hover,
#developer-link-from-ham-menu > a:visited {
  color: var(--color_orange_1);
  text-decoration-color: var(--color_orange_1);
}

@media (hover: hover) {
  .menu-tab:hover > * {
    color: var(--color_orange_1);
  }
  .menu-tab:hover .icon {
    box-shadow: 0px 0px 7px 2px var(--color_orange_1), 0px 0px 3px 1px inset var(--color_orange_1);
  }
  #sc_submit:hover {
    box-shadow: none;
  }
  #sc_waiter_call:hover {
    box-shadow: none;
  }
}

.menu-tab.highlight > * {
  color: var(--color_orange_1);
}

.menu-tab.highlight .icon {
  box-shadow: 0px 0px 7px 2px var(--color_orange_1), 0px 0px 3px 1px inset var(--color_orange_1);
}

.menu-tab .icon {
  transition: box-shadow 0.3s ease-out;
  box-shadow: 0px 0px 0px -1px var(--color_orange_1), 0px 0px 0px -1px inset var(--color_orange_1);
  margin: 0 auto 5px;
}

.listBanner_01 {
  color: var(--color_dark_1);
  /* box-shadow: 0px 0px 14px -6px var(--color_dark_1);
  background-color: var(--color_gold_2); */
}

.listBanner_01 > p {
  color: var(--color_dark_1);
}

.itemContainer_01 {
  box-shadow: 0px 0px 14px -6px var(--color_dark_1);
  background-image: linear-gradient(30deg, var(--color_gold_2) -27%, var(--color_white_1) 90%);
}

.backDrop_1 {
  /* background-color: rgba(0,0,0,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); */ /*following values can be entered to combine, separate with a space: grayscale(x%) brightness(x%) contrast(x%) drop-shadow() hue-rotate(xdeg) invert(x%) sepia(x%) saturate(x%) opacity(x%), last one applies to other filters*/
}

.itemContainer_01 > .item-variant:not(.first) {
  border-top: 1px solid var(--color_dark_1);
}

.itemContainer_01 > .item-variant.first {
  margin: 0;
  padding: 0;
}

#selected-item-fullscreen-container .item-variant:not(.first) {
  border-top: 1px solid var(--color_dark_1);
}

#selected-item-fullscreen-container .item-variant.first {
  margin: 0;
  padding: 0;
}

.item-variant-header {
  color: var(--color_dark_1);
}

#selected-item-fullscreen-container .item-variant-header {
  color: var(--color_dark_1);
}

.additive-select {
  color: var(--color_dark_1);
  background-color: var(--color_white_1);
}

.item-info {
  color: var(--color_dark_1);
}

.itemTitle_01 {
  color: var(--color_dark_1);
}

.read-more-1 {
  color: var(--color_dark_1);
  text-decoration-color: var(--color_dark_1);
}

.multi-image-icon {
  filter: drop-shadow(0 0 3px #727272);
  -webkit-filter: drop-shadow(0 0 3px #727272);
}

.item-counter-container {
  background-color: transparent;
  border: 1px solid var(--color_dark_1);
}

#selected-item-fullscreen-variants .item-counter-container, .sc_item_container .item-counter-container {
  border: 1px solid var(--color_dark_1);
}

.item-counter-quantity {
  color: var(--color_dark_1);
}

.item-counter-button {
  background-color: var(--color_dark_1);
  color: var(--color_gold_2);
}

.sc_item_container .item-counter-button {
  color: var(--color_white_1);
}

.item-price-tag {
  color: var(--color_dark_1);
}

#selected-item-fullscreen-container .item-price-tag {
  color: var(--color_dark_1);
}

.footer_02 {
  background-color: var(--color_gold_2);
  box-shadow: 0px 0px 14px -6px var(--color_dark_1);
}

.footer_03 {
  color: var(--color_dark_1);
  /* text-shadow: 1px 1px 1px var(--color_dark_1); */
}

.hr_02 {
  border: 1.5px inset var(--color_gold_1);
}

.contactLink_01,
.contactLink_01:hover,
.contactLink_01:visited {
  color: var(--color_orange_1);
}

#selected-item-fullscreen-container {
  background-image: linear-gradient(var(--color_white_1) 0%, var(--color_gold_2) 70%, var(--color_white_1) 100%);
}

#selected-item-fullscreen-container-close-button {
  box-shadow: 0px 1px 4px var(--color_dark_1);
  background-color: var(--color_gold_2);
  color: var(--color_dark_1);
}

#selected-item-fullscreen-description {
  color: var(--color_dark_1);
}

#selected-item-fullscreen-title {
  color: var(--color_dark_1);
}

.swiper-button-next, .swiper-button-prev {
  color: var(--swiper-navigation-color, var(--color_white_1));
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 9px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 9px));
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .45);
  background: var(--swiper-pagination-bullet-inactive-color, var(--color_white_1));
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--color_white_1));
}

#feedback-container > form {
  background-image: linear-gradient(21deg, var(--color_orange_1) -20%, var(--color_gold_2) 100%);
  color: var(--color_dark_1);
}

#feedback-container > form > textarea {
  background-color: #ffffff;
  color: var(--color_dark_1);
  border: 1px solid var(--color_dark_1);
}

/*#feedback-container > form > textarea:focus {
  border: 1px solid var(--color_dark_1);
}*/

#feedback-container > form > input[type="submit"] {
  background-color: var(--color_dark_1);
  color: var(--color_gold_2);
  box-shadow: 0 1px 6px var(--color_dark_1);
}