/* =========================================================
   Brand logo / favicon styling
   ========================================================= */

.brand-with-logo {
  display: inline-flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

.brand-logo {
  display: block !important;
  width: 166px !important;
  height: auto !important;
  max-height: 44px !important;
  object-fit: contain !important;
}

@media (max-width: 760px) {
  .brand-logo {
    width: 62px !important;
    max-height: 44px !important;
    object-position: left center !important;
  }
}


/* =========================================================
   V21 Actual CTL website logo
   Source: assets/ctl-logo-full-DDM2lgmX.png
   ========================================================= */

.brand-with-logo,
.site-header .brand-with-logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
}

.brand-logo,
.site-header .brand-logo {
  display: block !important;
  width: 170px !important;
  height: auto !important;
  max-height: 44px !important;
  object-fit: contain !important;
  object-position: left center !important;
}

/* Keep header compact and avoid oversized original logo image */
.site-header {
  overflow: visible !important;
}

@media (max-width: 760px) {
  .brand-logo,
  .site-header .brand-logo {
    width: 132px !important;
    max-height: 40px !important;
  }
}