/* 105.0.47 - assortimentmenu krijgt een lichtblauwe achtergrondlaag,
   passend bij de andere rustige vlakken op de website. */

/* Desktop versie van het assortimentmenu */
@media (min-width:901px){
  .step-menu.step-menu--desktop{
    background:linear-gradient(180deg,#eaf4f8 0%,#ddebf2 100%)!important;
    color:#17394a!important;
    border-right:1px solid #cddbe2!important;
    box-shadow:28px 0 68px rgba(24,55,72,.16)!important;
  }
  .step-menu--desktop .step-menu__head{
    background:rgba(255,255,255,.28)!important;
    border-bottom:1px solid #d6e2e8!important;
  }
  .step-menu--desktop .step-menu__title{
    background:rgba(7,143,197,.06)!important;
    color:#4b6978!important;
    border-bottom:1px solid #d8e4e9!important;
  }
}

/* Mobiele / small-screen menuweergave */
@media (max-width:900px){
  .step-menu{
    background:linear-gradient(180deg,#eaf4f8 0%,#ddebf2 100%)!important;
    color:#17394a!important;
    border-right:1px solid #cddbe2!important;
    box-shadow:22px 0 58px rgba(24,55,72,.16)!important;
  }
  .step-menu__head{
    background:rgba(255,255,255,.30)!important;
    border-bottom:1px solid #d6e2e8!important;
  }
  .step-menu__head img{filter:none!important}
  .step-menu__head button{
    background:#fff!important;
    border:1px solid #ccd9df!important;
    color:#17394a!important;
    border-radius:14px!important;
    box-shadow:0 4px 10px rgba(31,68,88,.06)!important;
  }
  .step-menu__head button:hover,
  .step-menu__head button:focus-visible{
    background:#eef5f8!important;
    color:#087fb5!important;
  }
  .step-menu__title{
    background:rgba(7,143,197,.06)!important;
    color:#4b6978!important;
    border-bottom:1px solid #d8e4e9!important;
  }
}

/* Algemene menu-kaarten: behouden rustige witte kaarten op lichtblauwe drager */
.step-link{
  background:#fff!important;
  color:#17394a!important;
  border:1px solid #d8e4e9!important;
  box-shadow:0 7px 18px rgba(30,66,86,.055)!important;
}
.step-link:hover,
.step-link.active{
  background:#fbfdfe!important;
  border-color:#a8d2e1!important;
  box-shadow:0 10px 22px rgba(30,66,86,.09)!important;
}
.step-link small{color:#6e8593!important}
.step-link__icon{color:#087fb5!important}
.step-link__arrow{color:#0a8cc5!important}

/* Mobiel wat meer lucht tussen de kaarten */
@media (max-width:900px){
  .step-menu__list{padding:12px}
  .step-link{
    border-radius:18px!important;
    margin-bottom:12px!important;
    min-height:74px!important;
    padding:10px 14px!important;
  }
  .step-link:last-child{margin-bottom:0!important}
}