/* SeoNavigation.css: Remade for clean, modern horizontal nav bar using Figma/SEO-navigation-api inspiration */

.seo-navigation {
  width: 100%;
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  z-index: 10;
  padding: 0;
}

.crackerbarrel .seo-navigation {
  height: 84px;
}

.seo-navigation-logo {
  height: 42px;
  width: 223px;
  display: block;
}

.crackerbarrel .seo-navigation-logo {
  height: 84px;
  width: 172px;
}

.frame-1000003863 {
  display: flex;
  align-items: center;
  height: 32px;
  gap: 10px;
}

/* This wrapper will push the nav links and user section to the right */
.nav-actions {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
}

.frame-1000003864 {
  width: 944px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 240px;
}

.navbarslink {
  height: 32px;
  width: 112.45px;
  display: flex;
  align-items: center;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #526176;
  cursor: pointer;
  transition: color 0.2s;
}

.navbarslink:hover .text_01_span {
  color: #071d3b;
}

.text_01 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 8px;
  font-size: 16px;
  font-weight: 700;
  color: inherit;
}

.frame-1000002607 {
  display: flex;
  align-items: center;
  gap: 20px;
  height: 32px;
}

.username-avatar {
  display: flex;
  align-items: center;
  gap: 6px;
}

.icon_user {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.text_03_span {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #526176;
}