:root {
  --swiper-navigation-size: 36px;
  
  --color_dark_1: #1d1812;
  --color_green_1: #1d1812;
  --color_green_1_op: #1d181260;
  --color_green_2: #1d1812;
  --color_gold_1: #cd973d;
  --color_gold_2: #e6ba55;
  --color_yellow_1: gold;
  --color_orange_1: #de8905;
  --color_white_1: #f0f0f0;
}

.itemContainer_01:not(:has(.item-photo-and-data)) > .item-variant.first {
  margin: 0;
  padding: 0;
}

#selected-item-fullscreen-container .item-variant.first {
  margin: 0;
  padding: 0;
}

#selected-item-fullscreen-container .item-variant.first:last-child {
  padding: 0 0 13px;
  border-bottom: none;
}

.debugBorder1 {
	border: 1px solid red;
}

body {
  background-color: #000000;
}

#loading_01 {
  /* background-color: var(--color_green_1); */
  background-image: linear-gradient(30deg, var(--color_green_1) 0%, var(--color_green_2) 100%);
}

.introGuide {
  background-image: linear-gradient(21deg, var(--color_gold_2) 0%, var(--color_white_1) 80%);
}

#introGuideHeader {
  color: var(--color_green_1);
}

#introGuideText {
  color: var(--color_green_1);
}

#introGuide > button {
  color: var(--color_gold_2);
  background-color: var(--color_green_1);
  box-shadow: 0 1px 6px var(--color_green_1);
}

.app-version {
  color: var(--color_gold_2);
}

#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_bg > div {
  box-shadow: 6.5px 5.5px 14px -11.5px var(--color_green_1);
}

#header-title {
  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_green_1);
}

#sm_header {
  background-image: linear-gradient(45deg, var(--color_green_1) 0%, var(--color_green_2) 100%);
}

#sm_header_2 {
  color: var(--color_gold_2);
}

#sc_list {
  background-image: linear-gradient(21deg, var(--color_gold_2) 0%, var(--color_white_1) 80%);
}

.sc_item_title {
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-decoration-style: solid;
  text-decoration-color: var(--color_green_1_op);
}

.sc_orderedSC > div:first-of-type {
  border-top: 0.7px dashed var(--color_green_1);
}

.sc_subBanner {
  color: var(--color_green_1);
}

.sc_currentSC > div:first-of-type {
  border-top: 0.7px dashed var(--color_green_1);
}

.sc_item_container {
  border-bottom: 0.7px dashed var(--color_green_1);
  color: var(--color_green_1);
}

.sent-order-note {
  color: var(--color_green_1);
}

#sc_footer {
  /* background-color: var(--color_gold_1); */
  background-image: linear-gradient(30deg, var(--color_green_1) 0%, var(--color_green_2) 100%);
}

#side-menu-order-note,
#side-menu-feedback-note {
  background-color: var(--color_white_1);
  color: var(--color_green_1);
  border: 1px solid var(--color_green_1);
}

/*#side-menu-order-note:focus {
  border: 1px solid var(--color_green_1);
}*/

#side-menu-order-note::placeholder,
#side-menu-feedback-note {
  color: #8e8e8e;
}

#sc_footer > div:not(#side-menu-feedback-note) {
  color: var(--color_gold_2);
}

#notifier {
  background-image: linear-gradient(24deg, var(--color_gold_2) 0%, var(--color_white_1) 80%);
  color: var(--color_green_1);
}

#notifier-buttons-wrapper > button {
  color: var(--color_gold_2);
  background-color: var(--color_green_1);
  box-shadow: 0 1px 6px var(--color_green_1);
}

@keyframes underline-blinker-1 {
  0% {
    text-decoration-color: var(--color_green_1);
    -webkit-text-decoration-color: var(--color_green_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_green_1);
  -webkit-text-decoration-color: var(--color_green_1);
}

#sc_submit, #sc_waiter_call {
  background-color: var(--color_gold_2);
  color: var(--color_green_1);
  box-shadow: 0 1px 6px var(--color_dark_1);
}

#payment-info > div > .card-number {
  text-decoration-color: var(--color_green_1);
  -webkit-text-decoration-color: var(--color_green_1);
}

.tooltip-1 {
  background-color: var(--color_white_1);
  color: var(--color_green_1);
  box-shadow: 0 1px 15px -5px var(--color_dark_1);
}

