/* Force live chrome visible without Divi JS. New filename so Pages cache cannot hide it. */

.et_animated,
.et_pb_module.et_animated,
.et_pb_row.et_animated,
.et_pb_section.et_animated {
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
  transform: none !important;
}

.et_pb_section_1_tb_header {
  position: relative;
  overflow: visible;
}
.et_pb_section_1_tb_header > .et_parallax_bg_wrap,
.et_pb_section_1_tb_header > .et_pb_section_video_bg,
.et_pb_section_1_tb_header:before {
  z-index: 0 !important;
  pointer-events: none !important;
}
.et_pb_section_video_bg,
.et_pb_section_video_bg video {
  position: absolute !important;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: none !important;
}
.et_pb_section_1_tb_header > .et_pb_row {
  position: relative !important;
  z-index: 20 !important;
}

/* Flags: live pins them to the viewport edge, not the weather slot. */
.lang-sel,
.et_pb_text_0_tb_header.lang-sel {
  position: fixed !important;
  right: 0 !important;
  left: auto !important;
  top: 48% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  z-index: 1000 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center;
  gap: 6px;
  width: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  background: rgba(255, 255, 255, 0.35) !important;
  border-radius: 5px 0 0 5px !important;
  padding: 10px !important;
}
.lang-sel a.glink img,
.lang-sel img {
  display: block !important;
  width: 24px;
  height: 24px;
  opacity: 1 !important;
}
.gt_switcher_wrapper { display: none !important; }

.et_pb_code_1_tb_header .wws {
  overflow: hidden !important;
  height: 70px !important;
  width: 100px;
  max-width: 100px;
}
.vbb-weather {
  color: #fff;
  text-align: right;
  line-height: 1.05;
  min-width: 4.5rem;
  text-shadow: 0 1px 8px rgb(0 0 0 / 0.35);
}
.vbb-weather__temp {
  font-family: "Plus Jakarta Sans", Helvetica, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
}
.vbb-weather__cond {
  font-size: 0.72rem;
  font-weight: 500;
  opacity: 0.92;
  text-transform: lowercase;
}

.et_pb_code_1_tb_header { overflow: visible !important; z-index: 21; }

.et_pb_social_media_follow .icon:before,
.et_pb_social_icon a.icon:before {
  font-family: ETmodules, "ETmodules" !important;
}

/* One white card only. Divi .et_pb_section is white + balloon modules are width 85%,
   which nested a second card when we parked the panel on <body>. */
.dipi_balloon_inner.is-open,
.dipi_balloon_inner.is-open .et_pb_section,
.dipi_balloon_inner.is-open .et_pb_section.dipi_balloon-inner,
.dipi_balloon_inner.is-open .dipi_balloon {
  background: transparent !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.dipi_balloon_inner.is-open {
  filter: none;
}
.dipi_balloon_inner.is-open .dipi-balloon-wrap {
  background: #fff !important;
  border-radius: 10px;
  overflow: visible !important;
  box-shadow: 0 18px 40px rgb(0 0 0 / 0.22);
  box-sizing: border-box;
  width: max-content;
  max-width: calc(100vw - 24px);
  min-width: min(560px, calc(100vw - 24px));
  padding: 32px 40px !important;
}
.dipi_balloon_inner.is-open .dipi_balloon_2_tb_header .dipi-balloon-wrap,
.dipi_balloon_inner.is-open .dipi_balloon_5_tb_header .dipi-balloon-wrap {
  min-width: min(880px, calc(100vw - 24px));
}
.dipi_balloon_inner.is-open .et_pb_row {
  width: 100% !important;
  max-width: none !important;
}
.dipi_balloon_inner.is-open .et_pb_text_inner a,
.dipi_balloon_inner.is-open .et_pb_text_inner p,
.dipi_balloon_inner.is-open .entry-title {
  white-space: nowrap;
}
@media (min-width: 981px) {
  .et_pb_row_2_tb_header.et_pb_row {
    width: min(1240px, calc(100% - 48px)) !important;
    max-width: 1240px !important;
    display: flex !important;
    align-items: center;
    float: none !important;
  }
  .et_pb_row_2_tb_header .et_pb_column_1_tb_header {
    width: auto !important;
    flex: 1 1 auto;
    float: none !important;
    margin-right: 0 !important;
  }
  .et_pb_row_2_tb_header .et_pb_column_14_tb_header {
    width: auto !important;
    max-width: 110px;
    flex: 0 0 auto;
    float: none !important;
  }
  .et_pb_menu_0_tb_header .et_pb_menu_inner_container {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }
  .et_pb_menu_0_tb_header .et_pb_menu__logo img {
    max-height: 80px;
    width: auto;
  }
  .et_pb_menu_0_tb_header .et-menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    align-items: center;
  }
  .et_pb_menu_0_tb_header .et-menu > li {
    float: none !important;
    display: block !important;
    flex: 0 0 auto;
    padding-right: 14px !important;
    white-space: nowrap;
  }
  .et_pb_menu_0_tb_header .et-menu > li:last-child {
    padding-right: 0 !important;
  }
  .et_pb_menu_0_tb_header .et-menu > li > a {
    white-space: nowrap !important;
    word-wrap: normal !important;
    overflow-wrap: normal !important;
    padding-bottom: 8px !important;
  }
  .et_pb_menu_0_tb_header .et-menu > li.current-menu-item > a,
  .et_pb_menu_0_tb_header .et-menu > li.current_page_item > a {
    color: #f49329 !important;
  }
}
.side .listing-website {
  margin: 0.85rem 0 0;
}
.side .listing-website a {
  font-weight: 700;
}

/* EN/FR/DE/ES stay in the right-edge rail. The mobile Current widget stays clear of it. */
@media (max-width: 767px) {
  .lang-sel,
  .et_pb_text_0_tb_header.lang-sel {
    gap: 4px;
    padding: 6px !important;
    max-width: 40px;
    max-height: calc(100dvh - 12px);
  }
  .et_pb_code_2_tb_header {
    max-width: min(240px, calc(100vw - 72px));
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .et_pb_code_2_tb_header iframe {
    max-width: 100% !important;
  }
}

.vbb-balloon-arrow {
  position: absolute;
  top: -8px;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #fff;
  transform: translateX(-50%);
  z-index: 2;
  pointer-events: none;
}
