/**
 * Frontend Logo Fixes
 * Ensures logos display at natural size with reasonable constraints
 */

/* Main navbar brand logos */
.navbar-brand img,
.navbar-brand-logo,
.logo img,
.main-responsive-nav .logo img,
.main-navbar .navbar-brand img,
.header-area .navbar-brand img {
  width: auto !important;
  height: auto !important;
  max-width: 200px !important;
  max-height: 80px !important;
  object-fit: contain !important;
}

/* Mobile header logos */
.mobile-header .mobile-logo img,
.mobile-nav .mobile-logo img,
.mobile-header-logo {
  width: auto !important;
  height: auto !important;
  max-width: 150px !important;
  max-height: 60px !important;
  object-fit: contain !important;
}

/* Landing page logos */
.landing-page .navbar-brand img {
  width: auto !important;
  height: auto !important;
  max-width: 180px !important;
  max-height: 70px !important;
  object-fit: contain !important;
}

/* Dashboard layout logos */
.dashboard-layout .navbar-brand img {
  width: auto !important;
  height: auto !important;
  max-width: 160px !important;
  max-height: 60px !important;
  object-fit: contain !important;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
  .navbar-brand img,
  .logo img,
  .main-responsive-nav .logo img,
  .main-navbar .navbar-brand img,
  .header-area .navbar-brand img {
    max-width: 150px !important;
    max-height: 60px !important;
  }
}

@media (max-width: 576px) {
  .navbar-brand img,
  .logo img,
  .main-responsive-nav .logo img,
  .main-navbar .navbar-brand img,
  .header-area .navbar-brand img {
    max-width: 120px !important;
    max-height: 50px !important;
  }
}

/* Override any existing constraints */
.header-area .main-responsive-nav .logo {
  flex: 0 0 auto !important;
  max-width: none !important;
}

/* Ensure proper container sizing */
.logo-header .logo {
  max-width: 200px !important;
  width: auto !important;
}

/* Vendor layout logo fixes */
.vendor-logo,
.logo-header .navbar-brand {
  width: auto !important;
  height: auto !important;
  max-width: 160px !important;
  max-height: 60px !important;
  object-fit: contain !important;
}

/* Dashboard layout logo fixes */
.dashboard-logo {
  width: auto !important;
  height: auto !important;
  max-width: 160px !important;
  max-height: 60px !important;
  object-fit: contain !important;
}