/**
 * @file
 * Site branding component.
 */

.site-branding {
  min-width: 0;
  flex: 1 1 0;
}

.site-branding__inner {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--20, 16px);
  min-width: 0;
}

.site-branding__logo {
  color: var(--wp--preset--color--primary, #0073aa);
}

.site-branding__logo img {
  display: block;
  max-height: 48px;
  width: auto;
}

.site-branding__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.site-branding__name {
  font-size: var(--wp--preset--font-size--large, 1.25rem);
  font-weight: 300;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.site-branding__name a {
  color: var(--wp--preset--color--dark, #1a1a1a);
  text-decoration: none;
}

.site-branding__name a:hover {
  color: var(--wp--preset--color--primary, #0073aa);
}

.site-branding__slogan {
  font-size: var(--wp--preset--font-size--small, 0.875rem);
  color: var(--wp--preset--color--muted, #757575);
}
