/* SURVEY CONTROL LOGO ECHT ZICHTBAAR 20260523_121718
   Doel: breed logo zichtbaar in alle headers; geen crop, geen nested picture, geen klein icoontje. */
.sc-main-logo,
.v50-header > .sc-main-logo,
.sc-page-header > .sc-main-logo,
.portal-header > .sc-main-logo,
.machine-header > .sc-main-logo,
header .sc-main-logo {
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:0 0 clamp(300px, 28vw, 520px)!important;
  width:clamp(300px, 28vw, 520px)!important;
  min-width:300px!important;
  max-width:520px!important;
  height:auto!important;
  min-height:86px!important;
  padding:0!important;
  margin:0 22px 0 0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  text-decoration:none!important;
  position:relative!important;
  z-index:40!important;
}
.sc-main-logo picture,
header .sc-main-logo picture {
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
.sc-main-logo img,
header .sc-main-logo img,
.sc-header-logo-img {
  display:block!important;
  width:100%!important;
  min-width:260px!important;
  max-width:520px!important;
  height:auto!important;
  max-height:150px!important;
  object-fit:contain!important;
  object-position:left center!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  filter:drop-shadow(0 0 18px rgba(106,161,255,.34))!important;
}
/* oude logo wrappers niet meer als klein kaartje tonen */
.v50-brand,.sc-brand,.brand,.sc-header-logo-link {
  overflow:visible!important;
}
.v50-header,.sc-page-header,.portal-header,.machine-header {
  overflow:visible!important;
}
/* App header iets compacter houden maar wel leesbaar */
.machine-header > .sc-main-logo,
.machine-header .sc-main-logo {
  flex-basis:clamp(250px, 22vw, 410px)!important;
  width:clamp(250px, 22vw, 410px)!important;
  min-width:250px!important;
  max-width:410px!important;
  min-height:70px!important;
}
.machine-header .sc-main-logo img {
  max-width:410px!important;
}
/* Kleine ribbongrafiek in hero niet kapot maken */
.v71-brand-ribbon .sc-header-logo-picture,
.v71-brand-ribbon .sc-header-logo-img {
  width:82px!important;
  min-width:82px!important;
  max-width:82px!important;
  height:auto!important;
}
@media (max-width:1150px) {
  .sc-main-logo,
  .v50-header > .sc-main-logo,
  .sc-page-header > .sc-main-logo,
  .portal-header > .sc-main-logo,
  .machine-header > .sc-main-logo {
    flex:0 0 min(86vw, 500px)!important;
    width:min(86vw, 500px)!important;
    max-width:500px!important;
    min-width:240px!important;
    margin-right:0!important;
  }
  .sc-main-logo img { max-width:min(86vw,500px)!important; }
}
@media (max-width:700px) {
  .sc-main-logo,
  .machine-header > .sc-main-logo {
    flex-basis:min(92vw, 380px)!important;
    width:min(92vw, 380px)!important;
    min-width:220px!important;
    max-width:380px!important;
    min-height:58px!important;
  }
  .sc-main-logo img { max-width:min(92vw,380px)!important; }
}
/* END SURVEY CONTROL LOGO ECHT ZICHTBAAR */