/* NAZARET REALTY — collapsed top navigation, v2 "Option A" (staging preview, 30 Oct 2026)
   Additive only: loads after the page's own styles. Homepage artwork untouched. */
:root{--nz-gold:#C69829;--nz-gold-hi:#F7DE8E;--nz-gold-ink:#8C6A16;--nz-champagne:#F0D99E;--nz-navy:#0B2942;--nz-navy-hi:#143A5C;--nz-cream:#FFFDF8;--nz-muted:#66727C;}

/* ---------- Top-level links ---------- */
.navlinks .nav-dd{position:relative;display:flex;align-items:center;}
.navlinks > a:not(.cta):not(.nav-start):not(.nav-phone),.navlinks .nav-dd-btn{position:relative;}
.navlinks .nav-dd-btn{background:none;border:none;color:var(--ink);opacity:.78;font:inherit;font-size:inherit;text-transform:uppercase;letter-spacing:.08em;padding:6px 0;cursor:pointer;white-space:nowrap;transition:opacity .2s;}
.navlinks .nav-dd-btn .chev{display:inline-block;font-size:.62em;margin-left:5px;opacity:.7;transform:translateY(-1px);transition:transform .2s;}
.navlinks .nav-dd-btn[aria-expanded="true"] .chev{transform:translateY(-1px) rotate(180deg);}
/* gold hairline that draws in on hover / current */
.navlinks > a:not(.cta):not(.nav-start):not(.nav-phone)::after,.navlinks .nav-dd-btn::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--nz-gold);transform:scaleX(0);transform-origin:left;transition:transform .25s ease;}
.navlinks > a:not(.cta):not(.nav-start):not(.nav-phone):hover::after,.navlinks > a[aria-current="page"]::after,
.navlinks .nav-dd-btn:hover::after,.navlinks .nav-dd-btn[aria-expanded="true"]::after,.navlinks .nav-dd.is-current .nav-dd-btn::after{transform:scaleX(1);}
.navlinks .nav-dd-btn:hover,.navlinks .nav-dd-btn[aria-expanded="true"],.navlinks .nav-dd.is-current .nav-dd-btn{opacity:1;}
.navlinks .nav-dd-btn .chev{pointer-events:none;}

