/* ROUND 98 — Navigation feedback (doc "Sentinel 06-10 - AJ"). Scoped to body.sh-r98; see inc/round98.php.
   Loads after home.css, inner.css and r63.css. */

/* ---- 9. Vertical alignment: the link row renders exactly like Login / Contact — a flex-centred box with
   8px vertical padding — so every bar item shares one text centre line. The sliding underline keeps its
   distance from the text (the row is 30px tall now instead of 17px). */
@media (min-width:1024px){
  .sh-r98 .nav__links a{display:inline-flex;align-items:center;padding:8px 0}
  .sh-r98 .nav__underline{bottom:-1px}
}

/* ---- 5. Cream bar while ANY bar item is hovered (r98.js toggles .sh-r98-hover on .nav). Same colours as the
   panel-open state in home.css / inner.css / r63.css, without the sheet or the scrim. */
@media (min-width:1024px){
  .sh-r98 .nav.sh-r98-hover::before,
  .sh-r98.sh-hero .nav.sh-r98-hover:not(.scrolled):not(.panel-open)::before{background:var(--cream);box-shadow:none}
  .sh-r98 .nav.sh-r98-hover .nav__logo img,
  .sh-r98.sh-hero .nav.sh-r98-hover:not(.scrolled):not(.panel-open) .nav__logo img{filter:brightness(0) invert(.26)}
  .sh-r98 .nav.sh-r98-hover .nav__links,
  .sh-r98 .nav.sh-r98-hover .nav__links a,
  .sh-r98 .nav.sh-r98-hover .nav__login,
  .sh-r98.sh-hero .nav.sh-r98-hover:not(.scrolled):not(.panel-open) .nav__links,
  .sh-r98.sh-hero .nav.sh-r98-hover:not(.scrolled):not(.panel-open) .nav__links a,
  .sh-r98.sh-hero .nav.sh-r98-hover:not(.scrolled):not(.panel-open) .nav__login{color:var(--charcoal)}
  .sh-r98 .nav.sh-r98-hover .nav__save,
  .sh-r98.sh-hero .nav.sh-r98-hover:not(.scrolled):not(.panel-open) .nav__save{background:var(--white);border-color:transparent;color:var(--charcoal);box-shadow:var(--shadow-sm)}
  .sh-r98 .nav.sh-r98-hover .nav__contact,
  .sh-r98.sh-hero .nav.sh-r98-hover:not(.scrolled):not(.panel-open) .nav__contact{background-color:var(--sage);--sweep:rgba(45,55,47,.28);border-color:transparent;color:var(--off-white)}
  .sh-r98 .nav.sh-r98-hover .nav__toggle,
  .sh-r98.sh-hero .nav.sh-r98-hover:not(.scrolled):not(.panel-open) .nav__toggle{color:var(--charcoal)}
}

/* ---- 2. About Us › "Meet the [region] team" + Change Region directly beneath. */
.sh-r98 .np-meet a > span{display:inline}
.sh-r98 .np-region{margin-top:-14px}
.sh-r98 .mnav__row--meet a{display:block} /* the drawer row is a flex space-between by default — the sentence stays one run */

/* ---- 3. Region modal rows: name + arrow only; the arrow keeps the right edge the city label used to hold. */
.sh-r98 .sh-region__opt .arrow{margin-left:auto}

/* ---- 7 · 8. Anchored sections land exactly under the fixed bar: r98.js measures the bar's bottom edge (admin bar
   included) into --sh-r98-nav; the fallback is the desktop bar height. */
.sh-r98 #the-sentinel-way,.sh-r98 #guarantee{scroll-margin-top:var(--sh-r98-nav,28px)} /* fallback = 119.75 bar - 92 scroll-padding */

/* ---- 11. Logged-in profile: initial in the circle, round count dot. The dropdown is the shared mega-menu sheet
   (panel "profile"); the .nav__profile wrapper is its trigger, so the circle itself passes pointer events through
   and r98.js sends a click on it to Saved. */
.sh-r98 .nav__profile{position:relative;display:inline-flex;align-items:center;cursor:pointer}
@media (min-width:1024px){.sh-r98 .nav__profile .nav__save{pointer-events:none}}
.sh-r98 .nav__profile.is-open .nav__save{background:var(--white);border-color:transparent;color:var(--charcoal);box-shadow:var(--shadow-sm)}
.sh-r98 .nav__save-count{top:-5px;left:23px;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border-radius:999px;line-height:1}
.sh-r98 .nav__panel--profile .nav__panel-list{gap:24px}
@media (max-width:1023px){.sh-r98 .nav__profile{display:none}}