/* Independent transparent information layer; original 1920 × 64 coordinates. */
.vc-header-info { position: relative; isolation: isolate; overflow: hidden; background: transparent; pointer-events: none; }
.screen-header-info.vc-header-info { position: absolute; z-index: 4; top: 0; left: 0; right: 0; height: var(--screen-title-height, 40px); }
.has-left-main-title .screen-header-info.vc-header-info,
.has-right-main-title .screen-header-info.vc-header-info { height: var(--screen-header-info-height, var(--screen-title-height, 40px)); }
.vc-header-info__stage {
  position: absolute; left: var(--vc-header-left, 0px); top: var(--vc-header-top, 0px);
  display: block; width: var(--vc-header-stage-width, 1920px); height: var(--vc-header-stage-height, 64px);
  transform: scale(var(--vc-header-scale, 1)); transform-origin: top left;
  overflow: hidden;
}
.vc-header-info__asset { position: absolute; display: block; max-width: none; }
/* Weather artwork keeps its original semantic colors across all themes. */
.vc-header-info__asset:not([data-vc-header-asset="weather"]),
.vc-header-info__location,
.vc-header-info__temperature,
.vc-header-info__degree,
.vc-header-info__weather,
.vc-header-info__clock { filter: var(--vc-header-filter, none); }
.vc-header-info__asset[data-vc-header-asset="weather"] { filter: none; }
.vc-header-info__local { position: absolute; inset: 0; transform: translate(var(--vc-header-local-x, 0px), var(--vc-header-local-y, 0px)); font: 400 16px/24px var(--vc-font-body); color: #fff; text-shadow: 0 2px 4px rgba(32,64,127,.5); }
.vc-header-info__location { position: absolute; left: 56px; top: 16px; width: 48px; white-space: nowrap; }
.vc-header-info__temperature { position: absolute; left: 164px; top: 16px; font-family: "VC Header DIN", "DINPro", sans-serif; font-weight: 700; }
.vc-header-info__degree { position: absolute; left: 186px; top: 18px; font-size: 12px; line-height: 20px; color: #d5e9ff; text-shadow: 0 1px 4px rgba(62,117,219,.5); }
.vc-header-info__weather { position: absolute; left: 206px; top: 16px; white-space: nowrap; }
.vc-header-info__clock { position: absolute; left: var(--vc-header-clock-left, 1657px); top: var(--vc-header-clock-top, 20px); display: flex; align-items: flex-start; gap: 8px; font: 400 16px/24px "VC Header Digital", "Digital Numbers", monospace; white-space: nowrap; color: #fff; text-shadow: 0 1px 2px rgba(113,167,229,.2); }
.vc-header-info__time { color: transparent; background: linear-gradient(180deg, #cfe5ff 20.488%, #f8fbff 90.789%); background-clip: text; -webkit-background-clip: text; }

/* Separate titles and menus cannot occupy the fixed information's slots. */
.has-fixed-header-info .screen-main-title:not(.vc-main-title) .screen-main-title__text { max-width: calc(100% - var(--header-info-left-space) - var(--header-info-right-space)); }
.has-fixed-header-info .screen-main-title.align-left .screen-main-title__text { left: var(--header-info-left-space); }
.has-fixed-header-info .screen-main-title.align-right .screen-main-title__text { right: var(--header-info-right-space); }
.has-fixed-header-info .screen-main-title.align-left .screen-main-title__menus--right {
  left: calc(var(--header-info-left-space) + var(--main-title-width) + 12px);
  max-width: max(0px, calc(100% - var(--header-info-left-space) - var(--header-info-right-space) - var(--main-title-width) - 24px));
}
.has-fixed-header-info .screen-main-title.align-right .screen-main-title__menus--left {
  right: calc(var(--header-info-right-space) + var(--main-title-width) + 12px);
  max-width: max(0px, calc(100% - var(--header-info-left-space) - var(--header-info-right-space) - var(--main-title-width) - 24px));
}
.has-fixed-header-info .screen-main-title.align-center .screen-main-title__menus--left { max-width: max(0px, calc(50% - var(--header-info-left-space) - var(--main-title-half-width) - 24px)); }
.has-fixed-header-info .screen-main-title.align-center .screen-main-title__menus--right { max-width: max(0px, calc(50% - var(--header-info-right-space) - var(--main-title-half-width) - 24px)); }
.has-fixed-header-info .screen-main-title__menus { overflow: hidden; }
.has-fixed-header-info .screen-main-title__menus > span { flex: 0 1 34px; min-width: 0; }