/* Petticora unified navigation */
:root{
  --pc-nav-bg: rgba(8,6,4,.94);
  --pc-nav-border: rgba(201,169,110,.12);
  --pc-gold:#C9A96E;
  --pc-cream:rgba(245,237,216,.45);
  --pc-white:#FAF8F4;
  --pc-black:#080604;
  --pc-serif:'Cormorant Garamond',Georgia,serif;
  --pc-sans:'Inter',system-ui,sans-serif;
}

.pc-nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  height:72px;display:flex;align-items:center;justify-content:space-between;
  padding:0 clamp(16px,4vw,48px);
  background:var(--pc-nav-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid var(--pc-nav-border);
}
.pc-nav.scrolled{background:rgba(8,6,4,.97)}

/* Homepage: bar sits over full-bleed hero (transparent until scroll) */
html.pc-nav-home.pc-has-global-nav body{
  padding-top:0 !important;
}
html.pc-nav-home .pc-nav{
  background:transparent !important;
  border-bottom-color:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
html.pc-nav-home .pc-nav.scrolled{
  background:var(--pc-nav-bg) !important;
  border-bottom:1px solid var(--pc-nav-border) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
.pc-brand{
  font-family:var(--pc-serif);font-size:22px;font-weight:300;letter-spacing:.04em;
  color:var(--pc-white);text-decoration:none;white-space:nowrap;
}
.pc-brand em{color:var(--pc-gold);font-style:normal;}
.pc-links{display:flex;gap:22px;align-items:center}
.pc-links a,.pc-dd-btn{
  font-family:var(--pc-sans);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--pc-cream);text-decoration:none;transition:color .15s;
}
.pc-links a:hover,.pc-dd-btn:hover{color:var(--pc-gold)}
.pc-links a.active{color:var(--pc-gold)}
.pc-account-types{opacity:.85}
.pc-cta{
  border:1px solid rgba(201,169,110,.35);
  padding:10px 18px;border-radius:2px;color:var(--pc-gold)!important;
}
.pc-cta:hover{background:rgba(201,169,110,.06)}

.pc-dd{position:relative;display:flex;align-items:center}
.pc-dd-btn{
  background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;gap:8px;
}
.pc-dd-btn svg{opacity:.75}
.pc-dd-menu{
  position:absolute;top:100%;right:-10px;
  margin-top:12px;min-width:240px;display:none;flex-direction:column;gap:6px;
  padding:12px;background:rgba(8,6,4,.98);
  border:1px solid var(--pc-nav-border);
  box-shadow:0 18px 60px rgba(0,0,0,.55);
}
.pc-dd-menu::before{content:'';position:absolute;left:0;right:0;top:-12px;height:12px;}
.pc-dd.open .pc-dd-menu{display:flex}
.pc-dd-menu a{
  padding:10px 10px;border-radius:2px;
}
.pc-dd-menu a:hover{background:rgba(201,169,110,.08)}

.pc-burger{
  display:none;background:none;border:none;color:var(--pc-white);cursor:pointer;padding:6px;
}
.pc-burger svg{display:block}
.pc-mobile{
  display:none;position:fixed;top:72px;left:0;right:0;z-index:999;
  background:rgba(8,6,4,.985);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid var(--pc-nav-border);
  padding:18px clamp(16px,4vw,48px);
}
.pc-mobile.open{display:block}
.pc-mobile a{
  display:block;padding:12px 0;
  font-family:var(--pc-serif);font-size:24px;font-weight:300;
  color:rgba(245,237,216,.75);text-decoration:none;
  border-bottom:1px solid rgba(201,169,110,.08);
}
.pc-mobile a:last-child{border-bottom:none}
.pc-mobile a:hover{color:var(--pc-gold)}
.pc-mobile .pc-mobile-small{
  font-family:var(--pc-sans);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(201,169,110,.55);
  padding:14px 0 8px;border-bottom:none;
}

@media(max-width:980px){
  .pc-links{display:none}
  .pc-burger{display:block}
}

/* Ensure page content doesn't hide behind fixed nav */
body{scroll-padding-top:84px}

/* ── Injected global top bar (pc-nav): offset body + fixed app sidebars ─────── */
html.pc-has-global-nav body {
  padding-top: 72px;
}
html.pc-has-global-nav aside.sidebar,
html.pc-has-global-nav nav.sidebar,
html.pc-has-global-nav .container > .sidebar {
  top: 72px;
  height: calc(100vh - 72px);
  max-height: calc(100vh - 72px);
}
/* Pages that used their own fixed nav + margin-top: 72px — avoid double gap */
html.pc-has-global-nav .page-hero {
  margin-top: 0;
}
html.pc-has-global-nav .profile-hero,
html.pc-has-global-nav .skeleton-hero {
  margin-top: 0;
}

/* Directory / marketing inner pages: avoid double top gap (body pad + large hero pad) */
html.pc-has-global-nav .page-hero {
  padding-top: 96px;
}