/* 19Fairways — shared top navigation, identical across every page.
   Self-contained (literal colors + own font import), namespaced to .fx-nav so
   it never touches page content styles. Also carries the native-app (Capacitor)
   full-bleed treatment so content pages render edge-to-edge like the landing. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700;800&family=Playfair+Display:wght@600;700;800&display=swap');
.fx-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:8px;flex-wrap:wrap;row-gap:8px;padding:calc(14px + env(safe-area-inset-top,0px)) 20px 14px;background:#16321e;border-bottom:1px solid rgba(242,208,107,.16);font-family:'DM Sans',system-ui,sans-serif}
.fx-nav-logo{display:flex;align-items:center;gap:8px;font-family:'Playfair Display',serif;font-weight:800;font-size:16px;letter-spacing:.5px;color:#f2d06b;flex:1 1 0;min-width:max-content;text-decoration:none}
.fx-nav-logo svg{flex-shrink:0}
.fx-nav-logo-text{color:#f2d06b}
.fx-nav-links{display:flex;align-items:center;gap:12px;flex:0 1 auto;justify-content:center;flex-wrap:wrap}
.fx-nav-actions{flex:1 1 0;display:flex;justify-content:flex-end;align-items:center;min-width:max-content}
.fx-nav-links a:not(.fx-btn-gold){color:#f2d06b;background:rgba(242,208,107,.12);border:1px solid rgba(242,208,107,.4);border-radius:9px;padding:7px 13px;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;transition:all .15s}
.fx-nav-links a:not(.fx-btn-gold):hover{background:rgba(242,208,107,.24);border-color:#f2d06b;color:#f5da7a}
.fx-btn-gold{background:#f2d06b;color:#0d2e18;border:none;border-radius:7px;padding:10px 16px;font-family:'DM Sans',sans-serif;font-weight:700;font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap;text-decoration:none;display:inline-block}
.fx-btn-gold:hover{background:#f5da7a;transform:translateY(-1px)}
.fx-nav-signin{flex-shrink:0}
.fx-nav-signin,.fx-nav-signin:hover{color:#0d2e18;text-decoration:none}
.fx-nav-toggle{display:none;background:rgba(242,208,107,.12);border:1px solid rgba(242,208,107,.4);border-radius:9px;color:#f2d06b;width:40px;height:40px;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto;font-size:18px;line-height:1;padding:0}
@media(max-width:760px){
  .fx-nav-logo{flex:1 1 auto;min-width:0}
  .fx-nav-logo-text{display:inline !important}  /* wordmark beside the shield on every page (Cody) */
  .fx-nav-actions{order:2;flex:0 0 auto}
  .fx-nav-toggle{display:flex;order:3;margin-left:8px}
  .fx-nav-links{order:4;flex-basis:100%;width:100%;max-width:100%;display:none;flex-direction:column;align-items:stretch;gap:8px;margin-top:8px}
  .fx-nav.fx-open .fx-nav-links{display:flex}
  .fx-nav-links a:not(.fx-btn-gold){text-align:center;padding:12px 13px;font-size:14px;white-space:normal}
}
.fx-nav.fx-open{background:#16321e}
html.in-native-app .fx-nav.fx-open{background:#16321e}
/* Native app (Capacitor): nav blends into the status bar and sits full-bleed,
   matching the landing page so the shop + content pages open full-page too. */
html.in-native-app .fx-nav{
  background:#16321e;
  border-bottom:1px solid rgba(242,208,107,.16);
}