/* Leeds navigation: Harrogate's soft section colours, with existing routes and icons. */
@media (forced-colors:none) {
  html body :is(.member-app-nav,.staff-timetable-nav,.bottom-nav,.timetable-coach-nav) {
    --leeds-nav-ink:#1d4ed8;
    --leeds-nav-soft:#eff6ff;
    --leeds-nav-border:#bed6ff;
  }
  html body nav[aria-label]:is(.member-app-nav,.staff-timetable-nav,.bottom-nav,.timetable-coach-nav)>button {
    background:var(--leeds-nav-soft)!important;
    border-color:var(--leeds-nav-border)!important;
    border-style:solid!important;
    border-width:1px!important;
    color:#24242b!important;
    border-radius:10px;
    box-shadow:none;
  }
  html body :is(.member-app-nav>button:nth-of-type(1),.bottom-nav>button[data-view="members"],.staff-timetable-nav-admin>button:nth-of-type(2)) {
    --leeds-nav-ink:#7e22ce;--leeds-nav-soft:#faf5ff;--leeds-nav-border:#e3cbff;
  }
  html body :is(.bottom-nav>button[data-view="attention"],.staff-timetable-nav-admin>button:nth-of-type(3)) {
    --leeds-nav-ink:#9a3412;--leeds-nav-soft:#fff7ed;--leeds-nav-border:#ffd7ac;
  }
  html body :is(.member-app-nav>button:nth-of-type(3),.staff-timetable-nav-coach>button:nth-of-type(4)) {
    --leeds-nav-ink:#854d0e;--leeds-nav-soft:#fffbeb;--leeds-nav-border:#f3d46c;
  }
  html body :is(.member-app-nav>button:nth-of-type(4),.bottom-nav>.owner-mail-nav,.staff-timetable-nav-coach>button:nth-of-type(3),.staff-timetable-nav-admin:has(>.staff-google-nav)>button:nth-of-type(3)) {
    --leeds-nav-ink:#0f766e;--leeds-nav-soft:#f0fdfa;--leeds-nav-border:#a6e5dd;
  }
  html body .staff-timetable-nav-coach>button:nth-of-type(2) {
    --leeds-nav-ink:#b4233c;--leeds-nav-soft:#fff1f2;--leeds-nav-border:#ffc5cf;
  }
  html body :is(.bottom-nav>button[data-view="finance"],.staff-timetable-nav-admin>button:nth-of-type(5):not(.staff-social-nav,.staff-google-nav)) {
    --leeds-nav-ink:#047857;--leeds-nav-soft:#ecfdf5;--leeds-nav-border:#a7f3d0;
  }
  /* Member emails precedes Social Media and the optional Google owner item. */
  html body :is(.bottom-nav>button[data-view="email"],.staff-timetable-nav-admin:has(>.staff-google-nav)>button:nth-last-of-type(3),.staff-timetable-nav-admin:not(:has(>.staff-google-nav))>button:nth-last-of-type(2)) {
    --leeds-nav-ink:#0369a1;--leeds-nav-soft:#f0f9ff;--leeds-nav-border:#bae6fd;
  }
  html body :is(.member-app-nav>.member-social-nav,.bottom-nav>.staff-social-nav,.staff-timetable-nav>.staff-social-nav) {
    --leeds-nav-ink:#be185d;--leeds-nav-soft:#fdf2f8;--leeds-nav-border:#fbcfe8;
  }
  html body :is(.member-app-nav>button,.staff-timetable-nav>button,.bottom-nav>button,.timetable-coach-nav>button)>svg,
  html body .staff-timetable-nav>button>span[aria-hidden],
  html body :is(.bottom-nav,.timetable-coach-nav)>button>span:not(.staff-social-label,.staff-google-label) {
    color:var(--leeds-nav-ink)!important;
  }
  html body nav[aria-label]:is(.member-app-nav,.staff-timetable-nav,.bottom-nav,.timetable-coach-nav)>button:is([aria-current="page"],.active,[aria-expanded="true"]) {
    background:var(--leeds-nav-soft)!important;
    color:var(--leeds-nav-ink)!important;
    border-color:var(--leeds-nav-ink)!important;
    box-shadow:inset 0 -3px 0 var(--leeds-nav-ink)!important;
  }
  html body nav[aria-label]:is(.member-app-nav,.staff-timetable-nav,.bottom-nav,.timetable-coach-nav)>button:focus-visible {
    outline:3px solid var(--leeds-nav-ink)!important;
    outline-offset:3px;
  }
  @media (hover:hover) {
    html body nav[aria-label]:is(.member-app-nav,.staff-timetable-nav,.bottom-nav,.timetable-coach-nav)>button:hover:not(:disabled) {
      border-color:var(--leeds-nav-ink)!important;
      color:var(--leeds-nav-ink)!important;
    }
  }
}