/* Paddlers Cove - account pill + admin link in the main nav (all pages) */
.nav a.nav-account {
  display: inline-flex; align-items: center; gap: 8px; margin-left: 6px;
  padding: 6px 14px 6px 8px; border-radius: 999px; line-height: 1;
  background: var(--navy, #123a63); color: #fff !important; text-decoration: none;
  box-shadow: 0 4px 12px rgba(18, 58, 99, .18); transition: background .15s, transform .15s;
}
.nav a.nav-account::after, .nav a.nav-admin::after { display: none !important; }
.nav a.nav-account:hover { background: var(--teal, #1c6b8c); transform: translateY(-1px); }
.nav a.nav-account .icon { width: 18px; height: 18px; margin-left: 4px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.nav-av {
  position: relative; display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%;
  overflow: hidden; background: var(--gold, #c38d2c); color: #fff; flex: 0 0 26px;
}
.nav-av b { font-size: 11px; font-weight: 700; letter-spacing: .02em; }
.nav-av img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.nav a.nav-admin { position: relative; display: inline-flex; align-items: center; gap: 6px; }
.nav-count {
  display: inline-grid; place-items: center; min-width: 19px; height: 19px; padding: 0 5px; border-radius: 999px;
  background: #d04a2f; color: #fff; font: 700 11px/1 var(--sans, "Source Sans 3", sans-serif); font-style: normal; letter-spacing: 0;
}
@media (max-width: 960px) {
  .nav.open a.nav-account { margin: 8px 0 0; align-self: flex-start; }
}

/* One additional first-class feature link still fits comfortably on laptops. */
@media (min-width: 1101px) and (max-width: 1450px) {
  .nav { gap: clamp(12px, 1.6vw, 23px); }
  .nav a { font-size: 14px; letter-spacing: .04em; }
}