/* ROW 2026 streamlined navigation — one destination per label, no duplicate menus. */

body.marketing-site.row-signature .row-home-header--streamlined #nav-links.row-home-nav__links {
  gap: clamp(.15rem, .55vw, .7rem) !important;
}

body.marketing-site.row-signature .row-home-header--streamlined #nav-links > .row-home-nav__item {
  width: auto !important;
  min-width: 0 !important;
}

body.marketing-site.row-signature .row-home-header--streamlined .row-home-nav__link:not(.row-home-nav__donate) {
  padding-inline: clamp(.7rem, 1vw, 1.05rem) !important;
}

body.marketing-site.row-signature .row-home-header--streamlined .row-home-nav__link[aria-current="page"] {
  color: #fff !important;
}

body.marketing-site.row-signature .row-home-header--streamlined .row-home-nav__link[aria-current="location"] {
  color: #fff !important;
}

/* Premium header action pair: a calm utility action beside the primary ask. */
@media (min-width: 901px) {
  body.marketing-site.row-signature .row-home-header--streamlined #main-nav.row-home-nav a.row-home-nav__link.row-home-nav__contact {
    display: inline-flex !important;
    align-items: center !important;
    align-self: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
    width: 136px !important;
    min-width: 136px !important;
    height: 52px !important;
    min-height: 52px !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 0 0 16px !important;
    border: 1px solid rgba(255, 255, 255, .34) !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #96405c, #6d2c40) !important;
    color: #fff !important;
    font-family: "Barlow Condensed", "Barlow", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: .1em !important;
    line-height: 1 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 7px 18px rgba(23, 32, 38, .1) !important;
    backdrop-filter: blur(10px) !important;
    transition: height 260ms cubic-bezier(.2, .8, .2, 1), min-height 260ms cubic-bezier(.2, .8, .2, 1), background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, color 180ms ease, transform 180ms ease !important;
  }

  body.marketing-site.row-signature .row-home-header--streamlined #main-nav.row-home-nav a.row-home-nav__link.row-home-nav__contact::after {
    display: none !important;
  }

  body.marketing-site.row-signature .row-home-header--streamlined #main-nav.row-home-nav .row-home-nav__contact-action {
    display: grid !important;
    align-self: stretch !important;
    width: 40px !important;
    height: auto !important;
    flex: 0 0 40px !important;
    margin-left: auto !important;
    border: 0 !important;
    border-left: 1px solid rgba(255, 255, 255, .2) !important;
    border-radius: 0 9px 9px 0 !important;
    background: rgba(20, 10, 16, .28) !important;
    color: var(--row-color-golden-yellow) !important;
    place-items: center !important;
    transition: background-color 180ms ease, color 180ms ease, transform 180ms ease !important;
  }

  body.marketing-site.row-signature .row-home-header--streamlined #main-nav.row-home-nav .row-home-nav__contact-icon {
    width: 16px !important;
    height: 16px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    stroke-width: 1.65 !important;
  }

  body.marketing-site.row-signature .row-home-header--streamlined #main-nav.row-home-nav a.row-home-nav__link.row-home-nav__contact:is(:hover, :focus-visible) {
    border-color: rgba(255, 255, 255, .65) !important;
    background: linear-gradient(135deg, #a84a68, #7c3349) !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(23, 32, 38, .18), inset 0 1px 0 rgba(255, 255, 255, .7) !important;
    transform: translateY(-1px) !important;
  }

  body.marketing-site.row-signature .row-home-header--streamlined #main-nav.row-home-nav a.row-home-nav__link.row-home-nav__contact:is(:hover, :focus-visible) .row-home-nav__contact-action {
    background: var(--row-color-golden-yellow) !important;
    color: var(--row-color-deep-ink-navy) !important;
    transform: none !important;
  }

  body.marketing-site.row-signature .row-home-header--streamlined #main-nav.row-home-nav a.row-home-nav__link.row-home-nav__contact:active {
    transform: scale(.985) !important;
  }

  body.marketing-site.row-signature .row-home-header--streamlined #main-nav.row-home-nav a.row-home-nav__link.row-home-nav__donate {
    gap: 0 !important;
    width: 136px !important;
    min-width: 136px !important;
    height: 52px !important;
    min-height: 52px !important;
    overflow: hidden !important;
    margin-left: 0 !important;
    padding: 0 0 0 16px !important;
    border-radius: 10px !important;
    background-color: #ffc94f !important;
    background-image: linear-gradient(135deg, #ffd66f 8%, #f5a445 92%) !important;
    font-size: 16px !important;
    letter-spacing: .1em !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .48), 0 8px 20px rgba(23, 32, 38, .16) !important;
  }

  body.marketing-site.row-signature .row-home-header--streamlined #main-nav.row-home-nav .row-home-nav__donate-action {
    align-self: stretch !important;
    width: 40px !important;
    height: auto !important;
    flex: 0 0 40px !important;
    margin-left: auto !important;
    border: 0 !important;
    border-left: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: 0 9px 9px 0 !important;
    background: var(--row-color-deep-ink-navy) !important;
  }

  body.marketing-site.row-signature .row-home-header--streamlined #main-nav.row-home-nav a.row-home-nav__link.row-home-nav__donate:is(:hover, :focus-visible) {
    background-color: #ffd66f !important;
    background-image: linear-gradient(135deg, #ffe38d 8%, #f7ad55 92%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .58), 0 11px 24px rgba(23, 32, 38, .2) !important;
  }

  body.marketing-site.row-signature .row-home-header--streamlined #main-nav.row-home-nav a.row-home-nav__link.row-home-nav__donate:is(:hover, :focus-visible) .row-home-nav__donate-action {
    transform: none !important;
  }

  body.marketing-site.row-signature .row-home-header--streamlined #main-nav.row-home-nav a.row-home-nav__link.row-home-nav__donate:is(:hover, :focus-visible) .row-home-nav__donate-icon {
    transform: translateX(2px) !important;
  }

  body.marketing-site.row-signature .row-home-header--streamlined.is-scrolled #main-nav.row-home-nav a.row-home-nav__link:is(.row-home-nav__contact, .row-home-nav__donate) {
    height: 44px !important;
    min-height: 44px !important;
  }

  body.marketing-site.row-signature .row-home-header--streamlined.is-scrolled #main-nav.row-home-nav a.row-home-nav__link.row-home-nav__contact {
    border-color: rgba(255, 255, 255, .44) !important;
    background: linear-gradient(135deg, #96405c, #6d2c40) !important;
    color: #fff !important;
  }

  body.marketing-site.row-signature .row-home-header--streamlined.is-scrolled #main-nav.row-home-nav :is(.row-home-nav__contact-action, .row-home-nav__donate-action) {
    width: 34px !important;
    height: auto !important;
    flex-basis: 34px !important;
  }
}

