{"version":3,"file":"PyFiHeaderCream.ARvb3Sjv.mjs","names":["useRef"],"sources":["https:/framerusercontent.com/modules/881IjuXCmcac5igbNuis/x4Yx5SjURyIh9AXA0vhi/PyFiHeaderCream.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useRef}from\"react\";const LOGO=\"https://framerusercontent.com/images/W9APuejh6QzrrWMDTjYYsLrLyQM.png\";const c={barBg:\"#f7f6f2\",border:\"#e7e5e0\",logoFilter:\"brightness(0.15) sepia(0.3) saturate(0.8)\",nav:\"#5B6163\",navHover:\"#222A2C\",span:\"#222A2C\",mobBg:\"#f7f6f2\",mobBorder:\"#e7e5e0\"};export default function PyFiHeaderCream(){const ref=useRef(null);useEffect(()=>{const root=ref.current;if(!root)return;const btn=root.querySelector(\".pyfi-hdr-hamburger\");const menu=root.querySelector(\".pyfi-hdr-mobile-menu\");if(!btn||!menu)return;const toggle=()=>{btn.classList.toggle(\"open\");menu.classList.toggle(\"open\");};const close=()=>{btn.classList.remove(\"open\");menu.classList.remove(\"open\");};btn.addEventListener(\"click\",toggle);const links=Array.from(menu.querySelectorAll(\"a\"));links.forEach(a=>a.addEventListener(\"click\",close));return()=>{btn.removeEventListener(\"click\",toggle);links.forEach(a=>a.removeEventListener(\"click\",close));};},[]);return /*#__PURE__*/_jsx(\"div\",{ref:ref,style:{width:\"100%\"},dangerouslySetInnerHTML:{__html:String.raw`\n<style>\n.pyfi-hdrc-cq{container-type:inline-size;width:100%;position:sticky;top:0;z-index:1000}\n.pyfi-hdrc{background:${c.barBg};border-bottom:1px solid ${c.border};font-family:'Lato',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}\n.pyfi-hdrc-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 64px;height:64px}\n.pyfi-hdrc-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}\n.pyfi-hdrc-logo-img{height:30px;width:auto;max-width:180px;display:block;object-fit:contain;object-position:left center;filter:${c.logoFilter}}\n.pyfi-hdrc-nav{display:flex;align-items:center;gap:32px}\n.pyfi-hdrc-nav a{font-size:14px;font-weight:500;color:${c.nav};text-decoration:none;transition:color .2s;letter-spacing:0.01em}\n.pyfi-hdrc-nav a:hover{color:${c.navHover}}\n.pyfi-hdrc-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}\n.pyfi-hdrc-signin{font-size:14px;font-weight:700;color:#F6413A;text-decoration:none;padding:8px 16px;border-radius:8px;border:1px solid rgba(246,65,58,0.5);transition:background .2s,color .2s,border-color .2s}\n.pyfi-hdrc-signin:hover{background:#F6413A;color:#fff;border-color:#F6413A}\n.pyfi-hdrc-cta{display:inline-flex;align-items:center;gap:6px;background:#92E6F7;color:#0E1416;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,transform .15s}\n.pyfi-hdrc-cta:hover{background:#6FD0EA}\n.pyfi-hdrc-cta:active{transform:scale(0.98)}\n.pyfi-hdrc-hamburger{display:none;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:4px;position:relative;flex-shrink:0}\n.pyfi-hdrc-hamburger span{display:block;width:24px;height:2px;background:${c.span};position:absolute;left:4px;transition:transform .3s ease,opacity .2s ease}\n.pyfi-hdrc-hamburger span:nth-child(1){top:8px}\n.pyfi-hdrc-hamburger span:nth-child(2){top:15px}\n.pyfi-hdrc-hamburger span:nth-child(3){top:22px}\n.pyfi-hdrc-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}\n.pyfi-hdrc-hamburger.open span:nth-child(2){opacity:0}\n.pyfi-hdrc-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}\n.pyfi-hdrc-mobile-menu{display:none}\n@container (max-width:899px){\n  .pyfi-hdrc-inner{padding:0 24px;height:56px}\n  .pyfi-hdrc-logo-img{height:26px}\n  .pyfi-hdrc-nav{display:none}\n  .pyfi-hdrc-actions{display:none}\n  .pyfi-hdrc-hamburger{display:block}\n  .pyfi-hdrc-mobile-menu{display:flex;flex-direction:column;background:${c.mobBg};padding:0 24px;max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .25s ease,padding .35s ease}\n  .pyfi-hdrc-mobile-menu.open{max-height:500px;opacity:1;padding:16px 24px 32px;border-bottom:1px solid ${c.mobBorder}}\n  .pyfi-hdrc-mobile-menu a{font-family:'Lato',system-ui,-apple-system,sans-serif;font-size:16px;font-weight:500;color:${c.nav};text-decoration:none;padding:14px 0;border-bottom:1px solid ${c.mobBorder};transition:color .2s}\n  .pyfi-hdrc-mobile-menu a:last-child{border-bottom:none}\n  .pyfi-hdrc-mobile-menu a:hover{color:${c.navHover}}\n  .pyfi-hdrc-mobile-menu .pyfi-hdrc-mob-cta{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;padding:14px 24px;border-radius:10px;font-size:15px;background:#92E6F7;color:#0E1416;font-weight:700;text-decoration:none;border-bottom:none;transition:background .2s}\n  .pyfi-hdrc-mobile-menu .pyfi-hdrc-mob-cta:hover{background:#6FD0EA}\n  .pyfi-hdrc-mobile-menu .pyfi-hdrc-mob-signin{color:#F6413A;font-weight:700;font-size:14px;text-align:center}\n}\n</style>\n<div class=\"pyfi-hdrc-cq\">\n<div class=\"pyfi-hdrc\">\n  <div class=\"pyfi-hdrc-inner\">\n    <a href=\"/\" class=\"pyfi-hdrc-logo\" aria-label=\"PyFi home\">\n      <img src=\"${LOGO}\" alt=\"PyFi\" class=\"pyfi-hdrc-logo-img\" />\n    </a>\n    <nav class=\"pyfi-hdrc-nav\">\n      <a href=\"/learn\">Learn</a>\n      <a href=\"/programs\">Programs</a>\n      <a href=\"/library\">Library</a>\n      <a href=\"/about\">About Us</a>\n      <a href=\"/contact-us\">Contact</a>\n    </nav>\n    <div class=\"pyfi-hdrc-actions\">\n      <a href=\"https://pyfi.mykajabi.com/login\" class=\"pyfi-hdrc-signin\">Sign In</a>\n      <a href=\"/learn\" class=\"pyfi-hdrc-cta\">Get Started for Free&nbsp;&rarr;</a>\n    </div>\n    <button class=\"pyfi-hdrc-hamburger\" aria-label=\"Menu\">\n      <span></span><span></span><span></span>\n    </button>\n  </div>\n</div>\n<div class=\"pyfi-hdrc-mobile-menu\">\n  <a href=\"/learn\">Learn</a>\n  <a href=\"/programs\">Programs</a>\n  <a href=\"/library\">Library</a>\n  <a href=\"/about\">About Us</a>\n  <a href=\"/contact-us\">Contact</a>\n  <a href=\"https://pyfi.mykajabi.com/login\" class=\"pyfi-hdrc-mob-signin\">Sign In</a>\n  <a href=\"/learn\" class=\"pyfi-hdrc-mob-cta\">Get Started for Free&nbsp;&rarr;</a>\n</div>\n</div>\n`}});}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"PyFiHeaderCream\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./PyFiHeaderCream.map"],"mappings":"yHAAuV,SAAwB,GAAiB,CAAC,IAAM,EAAIA,EAAO,IAAI,EAAolB,OAAllB,MAAc,CAAC,IAAM,EAAK,EAAI,QAAQ,GAAG,CAAC,EAAK,OAAO,IAAM,EAAI,EAAK,cAAc,qBAAqB,EAAQ,EAAK,EAAK,cAAc,uBAAuB,EAAE,GAAG,CAAC,GAAK,CAAC,EAAK,OAAO,IAAM,MAAW,CAAC,EAAI,UAAU,OAAO,MAAM,EAAE,EAAK,UAAU,OAAO,MAAM,CAAE,EAAQ,MAAU,CAAC,EAAI,UAAU,OAAO,MAAM,EAAE,EAAK,UAAU,OAAO,MAAM,CAAE,EAAE,EAAI,iBAAiB,QAAQ,CAAM,EAAE,IAAM,EAAM,MAAM,KAAK,EAAK,iBAAiB,GAAG,CAAC,EAAsD,OAApD,EAAM,QAAQ,GAAG,EAAE,iBAAiB,QAAQ,CAAK,CAAC,MAAY,CAAC,EAAI,oBAAoB,QAAQ,CAAM,EAAE,EAAM,QAAQ,GAAG,EAAE,oBAAoB,QAAQ,CAAK,CAAC,CAAE,CAAE,EAAE,CAAC,CAAC,EAAsB,EAAK,MAAM,CAAK,MAAI,MAAM,CAAC,MAAM,MAAM,EAAE,wBAAwB,CAAC,OAAO,OAAO,GAAG;;;wBAGzjC,EAAE,MAAM,2BAA2B,EAAE,OAAO;;;iIAG6D,EAAE,WAAW;;wDAEtF,EAAE,IAAI;+BAC/B,EAAE,SAAS;;;;;;;;2EAQiC,EAAE,KAAK;;;;;;;;;;;;;;yEAcT,EAAE,MAAM;0GACyB,EAAE,UAAU;wHACE,EAAE,IAAI,+DAA+D,EAAE,UAAU;;yCAEhK,EAAE,SAAS;;;;;;;;;;kBAUlC,EAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BtB,CAAC,CAAC,CAAE,qBAzEqC,IAAoC,EAAO,EAAK,uEAA6E,EAAE,CAAC,MAAM,UAAU,OAAO,UAAU,WAAW,4CAA4C,IAAI,UAAU,SAAS,UAAU,KAAK,UAAU,MAAM,UAAU,UAAU,SAAS"}