/* RuralConnect — shared responsive + polish layer.
   The pages are otherwise self-contained (inline styles). This file adds the
   mobile navigation and a few responsive refinements the inline styles can't.
   Note: base nav/cta use inline `display`/`flex`, so overrides need !important. */

/* ---- Mobile nav toggle (hidden on desktop) ---- */
.rc-nav-toggle {
  display: none;
  order: 5;
  margin-left: auto;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  color: #FFFFFF;
  background: transparent;
  border: 1px solid #2A5488;
  border-radius: 4px;
  cursor: pointer;
  flex: 0 0 auto;
}
.rc-nav-toggle:hover { background: #093775; }
.rc-ico-close { display: none; }

/* ---- Mobile layout: collapse to logo + hamburger ---- */
@media (max-width: 820px) {
  .rc-nav-toggle { display: inline-flex; }

  /* Nav links: full-width dropdown, hidden until opened */
  .rc-header-inner .rc-nav-links {
    order: 6;
    flex: 1 1 100% !important;
    flex-basis: 100% !important;
    flex-direction: column;
    gap: 0 !important;
    display: none !important;
    margin-top: 8px;
    border-top: 1px solid #2A5488;
  }
  .rc-header-inner.is-open .rc-nav-links { display: flex !important; }

  .rc-nav-links a {
    padding: 14px 2px !important;
    font-size: 16px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  }
  .rc-nav-links a:last-child { border-bottom: 0 !important; }

  /* Register: folds into the dropdown as a full-width button */
  .rc-nav-cta {
    order: 7;
    flex: 1 1 100% !important;
    flex-basis: 100% !important;
    display: none !important;
    text-align: center !important;
    margin-top: 6px !important;
  }
  .rc-header-inner.is-open .rc-nav-cta { display: block !important; }

  /* Icon swap */
  .rc-header-inner.is-open .rc-nav-toggle .rc-ico-menu { display: none; }
  .rc-header-inner.is-open .rc-nav-toggle .rc-ico-close { display: block; }
}