@media (min-width: 901px) and (max-width: 1120px) {
  body.marketing-site.row-signature .row-home-header--streamlined .row-home-nav__link:not(.row-home-nav__donate) {
    padding-inline: .45rem !important;
    font-size: .92rem !important;
    letter-spacing: .075em !important;
  }

  body.marketing-site.row-signature .row-home-header--streamlined #main-nav.row-home-nav a.row-home-nav__link.row-home-nav__contact {
    width: 118px !important;
    min-width: 118px !important;
    padding-left: 12px !important;
  }

  body.marketing-site.row-signature .row-home-header--streamlined #main-nav.row-home-nav a.row-home-nav__link.row-home-nav__donate {
    width: 118px !important;
    min-width: 118px !important;
    margin-left: 0 !important;
    padding-left: 12px !important;
  }

  body.marketing-site.row-signature .row-home-header--streamlined #main-nav.row-home-nav :is(.row-home-nav__contact-action, .row-home-nav__donate-action) {
    width: 36px !important;
    flex-basis: 36px !important;
  }
}

@media (max-width: 900px) {
  html body.marketing-site.row-signature #mobile-menu.row-home-mobile-menu nav {
    gap: .18rem !important;
  }

  html body.marketing-site.row-signature #mobile-menu.row-home-mobile-menu nav a.row-home-mobile-menu__primary:not(.row-home-mobile-menu__donate) {
    min-height: 54px !important;
    padding-inline: .85rem !important;
    border-radius: .45rem !important;
    font-size: clamp(1.08rem, 5vw, 1.3rem) !important;
  }

  html body.marketing-site.row-signature #mobile-menu.row-home-mobile-menu nav a.row-home-mobile-menu__contact {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  html body.marketing-site.row-signature #mobile-menu.row-home-mobile-menu .row-home-mobile-menu__contact-icon {
    width: 20px !important;
    height: 20px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    stroke-width: 1.7 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.marketing-site.row-signature .row-home-header--streamlined,
  body.marketing-site.row-signature .row-home-header--streamlined *,
  html body.marketing-site.row-signature #mobile-menu.row-home-mobile-menu,
  html body.marketing-site.row-signature #mobile-menu.row-home-mobile-menu * {
    transition-duration: .001ms !important;
    animation-duration: .001ms !important;
  }

  body.marketing-site.row-signature .row-home-header--streamlined #main-nav.row-home-nav .row-home-nav__contact-action {
    transition: none !important;
  }
}

/* Account cluster ------------------------------------------------------
 *
 * 2026-09-21: this header shipped with no auth chrome at all. Signed out
 * there was no way to reach the sign-in page from readwithrow.org — a
 * coordinator hunted seven public pages for one, gave up and typed /admin,
 * which stores a deep link and suppresses the /choose picker. Signed in
 * there was no way back into the backend or the portal either.
 *
 * SIGN IN is therefore a plain visible control, never behind a menu. It sits
 * beside CONTACT and DONATE but stays a ghost pill: those two are the asks,
 * this is a utility. Signed in, the destinations collapse into a menu keyed
 * on the account's hats.
 */
