/* Runtime preview of the approved Guyton A/B brand pairing.
 * Source adapters carry the same assets; this small override makes the choice
 * visible on the 4 GB pilot without rebuilding the Next.js image locally.
 */

.guyton-brand-lockup {
  display: inline-flex !important;
  width: clamp(9rem, 16vw, 11.9375rem) !important;
  min-height: 3rem !important;
  background: url("/guyton-brand/lockup-horizontal.png") left center / contain no-repeat !important;
}

.guyton-brand-lockup__mark,
.guyton-brand-lockup__wordmark {
  visibility: hidden !important;
}

.guyton-brand-lockup > :not(.guyton-brand-lockup__image) {
  display: none !important;
}

.guyton-brand-lockup:has(.guyton-brand-lockup__image) {
  background-image: none !important;
}

.guyton-brand-lockup--compact {
  width: 3.1875rem !important;
  min-width: 3.1875rem !important;
  background-image: url("/guyton-brand/symbol-a.png") !important;
}

.guyton-brand-lockup__image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Keep one product identity in the topbar. The sidebar copy was duplicated
 * when expanded and clipped against the collapse control when closed. */
.guyton-community
  [data-slot="sidebar-header"]
  > a:has(.guyton-sidebar-brand) {
  display: none !important;
}

@media (min-width: 768px) {
  .guyton-community [data-slot="sidebar-trigger"] {
    display: none !important;
  }
}

.guyton-header-brand,
.guyton-brand {
  display: inline-flex !important;
  width: clamp(9rem, 16vw, 11.9375rem) !important;
  min-height: 3rem !important;
  background: url("/guyton-brand/lockup-horizontal.png") left center / contain no-repeat !important;
}

.guyton-header-brand__mark,
.guyton-header-brand__name,
.guyton-brand-mark,
.guyton-brand-name {
  visibility: hidden !important;
}

.guyton-header-brand:has(.guyton-header-brand__image),
.guyton-brand:has(.guyton-brand-image) {
  background-image: none !important;
}

.guyton-header-brand__image,
.guyton-brand-image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Responsive Krayin drawer owns a separate legacy #logo-image instance. */
.guyton-krayin img#logo-image {
  width: clamp(9rem, 48vw, 11.9375rem) !important;
  height: auto !important;
  max-height: 3.5rem !important;
  object-fit: contain !important;
  object-position: left center !important;
  content: url("/guyton-brand/lockup-horizontal.png") !important;
}

@media (max-width: 767px) {
  .guyton-header-brand {
    display: none !important;
  }
}