/* shared/styles/widget.css
   User-widget styles shared across all *.unchartedworksllc.com sites.
   Each site's .eleventy.js passthrough-copies this into its assets/ output
   and the layout links it. Edit here once, updates everywhere on next build. */

.user-widget {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
}

.user-widget .sign-in {
  color: var(--text, #e4e7ec);
  padding: 6px 14px;
  border: 1px solid var(--line, #3a414d);
  border-radius: var(--radius, 6px);
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
}
.user-widget .sign-in:hover {
  border-color: var(--muted, #8a93a3);
  text-decoration: none;
}

.user-widget .user-cta {
  background: var(--accent, #ffb84d);
  color: var(--accent-on, #1a1d23);
  padding: 8px 18px;
  border-radius: var(--radius, 6px);
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  border: 1px solid var(--accent, #ffb84d);
  line-height: 1;
}
.user-widget .user-cta:hover {
  background: var(--accent-hover, #ffc870);
  text-decoration: none;
}