/* ProdAI 0.5.1 branding hotfix.
   The previous branding layer widened the new 3.38:1 logo but some legacy
   brand containers retained a fixed height/overflow and clipped it. */

.prodai-brand-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  line-height: 0 !important;
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
}

.prodai-brand-image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  aspect-ratio: 1419 / 420;
  object-fit: contain !important;
  object-position: left center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  flex: 0 0 auto !important;
}

/* Sidebar: use the full inner width, but let the header grow vertically. */
.prodai-brand-sidebar.prodai-brand-host {
  overflow-x: hidden;
}

.prodai-brand-sidebar .prodai-brand-wrap,
.prodai-brand-sidebar .prodai-brand-sidebar-wrap {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 0 18px 0 !important;
}

.prodai-brand-sidebar .prodai-brand-image {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  min-width: 0 !important;
  object-position: left center !important;
}

/* Remove the legacy small logo pill/card dimensions even if they were set
   on common brand wrappers. These selectors only act inside the sidebar. */
.prodai-brand-sidebar .brand,
.prodai-brand-sidebar .brand-logo,
.prodai-brand-sidebar .logo,
.prodai-brand-sidebar [class*="brand"]:has(> img.prodai-brand-image),
.prodai-brand-sidebar [class*="logo"]:has(> img.prodai-brand-image) {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Login / registration / onboarding / other centered placements. */
.prodai-brand-general .prodai-brand-wrap {
  width: min(100%, 460px) !important;
  height: auto !important;
  max-height: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 24px !important;
  justify-content: center !important;
  overflow: visible !important;
}

.prodai-brand-general .prodai-brand-image {
  width: 100% !important;
  max-width: 460px !important;
  height: auto !important;
  max-height: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  object-position: center !important;
}

@media (max-width: 760px) {
  .prodai-brand-general .prodai-brand-wrap {
    width: min(88vw, 390px) !important;
  }
}