body.marketing-site.row-signature .row-home-header--streamlined .row-home-nav__account,
body.marketing-site.row-signature .row-home-header--streamlined .row-home-nav__account-shell {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  align-self: center !important;
}

body.marketing-site.row-signature .row-home-header--streamlined .row-home-nav__account {
  margin-left: clamp(.35rem, .7vw, .75rem) !important;
}

body.marketing-site.row-signature .row-home-header--streamlined #main-nav.row-home-nav a.row-home-nav__signin,
body.marketing-site.row-signature .row-home-header--streamlined #main-nav.row-home-nav button.row-home-nav__account-trigger {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(255, 255, 255, .34) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, .08) !important;
  color: #fff !important;
  font-family: "Barlow Condensed", "Barlow", sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  backdrop-filter: blur(10px) !important;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease !important;
}

body.marketing-site.row-signature .row-home-header--streamlined #main-nav.row-home-nav a.row-home-nav__signin::after {
  display: none !important;
}

body.marketing-site.row-signature .row-home-header--streamlined #main-nav.row-home-nav a.row-home-nav__signin:is(:hover, :focus-visible),
body.marketing-site.row-signature .row-home-header--streamlined #main-nav.row-home-nav button.row-home-nav__account-trigger:is(:hover, :focus-visible),
body.marketing-site.row-signature .row-home-header--streamlined #main-nav.row-home-nav button.row-home-nav__account-trigger[aria-expanded="true"] {
  border-color: rgba(255, 255, 255, .65) !important;
  background: rgba(255, 255, 255, .16) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

body.marketing-site.row-signature .row-home-header--streamlined .row-home-nav__account-caret {
  width: 14px !important;
  height: 14px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.1 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  transition: transform 180ms ease !important;
}

body.marketing-site.row-signature .row-home-header--streamlined button.row-home-nav__account-trigger[aria-expanded="true"] .row-home-nav__account-caret {
  transform: rotate(180deg) !important;
}

body.marketing-site.row-signature .row-home-header--streamlined .row-home-nav__account-menu {
  position: absolute !important;
  z-index: 60 !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  display: grid !important;
  gap: 2px !important;
  min-width: 254px !important;
  padding: 8px !important;
  border: 1px solid rgba(23, 32, 38, .1) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 18px 42px rgba(23, 32, 38, .22) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-7px) !important;
  visibility: hidden !important;
  transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease !important;
}

body.marketing-site.row-signature .row-home-header--streamlined .row-home-nav__account-menu[aria-hidden="false"] {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  visibility: visible !important;
}

body.marketing-site.row-signature .row-home-header--streamlined a.row-home-nav__account-link {
  display: flex !important;
  align-items: center !important;
  min-height: 44px !important;
  padding: 11px 14px !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: var(--row-color-deep-ink-navy, #27435D) !important;
  font-family: "Barlow", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body.marketing-site.row-signature .row-home-header--streamlined a.row-home-nav__account-link:is(:hover, :focus-visible) {
  background: #f4f1ea !important;
  color: #6d2c40 !important;
}

/* The cluster folds into the mobile menu wherever the hamburger takes over. */
@media (max-width: 900px) {
  body.marketing-site.row-signature .row-home-header--streamlined .row-home-nav__account {
    display: none !important;
  }
}

/* Mobile account block. On a phone this is the only account chrome there is,
 * so it carries exactly the destinations the desktop menu does. The panel is
 * the cool off-white sheet, not a dark overlay — ink navy, never white text. */
body.marketing-site.row-signature .row-home-mobile-menu__account {
  display: grid !important;
  gap: 8px !important;
  margin-top: 20px !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(39, 67, 93, .16) !important;
}

body.marketing-site.row-signature .row-home-mobile-menu__account-name {
  margin: 0 !important;
  color: rgba(39, 67, 93, .62) !important;
  font-family: "Barlow Condensed", "Barlow", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

body.marketing-site.row-signature #mobile-menu.row-home-mobile-menu a.row-home-mobile-menu__account-link {
  display: flex !important;
  align-items: center !important;
  min-height: 52px !important;
  padding: 12px 16px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: rgba(184, 207, 213, .34) !important;
  color: var(--row-color-deep-ink-navy, #27435D) !important;
  font-family: "Barlow Condensed", "Barlow", sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

body.marketing-site.row-signature #mobile-menu.row-home-mobile-menu a.row-home-mobile-menu__signin {
  justify-content: center !important;
  background: var(--row-color-deep-ink-navy, #27435D) !important;
  color: #fff !important;
}