/**
 * Brand logos on site — transparent background, larger header area
 */
/* Light plate — navy logo text readable on dark header/footer */
.site-brand-logo-plate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  flex-shrink: 0;
  padding: 0.28rem 0.55rem;
  border-radius: 4px;
  background: linear-gradient(180deg, #ffffff 0%, #f4f6fb 100%);
  border: 1px solid rgba(212, 175, 55, 0.5);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);
}

.site-brand-logo-plate .site-brand-logo {
  filter: none !important;
  background: transparent !important;
}

.site-brand-logo-plate--footer {
  padding: 0.22rem 0.45rem;
}

.site-brand-logo-plate--mobile {
  padding: 0.25rem 0.5rem;
}

/* Portal / admin logos on dark panels */
.portal-brand-logo-plate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  padding: 0.35rem 0.55rem;
  border-radius: 4px;
  background: linear-gradient(180deg, #ffffff 0%, #f4f6fb 100%);
  border: 1px solid rgba(212, 175, 55, 0.45);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.portal-brand-logo-plate .portal-brand-logo {
  filter: none !important;
  background: transparent !important;
}

.portal-brand-logo-plate--compact {
  padding: 0.2rem 0.4rem;
  margin-bottom: 1rem;
}

.site-brand-link {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  padding: 0;
  margin: 0;
  background: transparent !important;
  border: none;
  box-shadow: none;
  line-height: 0;
}

.site-brand-logo {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none;
  object-fit: contain;
  object-position: left center;
}

/* Header logo size — see site-header.css for responsive heights */
.site-brand-logo--header {
  max-width: 100%;
  min-width: 0;
}

.site-brand-logo--mobile {
  height: 2.75rem;
  max-height: 2.75rem;
  max-width: 12rem;
}

.site-brand-logo--footer {
  height: 2.5rem;
  max-height: 2.5rem;
  max-width: 11rem;
}

.portal-brand-logo {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none;
  border: none;
}

#main-nav .site-brand-link {
  background: transparent !important;
}

#main-nav .site-brand-logo-plate .site-brand-logo {
  background: transparent !important;
}

.site-brand-logo-frame--classic {
  background: transparent !important;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
}

/* Admin settings: checkerboard shows real transparency */
.brand-preview-frame {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  min-height: 4.5rem;
  min-width: 10rem;
  border: 1px solid rgba(139, 115, 85, 0.35);
}

.brand-preview-frame--transparent {
  background-color: #1a1f3a;
  background-image:
    linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.06) 75%),
    linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.06) 75%);
  background-size: 14px 14px;
  background-position: 0 0, 0 7px, 7px -7px, -7px 0;
}

.brand-preview-frame--admin {
  background: #1a1f3a;
}

.brand-preview-frame--portal {
  background: linear-gradient(180deg, #1a1f3a 0%, #0a0e27 100%);
}

.brand-preview-frame img {
  background: transparent !important;
}