.scrollMenu_bg {
  box-shadow: 5.5px 6.5px 14px -11.5px var(--color_green_1);
}

/* .scrollMenu_02.no-icon .menu-tab {
  border-bottom: 1px solid var(--color_gold_1);
}

.scrollMenu_02.no-icon > ul:first-child > .menu-tab:first-child {
  border-top: 1px solid var(--color_gold_1);
} */

.menu-tab > * {
  color: var(--color_white_1);
}

#menutab_contactUs_banner {
  color: var(--color_white_1);
}

.menutab_section_banner {
  color: var(--color_white_1);
}

.menutab_04 {
  color: var(--color_white_1);
}

#developer-link-from-ham-menu {
  color: var(--color_white_1);
}

#developer-link-from-ham-menu > a,
#developer-link-from-ham-menu > a:hover,
#developer-link-from-ham-menu > a:visited {
  color: var(--color_gold_2);
  text-decoration-color: var(--color_white_1);
}

@media (hover: hover) {
  .menu-tab:hover > * {
    color: var(--color_gold_2);
  }
  .menu-tab:hover .icon {
    box-shadow: 0px 0px 7px 2px var(--color_gold_2), 0px 0px 3px 1px inset var(--color_gold_2);
  }
  #sc_submit:hover {
    box-shadow: none;
  }
  #sc_waiter_call:hover {
    box-shadow: none;
  }
}

.menu-tab.highlight > * {
  color: var(--color_gold_2);
}

.scrollMenu_02.no-icon .menu-tab > * {
  text-decoration-color: var(--color_gold_1);
  -webkit-text-decoration-color: var(--color_gold_1);
}

.scrollMenu_02.no-icon .menu-tab.highlight {
  background-color: var(--color_gold_1);
}

.scrollMenu_02.no-icon .menu-tab.highlight > * {
  color: var(--color_dark_1);
}

.menu-tab.highlight .icon {
  box-shadow: 0px 0px 7px 2px var(--color_gold_2), 0px 0px 3px 1px inset var(--color_gold_2);
}

.menu-tab .icon {
  box-shadow: 0px 0px 0px -1px var(--color_gold_2), 0px 0px 0px -1px inset var(--color_gold_2);
  transition: box-shadow 0.3s ease-out;
}

.listBanner_01 {
  color: var(--color_gold_2);
  box-shadow: 0px 0px 14px -6px var(--color_green_1);
}

.listBanner_01 > p {
  color: var(--color_white_1);
}

.itemContainer_01 {
  box-shadow: 0px 0px 14px -6px var(--color_green_1);
}

.backDrop_1 {
  background-color: rgba(0,0,0,0.36);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px); /*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_white_1);
} */

/* #selected-item-fullscreen-container .item-variant:not(.first) {
  border-top: 1px solid var(--color_green_1);
} */

/* #selected-item-fullscreen-container .item-variant:last-child {
  border-bottom: 1px solid var(--color_green_1);
} */

.item-variant-header {
  color: var(--color_white_1);
}

#selected-item-fullscreen-container .item-variant-header {
  color: var(--color_green_1);
}

.selected-item-fullscreen-table-title.first,
.selected-item-fullscreen-table.first {
  margin-top: 27px;
}

.item-table,
.item-table > tr > * {
  color: var(--color_green_1);
  border-color: var(--color_green_1);
}

.item-table.health-facts,
.item-table.health-facts > tr > *,
.item-table.bor-1,
.item-table.bor-1 > tr > * {
  border: none;
}

.item-table.bor-1 > tr:not(:last-child) > * {
  border-bottom: 1px solid var(--color_green_1);
}

body:not(.latin) .item-table.health-facts > tr > *:first-child,
body.latin .item-table.health-facts > tr > *:last-child {
  border-radius: 0px 99px 99px 0px;
}

body:not(.latin) .item-table.health-facts > tr > *:last-child,
body.latin .item-table.health-facts > tr > *:first-child {
  border-radius: 99px 0px 0px 99px;
}

.item-table.health-facts > tr.white > * {
  background-color: #efefef;
}

.item-table.health-facts > tr.yellow > * {
  background-color: #ffed00;
  color: #000000;
}

.item-table.health-facts > tr:not(.legend) > *:nth-child(2) {
  text-align: center;
}

body:not(.latin) .item-table.health-facts > tr:not(.legend) > *:nth-child(3) {
  text-align: left;
}

