/* Interim static page overrides: original site JS (AOS, Owl, Splide) is not loaded. */
[data-aos] { opacity: 1 !important; transform: none !important; }
a { cursor: default; }
a[href] { cursor: pointer; }

/* Hero: single static slide (theme hides image/text until JS animates them in) */
.static-banner { display: block; }
.static-banner .JindexImg01Inner, .homepage-centered-banner .JindexImg01Inner { clip-path: none; }
.static-banner .JindexImgContent h1, .static-banner .JindexImgContent p,
.homepage-centered-banner .JindexImgContent h1, .homepage-centered-banner .JindexImgContent p { opacity: 1; left: 0; }

/* Financial Results Announcement: theme reveals the background via JS clip-path animation; show its end state */
.paragraph--type--inner-financial-announcement .JindexImg01Inner { clip-path: circle(90% at 50% 50%); }

/* Latest Updates: 3 cards in a row */
.static-row { display: flex; gap: 24px; }
.static-row > * { flex: 1 1 0; min-width: 0; }

/* Inside Energy Asia: first 4 cards in a grid */
.static-grid .splide__list { display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; margin: 0; padding: 0 0 0 calc(100% / 12); padding-right: calc(100% / 12); }
@media (max-width: 991.98px) { .static-grid .splide__list { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767.98px) {
  .static-row { flex-direction: column; padding: 0 1.5rem; }
  .static-grid .splide__list { grid-template-columns: 1fr; padding: 0 1.5rem; }
}

/* Header: theme slides it in with JS; pin it over the hero, below the notice bar.
   Menu labels only (dropdowns and mobile burger need the CMS JS). */
#page-wrapper, #app, .dialog-off-canvas-main-canvas { position: relative; }
.JindexNaviContainer { top: 0; position: absolute; }
.JindexNaviLeft p { display: block !important; }

/* Interim headers: hide captured navigation and expose only approved actions. */
.interim-menu-removed .JindexNaviRight { display: none !important; }
.interimHeaderAction {
  align-items: center;
  display: flex;
  margin-left: auto;
  padding: 0 20px 0 16px;
  position: relative;
  z-index: 2;
}
.interimHeaderActionLink {
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.78);
  border-radius: 24px;
  color: #fff !important;
  display: inline-flex;
  font-family: 'Museo Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  min-height: 40px;
  padding: 9px 16px;
  text-decoration: none !important;
  white-space: nowrap;
}
.interimHeaderActionLink:hover,
.interimHeaderActionLink:focus {
  background: #00a19c;
  border-color: #00a19c;
  color: #fff !important;
}
.interimHeaderActionLink--menu {
  background: transparent;
  border: 0;
  border-radius: 0;
  font-family: MuseoSans, Lato, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  min-height: 0;
  padding: 20px 0 20px 36px;
}
.interimHeaderActionLink--menu:hover,
.interimHeaderActionLink--menu:focus {
  background: transparent;
  border-color: transparent;
  color: #fff !important;
}
.interimHeaderActionLink img {
  height: 18px;
  margin-left: 8px;
  object-fit: contain;
  width: 18px;
}

/* Preserve the original desktop header spacing after removing the menus. */
@media (min-width: 64rem) {
  .JindexNaviContainerInner { min-height: 109px; }
}

@media (max-width: 47.99rem) {
  .interimHeaderAction { padding: 0 12px 0 8px; }
  .interimHeaderActionLink {
    font-size: 12px;
    min-height: 34px;
    padding: 7px 10px;
  }
  .interimHeaderActionLink img {
    height: 15px;
    margin-left: 5px;
    width: 15px;
  }
  .JindexNaviContainerInner:has(.interimHeaderAction) .JindexNaviLeft p {
    font-size: 11px;
    line-height: 1.15;
    max-width: 112px;
  }
}

/* Announcement bar above the header */
.notice-bar { background: #00a19c; color: #fff; text-align: center; padding: 10px 16px; font-family: 'Museo Sans', sans-serif; font-size: 14px; line-height: 1.4; }