/* Logo Fix - Override brand img styling to display horizontal logo correctly */

/* Icon before the logo - 90% of logo height */
.brand img.brand-icon {
  height: 36px !important;        /* 90% of 40px logo height */
  width: 36px !important;         /* Keep it square/proportionate */
  border-radius: 8px !important;  /* Slight rounding for the icon */
  margin-right: 10px !important;  /* Space before logo */
}

/* Main horizontal logo */
.brand img:not(.brand-icon) {
  height: 40px !important;        /* Set height only */
  width: auto !important;         /* Let width adjust automatically */
  border-radius: 0 !important;    /* Remove circular styling */
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .brand img.brand-icon {
    height: 32px !important;      /* 90% of 36px */
    width: 32px !important;
  }
  
  .brand img:not(.brand-icon) {
    height: 36px !important;
  }
}

@media (max-width: 380px) {
  .brand img.brand-icon {
    height: 29px !important;      /* 90% of 32px (rounded) */
    width: 29px !important;
  }
  
  .brand img:not(.brand-icon) {
    height: 32px !important;
  }
}