/* Shared fixes for the four public journal landing pages only. */
body > #vtxSharedHeader#vtxSharedHeader { display: block !important; position: relative !important; top: auto !important; }
#vtxSharedHeader .vtx-mainbar { display: none !important; }
#vjhlsJournalHeader#vjhlsJournalHeader { display: block !important; position: relative !important; top: auto !important; }
#vjhlsJournalHeader .uhf-navbar { display: none !important; }
#vtxSharedHeader #vu-inner-standard-header { display: block !important; position: relative; z-index: 1; }
#vu-inner-standard-header#vu-inner-standard-header .vu-inner-logo img { width: 100px !important; height: auto !important; max-width: none !important; object-fit: contain !important; }
#vu-inner-standard-header#vu-inner-standard-header .vu-inner-brand { font-size: 24px !important; line-height: 1.2 !important; text-align: center !important; }
#vu-inner-standard-header .vu-side-nav { top: 0 !important; height: 100dvh; max-height: 100dvh; box-sizing: border-box; overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain; padding-bottom: max(28px, env(safe-area-inset-bottom)) !important; }
#vu-inner-standard-header .vu-side-list, #vu-inner-standard-header .vu-side-cta { width: 100%; max-width: 100%; box-sizing: border-box; }
#vu-inner-standard-header .vu-side-cta { position: static !important; inset: auto !important; flex: 0 0 auto; margin: 16px 0 0 !important; padding: 11px 14px; }
html[dir="rtl"] #vu-inner-standard-header .vu-side-list, body.is-ar #vu-inner-standard-header .vu-side-list { direction: rtl; text-align: right; }
html[dir="rtl"] #vu-inner-standard-header .vu-side-item, body.is-ar #vu-inner-standard-header .vu-side-item { direction: rtl; flex-direction: row; justify-content: flex-start; text-align: right; }
html[dir="rtl"] #vu-inner-standard-header .vu-side-item i, body.is-ar #vu-inner-standard-header .vu-side-item i { flex: 0 0 18px; }
html[dir="rtl"] #vtxSharedHeader .vtx-ann-content, body.is-ar #vtxSharedHeader .vtx-ann-content { direction: rtl; flex-direction: row; }
html[dir="rtl"] #vjhlsJournalHeader .uhf-announcement-content, body.is-ar #vjhlsJournalHeader .uhf-announcement-content { direction: rtl; flex-direction: row; text-align: right; }

/* The existing single announcement is a viewport-bottom journal component. */
#vtxSharedHeader .vtx-announcement,
#vjhlsJournalHeader .uhf-announcement {
  position: fixed !important;
  inset: auto 0 0 0 !important;
  width: 100% !important;
  z-index: 9990 !important;
  opacity: 1;
  transform: translateY(0);
  transition: opacity .25s ease, transform .25s ease !important;
}

#vtxSharedHeader .vtx-announcement.is-hidden-at-footer,
#vjhlsJournalHeader .uhf-announcement.is-hidden-at-footer {
  opacity: 0 !important;
  transform: translateY(100%) !important;
  pointer-events: none !important;
}

#vtxSharedHeader .vtx-ann-inner,
#vjhlsJournalHeader .uhf-announcement-container {
  height: auto !important;
  min-height: 44px;
}

#vtxSharedHeader .vtx-ann-content,
#vjhlsJournalHeader .uhf-announcement-content {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 7px 10px;
}

/* Keep the three utility zones anchored left / center / right in every language. */
#vtxSharedHeader .vtx-utility-bar .uhf-topline-container,
#vjhlsJournalHeader .vtx-utility-bar .uhf-topline-container {
  direction: ltr !important;
}

html[dir="rtl"] #vtxSharedHeader .vtx-utility-bar .utility-left,
body.is-ar #vtxSharedHeader .vtx-utility-bar .utility-left,
html[dir="rtl"] #vjhlsJournalHeader .vtx-utility-bar .utility-left,
body.is-ar #vjhlsJournalHeader .vtx-utility-bar .utility-left {
  direction: rtl !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  justify-self: end !important;
}

html[dir="rtl"] .vtx-utility-bar .utility-contact-item,
body.is-ar .vtx-utility-bar .utility-contact-item {
  direction: ltr !important;
  flex-direction: row-reverse !important;
}

