/* v114 – official WERTYZ and QR service logos */

/* WERTYZ icon in the opening choice cards */
.tile-logo{
  object-fit:contain!important;
  border-radius:50%!important;
}

/* WERTYZ icon next to EM CARD in the user navigation */
.nav .brand .wertyz-nav-logo{
  width:38px!important;
  height:38px!important;
  max-width:38px!important;
  flex:0 0 38px!important;
  object-fit:contain!important;
  border-radius:50%!important;
}

/* Main WERTYZ icon on the application page */
.app-logo{
  width:92px!important;
  height:92px!important;
  max-width:92px!important;
  object-fit:contain!important;
  border-radius:50%!important;
}
.wertyz-divider img{
  width:62px!important;
  height:62px!important;
  max-width:62px!important;
  object-fit:contain!important;
  border-radius:50%!important;
}

/* WERTYZ + QR services arranged around the central mark */
.brand-constellation{
  position:relative;
  width:min(100%,820px);
  height:350px;
  margin:0 auto 24px;
}
.constellation-center{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:116px;
  height:116px;
  display:grid;
  place-items:center;
  z-index:3;
  border-radius:50%;
  background:#fff;
  box-shadow:0 18px 48px rgba(7,27,46,.15);
}
.constellation-center img{
  display:block;
  width:108px;
  height:108px;
  object-fit:contain;
  border-radius:50%;
}
.constellation-logo{
  position:absolute;
  width:192px;
  min-height:76px;
  padding:14px 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border:1px solid #dcebed;
  border-radius:19px;
  box-shadow:0 13px 34px rgba(7,27,46,.08);
}
.constellation-logo img{
  display:block;
  width:auto;
  height:auto;
  max-width:158px;
  max-height:48px;
  object-fit:contain;
}
.constellation-logo:nth-of-type(1){top:0;left:50%;transform:translateX(-50%)}
.constellation-logo:nth-of-type(2){top:54px;right:0}
.constellation-logo:nth-of-type(3){right:0;bottom:42px}
.constellation-logo:nth-of-type(4){bottom:0;left:50%;transform:translateX(-50%)}
.constellation-logo:nth-of-type(5){left:0;bottom:42px}
.constellation-logo:nth-of-type(6){top:54px;left:0}

/* Orange WERTYZ icon in the provider-service card */
.customer-card.simple-card.provider-card .provider-wertyz-logo{
  min-height:60px!important;
}
.customer-card.simple-card.provider-card .provider-wertyz-logo img{
  width:58px!important;
  height:58px!important;
  max-width:58px!important;
  object-fit:contain!important;
  border-radius:50%!important;
}

@media(max-width:760px){
  .nav .brand .wertyz-nav-logo{
    width:32px!important;
    height:32px!important;
    max-width:32px!important;
    flex-basis:32px!important;
  }
  .brand-constellation{
    position:static;
    height:auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    max-width:560px;
  }
  .constellation-center{
    position:static;
    transform:none;
    grid-column:1/-1;
    width:100px;
    height:100px;
    margin:0 auto 8px;
  }
  .constellation-center img{width:94px;height:94px}
  .constellation-logo,
  .constellation-logo:nth-of-type(1),
  .constellation-logo:nth-of-type(2),
  .constellation-logo:nth-of-type(3),
  .constellation-logo:nth-of-type(4),
  .constellation-logo:nth-of-type(5),
  .constellation-logo:nth-of-type(6){
    position:static;
    transform:none;
    width:auto;
    min-height:68px;
  }
  .constellation-logo img{max-width:145px;max-height:44px}
}
@media(max-width:430px){
  .brand-constellation{grid-template-columns:1fr}
  .constellation-center{grid-column:auto}
}