/* ===== Beachmate ===== */

@font-face {
  font-family: MyriadPro;
  src: url(assets/webfonts/Montserrat/MyriadPro-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: MyriadPro;
  src: url(assets/webfonts/Montserrat/MyriadPro-Regular.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: MyriadPro;
  src: url(assets/webfonts/Montserrat/MyriadPro-Semibold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: MyriadPro;
  src: url(assets/webfonts/Montserrat/MyriadPro-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: MyriadPro;
  src: url(assets/webfonts/ZonaPro/ZonaPro-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: MyriadPro;
  src: url(assets/webfonts/ZonaPro/ZonaPro-Regular.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: MyriadPro;
  src: url(assets/webfonts/ZonaPro/ZonaPro-Semibold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: MyriadPro;
  src: url(assets/webfonts/ZonaPro/ZonaPro-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}

:root {
  --color-primary:          #05c3dd;
  --color-primary-rgb:      5, 195, 221;
  --color-primary-hover:    #04a6bc;
  --color-primary-soft:     rgba(5, 195, 221, 0.10);

  --font-family-body:       'ZonaPro', sans-serif;
  --font-family-heading:    'ZonaPro', sans-serif;
  --font-family-ui:         'ZonaPro', sans-serif;

  --color-bg-sidebar:     var(--color-primary);
  --color-text-sidebar:   #ffffff;
}


/* ===== Hotel-specific overrides ===== */

.custom-theme-beachmate .ht-menu-product__description {
  color: #000000 !important;
  opacity: 80%;
  font-family: 'ZonaPro', sans-serif;
}

.custom-theme-beachmate .ht-menu-product__name {
  font-family: 'MyriadPro', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #05C3DD !important;
}

.custom-theme-beachmate .footer .active {
  box-shadow: 0 0.1rem 0.8rem rgb(180 156 97 / 50%) !important;
  color: #2345a6 !important;
}

.custom-theme-beachmate .menu-category.text-muted.active {
  color: #ffffff !important;
  background-color: #05C3DD !important;
}

.custom-theme-beachmate .heading-1 {
  color: #05C3DD;
  font-family: 'ZonaPro', sans-serif;
  font-weight: 800;
}

.custom-theme-beachmate .home-cat-arrow {
  line-height: 18px;
  margin-right: 3px;
  padding-right: 2px;
  font-size: 14px;
  margin-top: 7px;
  font-weight: 500;
  font-family: 'ZonaPro', sans-serif;
}

.custom-theme-beachmate .header_title {
  text-transform: uppercase;
  font-family: 'MyriadPro', sans-serif;
  font-weight: 600 !important;
}

.custom-theme-beachmate .text-dark {
  color: #010101 !important;
}

.custom-theme-beachmate .appBottomMenu .item {
  opacity: 100%;
}

.custom-theme-beachmate .lang-switcher {
  background-color: #0000001f;
}

.custom-theme-beachmate .offer-title {
  font-family: 'MyriadPro', sans-serif;
  font-weight: 700;
}