/* Mobile brand: wrench icon + text instead of full logo image */
.logo-icon { display: none; }
.logo-text { display: none; }

@media (max-width: 991px) {
  .navbar-brand .logo-full { display: none !important; }
  .logo-icon {
    display: inline-block !important;
    width: 36px;
    height: 36px;
    vertical-align: middle;
  }
  .logo-text {
    display: inline-block;
    font-weight: 800;
    font-size: 14px;
    color: #175BA5;
    margin-left: 8px;
    vertical-align: middle;
    letter-spacing: 0.3px;
  }
}