html[dir="rtl"] #vtxSharedHeader .vtx-utility-bar .utility-center,
body.is-ar #vtxSharedHeader .vtx-utility-bar .utility-center,
html[dir="rtl"] #vjhlsJournalHeader .vtx-utility-bar .utility-center,
body.is-ar #vjhlsJournalHeader .vtx-utility-bar .utility-center {
  direction: ltr !important;
  flex-direction: row-reverse !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: center !important;
  white-space: nowrap !important;
}

html[dir="rtl"] #vtxSharedHeader .vtx-utility-bar .utility-right,
body.is-ar #vtxSharedHeader .vtx-utility-bar .utility-right,
html[dir="rtl"] #vjhlsJournalHeader .vtx-utility-bar .utility-right,
body.is-ar #vjhlsJournalHeader .vtx-utility-bar .utility-right {
  direction: rtl !important;
  flex-direction: row !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  white-space: nowrap !important;
}

html[dir="rtl"] #vtxSharedHeader .vtx-utility-bar .uhf-lang-switch,
body.is-ar #vtxSharedHeader .vtx-utility-bar .uhf-lang-switch,
html[dir="rtl"] #vjhlsJournalHeader .vtx-utility-bar .uhf-lang-switch,
body.is-ar #vjhlsJournalHeader .vtx-utility-bar .uhf-lang-switch {
  direction: rtl !important;
}

@media (max-width: 760px) {
  html[dir="rtl"] #vtxSharedHeader .vtx-utility-bar .utility-left,
  body.is-ar #vtxSharedHeader .vtx-utility-bar .utility-left,
  html[dir="rtl"] #vjhlsJournalHeader .vtx-utility-bar .utility-left,
  body.is-ar #vjhlsJournalHeader .vtx-utility-bar .utility-left {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
  }

  html[dir="rtl"] #vtxSharedHeader .vtx-utility-bar .utility-center,
  body.is-ar #vtxSharedHeader .vtx-utility-bar .utility-center,
  html[dir="rtl"] #vjhlsJournalHeader .vtx-utility-bar .utility-center,
  body.is-ar #vjhlsJournalHeader .vtx-utility-bar .utility-center {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  html[dir="rtl"] #vtxSharedHeader .vtx-utility-bar .utility-right,
  body.is-ar #vtxSharedHeader .vtx-utility-bar .utility-right,
  html[dir="rtl"] #vjhlsJournalHeader .vtx-utility-bar .utility-right,
  body.is-ar #vjhlsJournalHeader .vtx-utility-bar .utility-right {
    grid-column: 2 !important;
    grid-row: 2 !important;
  }
}

@media (max-width: 520px) {
  html[dir="rtl"] #vtxSharedHeader .vtx-utility-bar .utility-center,
  body.is-ar #vtxSharedHeader .vtx-utility-bar .utility-center,
  html[dir="rtl"] #vjhlsJournalHeader .vtx-utility-bar .utility-center,
  body.is-ar #vjhlsJournalHeader .vtx-utility-bar .utility-center {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  html[dir="rtl"] #vtxSharedHeader .vtx-utility-bar .utility-right,
  body.is-ar #vtxSharedHeader .vtx-utility-bar .utility-right,
  html[dir="rtl"] #vjhlsJournalHeader .vtx-utility-bar .utility-right,
  body.is-ar #vjhlsJournalHeader .vtx-utility-bar .utility-right {
    grid-column: 1 !important;
    grid-row: 3 !important;
  }
}
@media (max-width: 900px) {
  #vu-inner-standard-header#vu-inner-standard-header .vu-inner-logo img { width: 84px !important; }
  #vu-inner-standard-header#vu-inner-standard-header .vu-inner-brand { font-size: 20px !important; }
}
@media (max-width: 560px) {
  #vu-inner-standard-header#vu-inner-standard-header .vu-inner-logo img { width: 72px !important; }
  #vu-inner-standard-header#vu-inner-standard-header .vu-inner-brand { font-size: 17px !important; }
  #vu-inner-standard-header .vu-inner-mainbar { min-height: 68px !important; }
  #vtxSharedHeader .vtx-ann-inner, #vjhlsJournalHeader .uhf-announcement-container { min-height: 52px; padding-block: 7px !important; }
}