/* Pinecap Partners. Delad navigation, CSS. KANONISK KALLA.
   Redigera denna fil, aldrig kopior i enskilda sidor.
   Kor darefter python3 06_Kallkod/Verktyg/sync_shell.py.
   Kontroll: 06_Kallkod/Verktyg/site_gate.py */

/* PINECAP KANONISK NAV (utrullad fran startsidan 2026-06-03) */
#pcNav{--pcg:var(--gold,var(--accent,#8A6234));--pci:var(--ink,var(--text,#1A1813));--pcl:var(--low,var(--text-low,#6C6862));--pcli:var(--line,rgba(26,24,19,.10));--pcbg:var(--bg,#F0ECE3)}
#pcNav{position:fixed;top:0;left:0;right:0;z-index:1000;isolation:isolate;-webkit-transform:translateZ(0);transform:translateZ(0);background:var(--pcbg);padding-top:env(safe-area-inset-top,0px);padding-bottom:0;border-bottom:1px solid transparent;transition:border-bottom-color .4s}
#pcNav::before{content:'';position:absolute;left:0;right:0;bottom:100%;height:100vh;background:var(--pcbg);pointer-events:none}
#pcNav.pcn-solid{border-bottom-color:var(--pcli)}
#pcNav .pcn-in{max-width:1080px;margin:0 auto;padding:14px clamp(20px,4vw,40px);display:flex;align-items:center;gap:20px}
#pcNav .pcn-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}
#pcNav .pcn-mark{width:22px;height:22px;display:inline-block;line-height:0}
#pcNav .pcn-wm{display:flex;align-items:baseline;gap:6px}
#pcNav .pcn-wm b{font-family:'Newsreader',Georgia,'Times New Roman',serif;font-size:22px;font-weight:400;letter-spacing:.01em;color:var(--pci)}
#pcNav .pcn-wm span{font-size:10px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--pcl)}
#pcNav .pcn-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px;margin-left:auto}
#pcNav .pcn-toggle span{display:block;width:20px;height:2px;background:var(--pci);transition:transform .3s,opacity .3s}
#pcNav .pcn-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
#pcNav .pcn-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
#pcNav .pcn-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
#pcNav .pcn-links{display:flex;align-items:center;gap:clamp(16px,2vw,30px);margin-left:auto}
#pcNav .pcn-links>a,#pcNav .pcn-dd>a{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:var(--pcl);white-space:nowrap;position:relative;padding:12px 0;text-decoration:none;transition:color .3s}
#pcNav .pcn-links>a:hover,#pcNav .pcn-dd>a:hover{color:var(--pci)}
#pcNav .pcn-dd{position:relative}
#pcNav .pcn-menu{position:absolute;top:calc(100% + 4px);left:-12px;min-width:300px;background:var(--pcbg);border:1px solid var(--pcli);border-radius:6px;padding:10px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .22s ease,transform .22s ease,visibility .22s ease;z-index:120;box-shadow:0 10px 36px rgba(0,0,0,.14)}
#pcNav .pcn-dd:hover .pcn-menu,#pcNav .pcn-dd:focus-within .pcn-menu{opacity:1;visibility:visible;transform:none}
#pcNav .pcn-menu a{display:block;padding:10px 14px 11px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--pci);border-radius:4px;line-height:1.3;text-decoration:none;transition:background .18s,color .18s}
#pcNav .pcn-menu a:hover{background:rgba(138,98,52,.10);color:var(--pcg)}
#pcNav .pcn-sub{display:block;font-size:10px;letter-spacing:.04em;text-transform:none;color:var(--pcl);margin-top:3px;font-weight:400}
#pcNav .pcn-ny{display:inline-block;padding:2px 6px;background:#8A6234;color:#F0ECE3;font-size:9px;font-weight:700;letter-spacing:.18em;border-radius:2px;margin-left:7px;vertical-align:1px}
#pcNav .pcn-cta{color:var(--pcg);font-weight:600;font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin-left:8px;text-decoration:none;white-space:nowrap}
#pcNav .pcn-menu a[href*="signal-audit"]{color:var(--pcg)}
#pcNav .pcn-menu a[href*="signal-audit"] .pcn-sub{color:var(--pcg);opacity:.7}
#pcNav .pcn-book{display:flex;align-items:center;gap:11px}
#pcNav .pcn-bcov{width:26px;height:35px;flex-shrink:0;border-radius:2px;box-shadow:0 2px 7px rgba(0,0,0,.22)}
#pcNav .pcn-bt{display:block}
#pcNav .pcn-start{display:none}
#pcNav .coach2{display:none}
#pcNav .pcn-bar-cta{display:none}
html.coach-off #pcNav .coach2{display:none!important}
@media(max-width:860px){
  #pcNav .pcn-toggle{display:flex}
  #pcNav .pcn-bar-cta{display:inline-flex;align-items:center;margin-left:auto;padding:8px 12px;background:#8A6234;color:#F0ECE3;font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;border-radius:999px;white-space:nowrap;text-decoration:none}
  #pcNav .pcn-wm>span{display:none}
  #pcNav .pcn-toggle{flex-shrink:0}
  #pcNav .pcn-toggle{margin-left:10px}
  #pcNav .pcn-links{position:fixed;top:calc(56px + env(safe-area-inset-top,0px));left:0;right:0;height:calc(100vh - 56px - env(safe-area-inset-top,0px));height:calc(100svh - 56px - env(safe-area-inset-top,0px));flex-direction:column;align-items:flex-start;gap:2px;padding:16px clamp(18px,5vw,32px) 30vh;background:var(--pcbg);transform:translateY(-12px);opacity:0;visibility:hidden;pointer-events:none;transition:.25s;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;margin-left:0}
html.pcnav-lock,html.pcnav-lock body{overflow:hidden!important;height:100%!important}
  #pcNav .pcn-links.open{transform:none;opacity:1;visibility:visible;pointer-events:auto}
  #pcNav .pcn-dd{width:100%}
  #pcNav .pcn-menu{position:static;opacity:1;visibility:visible;transform:none;min-width:0;border:0;box-shadow:none;background:none;padding:2px 0 6px 14px}
  #pcNav .pcn-menu>a{padding-left:30px}
  #pcNav .pcn-cta{display:none}
  #pcNav .pcn-start{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin:2px 0 16px;padding:16px 18px;background:#8A6234;color:#F0ECE3!important;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border-radius:13px;box-shadow:0 6px 20px rgba(138,98,52,.30);position:relative;text-decoration:none}
  #pcNav .pcn-links.open .coach2{display:block}
  #pcNav .coach2{position:absolute;top:0;left:0;right:0;pointer-events:none;z-index:5}
  #pcNav .coach2 svg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}
  #pcNav .coach2 .cp2{fill:none;stroke:var(--pcg);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
  #pcNav .coach2 .clab2{position:absolute;font-weight:600;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--pcg);white-space:nowrap;opacity:0;transition:opacity .5s ease .85s}
  #pcNav .coach2 .clab2.on{opacity:1}
}
@media(prefers-reduced-motion:reduce){#pcNav .coach2 .cp2{transition:none!important}#pcNav .pcn-toggle span{transition:none}}