/* ==========================================================================
   Fujairah Chemical — Site Branding & Logo Styling
   ========================================================================== */

.navbar .site-branding {
  display: inline-flex;
  align-items: center;
}

.navbar .site-branding a {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.navbar .site-branding .logo {
  height: 46px;
  width: auto;
  max-width: 220px;
  object-fit: contain;
  display: inline-block;
  vertical-align: middle;
  transition: transform 0.2s ease, height 0.2s ease;
}

.navbar .site-branding .logo:hover {
  transform: scale(1.02);
}

@media (min-width: 992px) {
  .navbar:not(.navbar-stick) .site-branding .logo {
    height: 48px;
    max-width: 240px;
  }
  .navbar.navbar-stick .site-branding .logo {
    height: 40px;
    max-width: 200px;
  }
}

@media (max-width: 767.98px) {
  .navbar .site-branding .logo {
    height: 36px;
    max-width: 170px;
  }
}

.offcanvas-header .site-branding .logo,
.offcanvas-body .site-branding .logo {
  height: 38px;
  max-width: 160px;
}