/* Mini rotating globe in contact / interest form clusters */
.contact-globe-host,
.interest-globe-host{
  position:absolute;
  left:50%;
  top:50%;
  width:118px;
  height:118px;
  margin:0;
  padding:0;
  transform:translate(-50%, -50%);
  border-radius:50%;
  border:none;
  box-shadow:none;
  outline:none;
  z-index:2;
  overflow:hidden;
}

/* Dark blue contact band: white countries / logo */
.contact-globe-host{
  background:var(--color-primary, #5A8DB8);
}

/* Light / white interest forms: classic blue globe, no outer ring */
.interest-globe-host{
  background:transparent;
  border:none;
  box-shadow:none;
}

.contact-globe-host canvas,
.interest-globe-host canvas{
  display:block;
  width:100% !important;
  height:100% !important;
}

.contact-logo-fallback,
.interest-logo-fallback{
  padding:18px 14px;
  box-sizing:border-box;
  object-fit:contain;
}

.contact-globe-host.is-ready + .contact-logo-fallback,
.contact-globe-host.is-ready + .interest-logo-fallback,
.interest-globe-host.is-ready + .interest-logo-fallback,
.interest-globe-host.is-ready + .contact-logo-fallback{
  display:none;
}

@media (max-width: 900px){
  .contact-globe-host,
  .interest-globe-host{
    display:none;
  }

  .contact-logo-fallback,
  .interest-logo-fallback{
    width:auto;
    height:46px;
    max-width:180px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
    object-fit:contain;
  }

  .contact-logo-fallback{
    filter:brightness(0) invert(1);
  }
}