body.latin .item-table.health-facts > tr:not(.legend) > *:nth-child(3) {
  text-align: right;
}

.item-table.health-facts > tr.legend > td > div {
  display: flex;
  justify-content: space-between;
}

.item-table.health-facts > tr.legend > td > div > div {
  display: flex;
  gap: 3px;
  align-items: center;
}

.item-table.health-facts > tr.legend > td > div > div > div:first-child {
  width: 12px;
  height: 12px;
  border-radius: 15px;
}

.item-table.health-facts > tr.legend > td > div > div:nth-child(1) > div:first-child {
  background-color: #02933f;
}

.item-table.health-facts > tr.legend > td > div > div:nth-child(2) > div:first-child {
  background-color: #ffed00;
}

.item-table.health-facts > tr.legend > td > div > div:nth-child(3) > div:first-child {
  background-color: #e90f10;
}

.item-table.health-facts > tr.green > * {
  background-color: #02933f;
  color: #ffffff;
}

.item-table.health-facts > tr.red > * {
  background-color: #e90f10;
  color: #ffffff;
}

.item-table.ncth > tr > th,
.item-table.health-facts > tr > *:nth-child(1) {
  text-align: initial !important;
}

.additive-select,
.menu-tab select {
  color: var(--color_white_1);
  border: 1px solid var(--color_white_1);
  background-color: transparent;
}

/* .additive-select:open {
  color: initial;
} */

.additive-select option:not(:disabled),
.menu-tab select option:not(:disabled) {
  color: initial;
}

#selected-item-fullscreen-container .additive-select {
  color: var(--color_green_1);
  border: 1px solid var(--color_green_1);
}

.item-info,
.item-description {
  color: var(--color_white_1);
}

.itemTitle_01 {
  color: var(--color_gold_2);
}

.discount-announce {
  background-color: var(--color_gold_2);
  color: var(--color_green_1);
}

.read-more-1 {
  color: var(--color_white_1);
  text-decoration-color: var(--color_gold_2);
}

.multi-image-icon {
  filter: drop-shadow(0 0 3px #727272);
  -webkit-filter: drop-shadow(0 0 3px #727272);
}

.item-counter-container {
  /* background-color: var(--color_green_1); */
  border: 1px solid var(--color_white_1);
}

#selected-item-fullscreen-variants .item-counter-container,
.sc_item_container .item-counter-container {
  border: 1px solid var(--color_green_1);
}

.item-counter-quantity {
  color: var(--color_white_1);
}

.item-counter-button {
  /* background-color: var(--color_white_1); */
  color: var(--color_white_1);
}

#selected-item-fullscreen-variants .item-counter-container > *,
.sc_item_container .item-counter-container > * {
  color: var(--color_green_1);
}

.item-price-tag,
.item-price-tag-before {
  color: var(--color_white_1);
  border-color: var(--color_white_1);
}

#selected-item-fullscreen-container .item-price-tag,
#selected-item-fullscreen-container .item-price-tag-before {
  color: var(--color_green_1);
}

#selected-item-fullscreen-container .discount-announce {
  background-color: var(--color_gold_1);
}

.footer_02 {
  /* background-color: var(--color_green_1); */
  box-shadow: 0px 0px 14px -6px var(--color_green_1);
}

.footer_03 {
  color: var(--color_white_1);
  text-shadow: 1px 1px 1px var(--color_green_1);
}

.hr_02 {
  border: 1.5px inset var(--color_gold_1);
}

.contactLink_01,
.contactLink_01:hover,
.contactLink_01:visited {
  color: var(--color_gold_2);
}

#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_green_1);
}

#selected-item-fullscreen-description {
  color: var(--color_green_1);
}

#selected-item-fullscreen-title {
  color: var(--color_green_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));
}

/* .swiper-slide.empty {
  padding: 30px;
} */

#feedback-container > form {
  background-image: linear-gradient(24deg, var(--color_gold_2) 0%, var(--color_white_1) 80%);
  color: var(--color_green_1);
}

#feedback-container > form > textarea {
  background-color: #ffffff;
  color: var(--color_green_1);
  border: 1px solid var(--color_green_1);
}

/*#feedback-container > form > textarea:focus {
  border: 1px solid var(--color_dark_1);
}*/

#feedback-container > form > input[type="submit"] {
  background-color: var(--color_green_1);
  color: var(--color_gold_2);
  box-shadow: 0 1px 6px var(--color_green_1);
}