:root {
  --received-gift-color: #8ecf1d;
  --received-gift-border: #8ecf1d33;
  --received-gift-transparent: #8ecf1d0d;
  --main-color: #aa996b !important;
  --second-main-color: #aa996b82;
  --wallet-color: #f752ae;
  --product-tag: #ba80cd;
  --vegan: #619e60;
  --giftcard-color: #4ca2ff;
  --no-gluten: #ff7426;
  --spicy: #c8313e;
  --kosher: #0e1328;
  --warning: #fe7171;
  --widget-order: #5cb731;
  --first_section_bg: #fdf8ea;
  --font-family: "RagSans", sans-serif;
  --border-radius: 5px;
}

@font-face {
  font-family: "RagSans";
  src: url("./fonts/regSans/RagSans-1.4-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "RagSans";
  src: url("./fonts/regSans/RagSans-1.4-Medium.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "RagSans";
  src: url("./fonts/regSans/RagSans-1.4-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TrendSlab";
  src: url("./fonts/trendSlab/TrendSlab-One.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

html body {
  font-family: "RagSans" !important;
}

html body button,
html body input::placeholder {
  font-family: "RagSans" !important;
}

html:not([lang="he"]) body .banner-message-title,
html:not([lang="he"]) body .login-modal-window .header-login,
html:not([lang="he"]) body .upselling .header,
html:not([lang="he"]) body .restaurant-modal-add-dish .head .header-name,
html:not([lang="he"]) body .favorite-menu .container .label,
html:not([lang="he"]) body .tracking-data .restaurant-name,
html:not([lang="he"]) body .feedback .feedback--header,
html:not([lang="he"]) body .exploreTerritory .exploreHeader,
html:not([lang="he"]) body .header-page .header-title,
html:not([lang="he"]) body .controls-restaurantslider .header {
  font-family: "TrendSlab";
}

/* Footer Styles */
.main-footer {
  background: #143727;
  position: relative;
  z-index: 2;
}

.main-footer:before {
  position: absolute;
  content: "";
  display: block;
  top: -6px;
  width: 100%;
  height: 6px;
  background: #143727;
  mask: url("/clients/golda/assets/images/waveBorder.png") repeat-x;
}

.main-footer .links {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.main-footer .brand {
  padding: 10px 10px 0 0;
  border-left: none;
  border-right: 1px solid #ccc;
  border-image: linear-gradient(to bottom, #ccc, rgba(0, 0, 0, 0)) 1 100%;
}

.main-footer .brand .head {
  color: #ffffff;
}

.main-footer .table-links .list {
  margin: 0 10px 0 0;
  border-left: none;
  border-right: 1px solid #ccc;
  border-image: linear-gradient(to bottom, #ccc, rgba(0, 0, 0, 0)) 1 100%;
}

.main-footer .table-links .list .head,
.main-footer .table-links .list a {
  color: #ffffff;
}

.main-footer .table-links .list:last-child {
  border: none;
}

/* RTL Footer Styles */
.rtl.main-footer .brand {
  padding: 10px 0 0 10px;
  border-left: 1px solid #ccc;
  border-right: none;
}

.rtl.main-footer .brand .head {
  color: #ffffff;
}

.rtl.main-footer .table-links .list {
  margin: 0 0 0 10px;
  border-right: none;
  border-left: 1px solid #ccc;
}

.rtl.main-footer .table-links .list:last-child {
  border: none;
}

/* Mode Controller Styles */
.mode-controller .controller .controller-item {
  background: #ffced5;
}

.mode-controller .controller .controller-item.active {
  background: #a2dbda !important;
  color: var(--main-color);
  font-weight: 700;
}

.mode-controller .controller .controller-item.active .icon {
  background: var(--main-color);
}

/* Restaurant Styles */
.restaurant .content .sidebar-menu .sidebar-menu-item.active {
  text-decoration: underline;
  font-weight: 700;
}

/* Restaurant Card Styles */
.restaurantcard {
  margin: 2px 0;
  box-shadow: 0px 0px 3px 1px #ccc;
}

/* Slider Header Control Styles */
.controls-restaurantslider a {
  background: #a2dbda;
  text-align: center;
  border-radius: var(--border-radius);
}

.controls-restaurantslider a .link {
  color: #ffffff !important;
}

.controls-restaurantslider .nextPrevControl {
  width: 100px;
  justify-content: space-between;
  background: none !important;
}

.controls-restaurantslider .nextPrevControl .icon {
  background: #aa996b !important;
}

.controls-restaurantslider .nextPrevControl .prevbtn,
.controls-restaurantslider .nextPrevControl .nextbtn {
  cursor: pointer;
  background: #fff;
  height: 40px;
  width: 40px;
  flex: 0 0 40px;
  border-radius: 100px;
  box-shadow: 0px -2px 5px 2px #ccc;
}

.controls-restaurantslider .nextPrevControl .prevbtn .icon,
.controls-restaurantslider .nextPrevControl .nextbtn .icon {
  width: 15px;
  height: 15px;
}

/* Voucher Card Styles */
.voucherCard {
  border-radius: 0;
}

.voucherCard .top {
  background: #aa996b;
}

.voucherCard .price {
  font-family: TrendSlab;
  color: #fff !important;
}

.voucherCard .icon.voucher {
  width: 40%;
  background: #fff;
}

/* Order Details Card Styles */
.order-details-card .gift-card-image {
  background: #aa996b33 !important;
}

.order-details-card .gift-card-image .loyality,
.order-details-card .gift-card-image .referral {
  background: #aa996b !important;
}

/* Gift Card Received Styles */
.gift-card-received .image .centerImage {
  fill: #e15200 !important;
}

/* Wallet Menu Styles */
.wallet-menu .voucherLabel,
.wallet-menu .giftCardLabel,
.wallet-menu .transactionLabel,
.wallet-menu .giftCardLabel span {
  font-size: 22px !important;
  font-weight: 600 !important;
}

.wallet-menu .inviteBlock {
  border-radius: 0;
  background: #143727;
}

.wallet-menu .inviteBlock:after {
  display: none;
}

.wallet-menu .inviteBlock .usersGroup {
  background: #aa996b33;
}

.wallet-menu .inviteBlock .inviteBlockLabel {
  width: 90%;
  color: #aa996b;
  text-transform: uppercase;
  font-family: TrendSlab;
}

.wallet-menu .inviteBlock .inviteButton {
  background: #aa996b;
  color: #143727;
  border-radius: 0;
}