/* Shared fixes for the existing JTUC theme. */
.lang-container { background: transparent; }
.lang-label, .menu-lang a { color: #152d40; }
.menu-lang { background: #fff; color: #152d40; max-width: calc(100vw - 24px); }
.menu-lang .meta, .menu-lang .title { color: #566674; }
.menu-lang a[aria-current="true"] { background: #f0f7ff; }
.rd-navbar-default.rd-navbar-static .rd-navbar-top-panel { position: relative; z-index: 30; }
.rd-navbar-default.rd-navbar-static .rd-navbar-menu-wrap { position: relative; z-index: 20; }

.course-card-column { display: flex; min-width: 0; }
.course-card { display: flex; flex-direction: column; width: 100%; }
.course-card .product-body { display: flex; flex: 1; flex-direction: column; padding-bottom: 20px; }
.course-card .kurs { align-self: center; width: auto; height: 120px; max-width: 100%; object-fit: contain; }
.course-summary { flex: 1; overflow-wrap: break-word; }
.course-card .product-meta-info { position: static; padding: 0 16px 18px; opacity: 1; visibility: visible; }
.course-card:hover { padding-bottom: 0; margin-bottom: 0; }
.course-card:focus-within { z-index: 2; box-shadow: 0 2px 14px rgba(0,0,0,.18); }
.section-products .course-card-column .course-card { border: 1px solid #e5e5e5; }
.jtuc-about-video, .jtuc-page-content video { display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 16 / 9; background: #003153; object-fit: contain; }
.jtuc-page-content { display: block; }
.jtuc-page-content img, .speech_area_div img { max-width: 100%; height: auto; }
.jtuc-page-content iframe { max-width: 100%; }
.jtuc-page-content table { max-width: 100%; }

/* Floats in the original sticky header can overlap after font loading. */
@media (min-width: 1800px) {
  .rd-navbar-default.rd-navbar-static .rd-navbar-menu-wrap,
  .rd-navbar-default.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-menu-wrap {
    display: flex; align-items: center; justify-content: space-between; gap: 24px;
  }
  .rd-navbar-default.rd-navbar-static .rd-navbar-menu-wrap::after { display: none; }
  .rd-navbar-default.rd-navbar-static .rd-navbar-brand { float: none; flex: 0 1 auto; min-width: 0; }
  .rd-navbar-default.rd-navbar-static .rd-navbar-nav-wrap,
  .rd-navbar-default.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav-wrap { flex: 0 0 auto; margin-top: 0; }
  .rd-navbar-default.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-brand img { width: 62px !important; height: 62px !important; }
}
@media (max-width: 991px) {
  .rd-navbar-fixed .rd-navbar-top-panel .unit { flex-wrap: wrap; max-width: 100%; }
  .rd-navbar-fixed .rd-navbar-top-panel-right-part > .unit { margin: 0; gap: 10px; }
  .rd-navbar-fixed .rd-navbar-top-panel-right-part > .unit > * { margin: 0; }
  .rd-navbar-fixed .lang-container { display: block; }
  .rd-navbar-top-panel .menu-lang { position: relative; top: auto; right: auto; margin-top: 8px; min-width: 0; width: 220px; }
  .course-card .product-body { padding: 24px 20px 20px; }
}