/* REWARDS™ — the signature proposition, in gold */
.navlinks a.nav-rewards{color:var(--nz-gold-ink);opacity:1;font-weight:600;letter-spacing:.08em;}
.navlinks a.nav-rewards:hover{color:#6E520F;}

/* ---------- Dropdown panel ---------- */
.navlinks .nav-dd-menu{position:absolute;left:-18px;top:calc(100% + 14px);min-width:300px;padding:10px;background:var(--nz-cream);border:1px solid rgba(198,152,41,.28);border-top:2px solid var(--nz-gold);border-radius:2px;box-shadow:0 22px 48px rgba(7,26,44,.16),0 2px 6px rgba(7,26,44,.06);z-index:70;text-transform:none;letter-spacing:0;
  visibility:hidden;opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;}
.navlinks .nav-dd.open .nav-dd-menu{visibility:visible;opacity:1;transform:none;transition:opacity .18s ease,transform .18s ease,visibility 0s;}
.navlinks .nav-dd-menu::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px;} /* hover bridge */
.navlinks .nav-dd-right .nav-dd-menu{left:auto;right:-18px;}
.navlinks .nav-dd-menu a{display:block;padding:11px 14px;border-radius:2px;color:var(--nz-navy);opacity:1;white-space:nowrap;text-decoration:none;transition:background .15s;}
.navlinks .nav-dd-menu a::after{display:none;}
.navlinks .nav-dd-menu a span{display:block;font-size:.93rem;font-weight:500;line-height:1.3;letter-spacing:.005em;}
.navlinks .nav-dd-menu a small{display:block;margin-top:3px;font-size:.78rem;line-height:1.35;color:var(--nz-muted);letter-spacing:.005em;}
.navlinks .nav-dd-menu a:hover,.navlinks .nav-dd-menu a:focus-visible{background:#F6EEDC;outline:none;}
.navlinks .nav-dd-menu a:hover span{color:var(--nz-navy);}
.navlinks .nav-dd-menu a[aria-current="page"] span{font-weight:600;}
.navlinks .nav-dd-menu a[aria-current="page"] span::before{content:"";display:inline-block;width:5px;height:5px;margin:0 8px 2px 0;border-radius:50%;background:var(--nz-gold);vertical-align:middle;}
.navlinks .nav-dd-menu .nav-dd-sep{height:1px;background:rgba(198,152,41,.22);margin:6px 14px;}
.navlinks .nav-dd-btn:focus-visible,.navlinks .nav-dd-menu a:focus-visible,.navlinks a:focus-visible{outline:2px solid var(--nz-gold);outline-offset:3px;}

/* ---------- Action buttons — Option A ---------- */
.navlinks a.cta,.navlinks a.nav-start{display:inline-block;padding:10px 18px;border-radius:2px;font-weight:600;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;opacity:1;line-height:1.2;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,filter .2s ease;}
.navlinks a.cta{background:linear-gradient(100deg,var(--nz-gold-hi) 0%,#E6C56C 45%,var(--nz-gold) 100%);color:var(--nz-navy);font-weight:700;border:1px solid rgba(140,106,22,.35);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 4px 14px rgba(198,152,41,.28);}
.navlinks a.cta:hover{filter:saturate(1.08) brightness(1.03);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 8px 22px rgba(198,152,41,.38);color:var(--nz-navy);}
.navlinks a.nav-start{background:var(--nz-navy);color:var(--nz-champagne);border:1px solid var(--nz-navy);}
.navlinks a.nav-start:hover{background:var(--nz-navy-hi);color:#FFF4D6;transform:translateY(-1px);box-shadow:0 8px 20px rgba(11,41,66,.22);}
.navlinks a.cta:active,.navlinks a.nav-start:active{transform:none;}

/* ---------- Desktop spacing ---------- */
@media (min-width:861px){.navlinks{gap:24px;}.navlinks a.cta{margin-left:6px;}.navlinks a.nav-start{margin-left:-10px;}}
@media (min-width:861px) and (max-width:1100px){.navlinks{gap:16px;}.navlinks .nav-dd-btn,.navlinks a.nav-rewards{font-size:.76rem;}.navlinks a.cta,.navlinks a.nav-start{padding:9px 13px;font-size:.72rem;}}
@media (min-width:861px) and (max-width:1010px){.navlinks a.cta{display:inline-block;}}
@media (min-width:861px) and (max-width:900px){.navlinks a.cta{display:none;}}

/* ---------- Mobile: accordion inside the existing slide-down panel ---------- */
@media (max-width:860px){
  .navlinks .nav-dd{display:block;width:100%;}
  .navlinks > a:not(.cta):not(.nav-start):not(.nav-phone)::after,.navlinks .nav-dd-btn::after{display:none;}
  .navlinks .nav-dd-btn{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 0;border-bottom:1px solid var(--sand-line);opacity:1;font-size:.95rem;text-align:left;}
  .navlinks .nav-dd-menu{position:static;visibility:visible;opacity:1;transform:none;transition:none;display:none;box-shadow:none;border:none;border-left:2px solid var(--nz-gold);border-radius:0;background:none;min-width:0;padding:2px 0 6px 14px;margin:6px 0 10px;}
  .navlinks .nav-dd.open .nav-dd-menu{display:block;}
  .navlinks .nav-dd-menu::before{display:none;}
  .navlinks .nav-dd-menu a{padding:10px 0;border-bottom:none;white-space:normal;width:auto;}
  .navlinks .nav-dd-menu a:hover{background:none;}
  .navlinks .nav-dd-menu .nav-dd-sep{margin:6px 0;}
  .navlinks a.nav-rewards{padding:15px 0;}
  .navlinks a.cta,.navlinks a.nav-start{display:block;width:100%;text-align:center;padding:15px 0;margin:10px 0 0;font-size:.85rem;border-bottom:none;}
  .navlinks a.cta:hover,.navlinks a.nav-start:hover{transform:none;}
}
@media (prefers-reduced-motion:reduce){.navlinks .nav-dd-menu,.navlinks a.cta,.navlinks a.nav-start,.navlinks .nav-dd-btn::after,.navlinks > a::after{transition:none!important;}}
/* A1A Guide page: its own styles never hid the phone menu icon on desktop */
@media (min-width:861px){.topnav .nav-toggle{display:none;}}
/* Breathing room between the logo and the menu */
@media (min-width:861px){.topnav .brand{margin-right:28px;flex:none;}.navlinks{gap:20px;}.navlinks a.cta,.navlinks a.nav-start{padding:10px 16px;}.navlinks a.cta{margin-left:4px;}.navlinks a.nav-start{margin-left:-8px;}}
@media (min-width:861px) and (max-width:1180px){.topnav .brand{margin-right:18px;}.navlinks{gap:14px;}.navlinks a.cta,.navlinks a.nav-start{padding:9px 12px;font-size:.72rem;letter-spacing:.08em;}}
@media (min-width:861px) and (max-width:1010px){.navlinks{gap:11px;}.navlinks .nav-dd-btn,.navlinks a.nav-rewards,.nav-login-btn{font-size:.72rem;letter-spacing:.05em;}}

/* n13 — hidden SOCIAL items stay hidden even with display rules above */
.navlinks .nav-dd[hidden],.navlinks .nav-dd-menu a[hidden]{display:none!important}