/* 201.28 - echte fade van foto naar wit + ronde iconen volledig vooraan */

/* Alleen logo in de bovenbalk */
.customer-header--simple-logo .customer-brand--logo-only{
  display:inline-flex!important;
  align-items:center!important;
  gap:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.customer-header--simple-logo .customer-brand__copy{display:none!important}
.customer-header--simple-logo .customer-brand__logo img{
  display:block!important;
  height:48px!important;
  width:auto!important;
  max-width:230px!important;
}

/* Kaart zelf mag het ronde icoon buiten de foto tonen */
.customer-auth-tile--20122{
  overflow:visible!important;
  position:relative!important;
  background:#fff!important;
}

/* De fotozone heeft geen border/lijn meer aan de onderkant */
.customer-auth-tile__media{
  position:relative!important;
  height:166px!important;
  overflow:visible!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
}

/* Foto loopt echt transparant weg naar wit */
.customer-auth-tile__media img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transform:scale(1.025)!important;
  filter:saturate(.9) contrast(.96)!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 45%,rgba(0,0,0,.94) 56%,rgba(0,0,0,.62) 70%,rgba(0,0,0,.20) 84%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0%,#000 45%,rgba(0,0,0,.94) 56%,rgba(0,0,0,.62) 70%,rgba(0,0,0,.20) 84%,transparent 100%)!important;
}

/* Oude overlay/filter uitschakelen zodat geen harde lijn ontstaat */
.customer-auth-tile__media::before,
.customer-auth-tile__media::after{
  content:none!important;
  display:none!important;
}

/* Ronde iconen duidelijk vóór de foto/kaart */
.customer-auth-tile__icon{
  position:absolute!important;
  left:24px!important;
  bottom:-38px!important;
  z-index:20!important;
  width:76px!important;
  height:76px!important;
  border-radius:999px!important;
  overflow:visible!important;
  background:linear-gradient(180deg,#12a9e2 0%,#0089c7 100%)!important;
  color:#fff!important;
  border:5px solid #fff!important;
  box-shadow:0 10px 24px rgba(0,112,167,.22)!important;
}

.customer-auth-tile__icon svg{
  width:34px!important;
  height:34px!important;
}

.customer-auth-tile__body{
  position:relative!important;
  z-index:2!important;
  padding-top:54px!important;
  border-top:0!important;
  background:#fff!important;
}

@media(max-width:760px){
  .customer-header--simple-logo .customer-brand__logo img{
    height:40px!important;
    max-width:190px!important;
  }
  .customer-auth-tile__media{height:145px!important}
  .customer-auth-tile__icon{
    left:18px!important;
    bottom:-32px!important;
    width:66px!important;
    height:66px!important;
  }
  .customer-auth-tile__body{padding-top:46px!important}
}