/**
 * WordPress integration overrides for the prototype homepage CSS.
 */

.nav-logo-link {
  display: inline-flex;
  align-items: center;
  flex: none;
  line-height: 0;
}

.nav-logo-link .nav-logo {
  margin-inline-end: 26px;
}

body.nova-landing-page {
  background: var(--nova-black);
  margin: 0;
}

body.nova-landing-page.admin-bar .nav {
  top: 32px;
}

@media screen and (max-width: 782px) {
  body.nova-landing-page.admin-bar .nav {
    top: 46px;
  }
}

.nsuite-stage {
  display: grid;
}

.nsuite-stage > .nss-copy {
  grid-area: 1 / 1;
}

.nsuite-stage > .nss-viz {
  grid-area: 1 / 2;
}

@media (max-width: 900px) {
  .nsuite-stage > .nss-copy,
  .nsuite-stage > .nss-viz {
    grid-area: auto;
  }
}

.footer-soc a,
.footer-soc img {
  display: inline-flex;
  align-items: center;
}

.footer a {
  color: inherit;
  text-decoration: none;
}

.footer .footer-contact a {
  color: var(--nova-lime-alt);
}

/* Solcard fallback tones when photo assets are missing */
.solcard:nth-child(1) .bg:not([style*="background-image"]) {
  background: linear-gradient(160deg, #143C30 0%, #0B241E 55%, #143C30 100%);
}
.solcard:nth-child(2) .bg:not([style*="background-image"]) {
  background: linear-gradient(160deg, #143C30 0%, #0B241E 55%, #143C30 100%);
}
.solcard:nth-child(3) .bg:not([style*="background-image"]) {
  background: linear-gradient(160deg, #143C30 0%, #0B241E 55%, #143C30 100%);
}
.solcard:nth-child(4) .bg:not([style*="background-image"]) {
  background: linear-gradient(160deg, #143C30 0%, #0B241E 55%, #143C30 100%);
}

/* Assessment instrument uploaded images */
.bt-art img {
  display: block;
  width: auto;
  height: 100%;
  max-width: 100%;
  max-height: 132px;
  object-fit: contain;
}

.btile[data-area="npq"] .bt-art img {
  max-height: 250px;
}

/*
 * No-JS / broken-IO failsafe: never leave assessment+ grids permanently invisible.
 * Prototype CSS hides .reveal-stagger children until .in — JS adds .in on scroll.
 */
html:not(.js) [data-reveal],
html:not(.js) .reveal-stagger > * {
  opacity: 1 !important;
  transform: none !important;
}

/* RTL IBM Plex Sans Arabic polish for prototype homepage */
.site[dir="rtl"] .btn {
  font-family: 'IBM Plex Sans Arabic', var(--font-display);
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

.site[dir="rtl"] .eyebrow {
  font-family: 'IBM Plex Sans Arabic', var(--font-body);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: none;
}

.site[dir="rtl"] .closing .ctas .btn {
  font-family: 'IBM Plex Sans Arabic', var(--font-display);
  font-weight: 800;
}