/* =========================================================
   RECOVERY CHURCH OF NAPLES — UNIVERSAL NAVIGATION
   Same bubbles / same order / same behavior on every page.
   Navigation only: no QR, hero, content, photo or payment rules.
   ========================================================= */

:root{
  --rcn-nav-gold:#d6a84f;
  --rcn-nav-gold-light:#f0c36d;
  --rcn-nav-cream:#f4efe6;
  --rcn-nav-dark:#171719;
  --rcn-nav-dark2:#222225;
  --rcn-nav-border:#56565b;
}

/* Shared nav rows */
.rcn-nav-inner,
.navlinks,
.links{
  align-items:center;
  gap:9px !important;
}

/* The bubble itself */
.rcn-nav-inner > a,
.navlinks > a,
.links > a{
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:40px !important;
  padding:11px 15px !important;
  margin:0 !important;
  border:1px solid var(--rcn-nav-border) !important;
  border-radius:999px !important;
  background:var(--rcn-nav-dark) !important;
  color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.02em !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  box-shadow:none !important;
  transition:
    background-color .18s ease,
    color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease !important;
}

/* Mouse over / keyboard focus: light bubble + black lettering */
.rcn-nav-inner > a:hover,
.rcn-nav-inner > a:focus-visible,
.navlinks > a:hover,
.navlinks > a:focus-visible,
.links > a:hover,
.links > a:focus-visible{
  background:var(--rcn-nav-cream) !important;
  color:#111 !important;
  border-color:var(--rcn-nav-gold) !important;
  box-shadow:0 7px 18px rgba(214,168,79,.28) !important;
  transform:translateY(-2px) !important;
  outline:none !important;
}

/* Small pressed feeling */
.rcn-nav-inner > a:active,
.navlinks > a:active,
.links > a:active{
  transform:translateY(0) scale(.97) !important;
  box-shadow:0 3px 9px rgba(0,0,0,.28) !important;
}

/* Current page stays light/cream */
.rcn-nav-inner > a.is-active:not(.rcn-give),
.navlinks > a.active:not(.give-btn),
.links > a.active:not(.give){
  background:var(--rcn-nav-cream) !important;
  color:#111 !important;
  border-color:var(--rcn-nav-gold) !important;
  box-shadow:0 5px 14px rgba(214,168,79,.2) !important;
}

/* GIVE always stays gold */
.rcn-nav-inner > a.rcn-give,
.rcn-nav-inner > a[href$="/give.html"],
.rcn-nav-inner > a[href$="give.html"],
.navlinks > a.give-btn,
.navlinks > a[href$="give.html"],
.links > a.give,
.links > a[href$="give.html"]{
  background:var(--rcn-nav-gold) !important;
  color:#111 !important;
  border-color:var(--rcn-nav-gold) !important;
  box-shadow:0 5px 14px rgba(214,168,79,.23) !important;
}

/* GIVE hover can brighten, but remains gold and keeps black lettering */
.rcn-nav-inner > a.rcn-give:hover,
.rcn-nav-inner > a[href$="/give.html"]:hover,
.rcn-nav-inner > a[href$="give.html"]:hover,
.navlinks > a.give-btn:hover,
.navlinks > a[href$="give.html"]:hover,
.links > a.give:hover,
.links > a[href$="give.html"]:hover{
  background:var(--rcn-nav-gold-light) !important;
  color:#111 !important;
  border-color:var(--rcn-nav-gold-light) !important;
}

/* Consistent order */
.rcn-nav-inner > a[href*="index.html"],
.navlinks > a[href*="index.html"],
.links > a[href*="index.html"]{order:1}
.rcn-nav-inner > a[href*="give.html"],
.navlinks > a[href*="give.html"],
.links > a[href*="give.html"]{order:2}
.rcn-nav-inner > a[href*="testimony.html"],
.navlinks > a[href*="testimony.html"],
.links > a[href*="testimony.html"]{order:3}
.rcn-nav-inner > a[href*="community.html"],
.navlinks > a[href*="community.html"],
.links > a[href*="community.html"]{order:4}
.rcn-nav-inner > a[href*="media.html"],
.navlinks > a[href*="media.html"],
.links > a[href*="media.html"]{order:5}
.rcn-nav-inner > a[href*="events.html"],
.navlinks > a[href*="events.html"],
.links > a[href*="events.html"]{order:6}
.rcn-nav-inner > a[href*="gethelp.html"],
.navlinks > a[href*="gethelp.html"],
.links > a[href*="gethelp.html"]{order:7}
.rcn-nav-inner > a[href*="resources.html"],
.navlinks > a[href*="resources.html"],
.links > a[href*="resources.html"]{order:8}
.rcn-nav-inner > a[href*="ministry.html"],
.navlinks > a[href*="ministry.html"],
.links > a[href*="ministry.html"]{order:9}
.rcn-nav-inner > a[href*="contact.html"],
.navlinks > a[href*="contact.html"],
.links > a[href*="contact.html"]{order:10}

/* rcn-nav pages */
.rcn-nav-inner{
  display:flex;
  flex-wrap:wrap;
}

/*
 Mobile protection:
 - pages that already have a hamburger keep using it;
 - pages without a hamburger keep the nav visible and wrapped
   instead of losing navigation completely.
*/
@media(max-width:1000px){
  body.rcn-nav-static-mobile .rcn-nav,
  body.rcn-nav-static-mobile .navlinks,
  body.rcn-nav-static-mobile .links{
    display:block !important;
    position:static !important;
    width:100% !important;
  }
  body.rcn-nav-static-mobile .rcn-nav-inner,
  body.rcn-nav-static-mobile .navlinks,
  body.rcn-nav-static-mobile .links{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    padding:10px 12px !important;
  }
}