#clientlogo {
  width: 50px;
  height: 50px;
  display: inline-block;         
  vertical-align: middle;
  border-radius: 50%;            
  object-fit: cover;             
  background: #fff;             
  padding: 1px;                 
  box-shadow: 0 0 3px rgba(0,0,0,0.2);
  flex: 0 0 auto;               
}

/* --- Clientlogo centreren en verhouding behouden op mobiel --- */
@media (max-width: 991.98px) {
  /* Centreer het logo-li-element */
  .navbar-nav .nav-item img#clientlogo {
    display: block;
    margin: 0.5rem auto;           /* centraal */
    width: 32px !important;
    height: 32px !important;
    object-fit: cover !important;  /* verhouding behouden, netjes rond */
  }

  /* Zorg dat de flex-container het niet oprekt */
  .navbar-nav .nav-item.d-flex.align-items-center {
    justify-content: center !important;
  }
}


/* --- NAV: mobiel centreren --- */
@media (max-width: 991.98px) {
  /* zorg dat de collapse zelf geen breedte-trucs doet */
  #navbarSupportedContent {
    width: 100%;
  }

  /* UL wordt kolom en centreert zijn children */
  .navbar-collapse .navbar-nav {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;    /* horizontaal centreren van de items */
    justify-content: center !important;/* verticale “sense” binnen de kolom */
    width: 100%;
    margin: 0 auto !important;
  }

  /* elk item mag de volle breedte claimen, maar de inhoud centreren we in de <a> */
  .navbar-collapse .navbar-nav .nav-item {
    width: 100%;
    text-align: center;
  }

  /* de link zelf centreren (tekst + icons) */
  .navbar-collapse .navbar-nav .nav-link {
    display: inline-flex !important;   /* inline-flex zodat margin auto werkt */
    align-items: center !important;
    justify-content: center !important;
    width: auto;                        /* geen 100% stretch zodat écht midden */
    margin: 0 auto;                     /* center in de regel */
    text-align: center;
    white-space: normal;                /* lange tekst mag afbreken */
    word-break: break-word;
    padding-left: .75rem;
    padding-right: .75rem;
  }

  /* Mobirise/Bootstrap kunnen links forceren naar links; overriden: */
  .nav-dropdown .link {
    justify-content: center !important;
    text-align: center !important;
  }

  /* die ene met extra padding rechts niet op mobiel */
  .navbar-collapse .navbar-nav .pr-5 {
    padding-right: 0 !important;
  }
}