/* DJIVA: single source of typography — extracted from the PIN screen logo.
   Wordmark assets have transparent backgrounds. UI classes remain stable. */
.djiva-wordmark{
  display:inline-block!important;
  width:112px;height:39px;
  flex:0 0 auto;
  background:url("/djiva-wordmark-dark.png?v=20261031-wordmark2") no-repeat center/contain!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
}
html[data-theme="light"] .djiva-wordmark:not(.gu-lock-brand){
  background-image:url("/djiva-wordmark-light.png?v=20261031-wordmark2")!important;
}
.v2-brand,.logo,.onb-logo,.pc-logo,#goalup-splash .splash-logo{
  display:inline-flex!important;
  align-items:center;justify-content:center;
  background:transparent!important;
  color:inherit!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  white-space:nowrap;
  line-height:1.05;
}
.v2-brand .djiva-wordmark{width:82px;height:29px}
.logo .djiva-wordmark{width:116px;height:41px}
.onb-logo .djiva-wordmark,.pc-logo .djiva-wordmark{width:123px;height:43px}
.gu-email-brand .djiva-wordmark{width:166px;height:58px}
.gu-ios-compact .gu-email-brand .djiva-wordmark{width:133px;height:46px}
.gu-lock-unlock .gu-lock-brand.djiva-wordmark{
  display:block!important;
  width:138px!important;
  height:48px!important;
  margin:0 auto 30px!important;
  border:0!important;
  border-radius:0!important;
  background-color:transparent!important;
}
@media(max-height:700px){
  .gu-lock-unlock .gu-lock-brand.djiva-wordmark{
    width:119px!important;
    height:42px!important;
    margin-bottom:18px!important;
  }
}


/* Isolated login logo: embedded images, no CSS background, no network requests.
   Separate class avoids collision with the standard .djiva-wordmark CSS. */
.gu-email-brand .gu-embedded-logo{
  width:166px!important;height:58px!important;
  display:inline-block!important;flex:none!important;
  position:relative!important;background:transparent!important;
  border:0!important;box-shadow:none!important;
}
.gu-email-brand .gu-embedded-logo img{
  position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;
  max-width:100%!important;max-height:100%!important;
  padding:0!important;margin:0!important;
  border:0!important;border-radius:0!important;
  object-fit:contain!important;box-shadow:none!important;
}
.gu-email-brand .gu-embedded-logo .gu-logo-dark{display:block!important}
.gu-email-brand .gu-embedded-logo .gu-logo-light{display:none!important}
html[data-theme="light"] .gu-email-brand .gu-embedded-logo .gu-logo-dark{display:none!important}
html[data-theme="light"] .gu-email-brand .gu-embedded-logo .gu-logo-light{display:block!important}
.gu-ios-compact .gu-email-brand .gu-embedded-logo{
  width:133px!important;height:46px!important;
}