{"version":3,"file":"PyFiHeaderBlog.Dq-gNZM2.mjs","names":["useRef"],"sources":["https:/framerusercontent.com/modules/8y5qE0VgCaGX18qcACEi/h3Qe08tICN4vR9sOR7Oy/PyFiHeaderBlog.js"],"sourcesContent":["// PyFiHeaderBlog — CREAM-default header for blog/library pages.\n// SYNC NOTE: cream twin of PyFiHeader.tsx (DARK-default). Keep in sync; only the default\n// theme differs. Mobile menu toggled via a React effect (NOT an inline <script>) so\n// Framer's static optimizer accepts the dangerouslySetInnerHTML markup as valid HTML.\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useRef}from\"react\";import{addPropertyControls,ControlType}from\"framer\";const LOGO=\"https://framerusercontent.com/images/W9APuejh6QzrrWMDTjYYsLrLyQM.png\";export default function PyFiHeaderBlog({theme=\"cream\"}){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));};},[]);const cream=true// Blog variant: always cream (Framer enum default is unreliable)\n;const c=cream?{barBg:\"#f7f6f2\",blur:\"none\",border:\"#e7e5e0\",logo:LOGO,logoFilter:\"brightness(0.15) sepia(0.3) saturate(0.8)\",nav:\"#5B6163\",navHover:\"#222A2C\",span:\"#222A2C\",mobBg:\"#f7f6f2\",mobBorder:\"#e7e5e0\",mobSignin:\"#8A8F90\"}:{barBg:\"#0E1416\",blur:\"none\",border:\"rgba(255,255,255,0.06)\",logo:LOGO,logoFilter:\"none\",nav:\"#94a3b8\",navHover:\"#fff\",span:\"#fff\",mobBg:\"#0E1416\",mobBorder:\"rgba(255,255,255,0.06)\",mobSignin:\"#64748b\"};return /*#__PURE__*/_jsx(\"div\",{ref:ref,style:{width:\"100%\"},dangerouslySetInnerHTML:{__html:String.raw`\n<style>\n.pyfi-hdr-cq{container-type:inline-size;width:100%;position:sticky;top:0;z-index:1000}\n.pyfi-hdr{\n  background:${c.barBg};\n  backdrop-filter:${c.blur};-webkit-backdrop-filter:${c.blur};\n  border-bottom:1px solid ${c.border};\n  font-family:'Lato',system-ui,-apple-system,sans-serif;\n  -webkit-font-smoothing:antialiased;\n}\n.pyfi-hdr-inner{\n  max-width:1400px;margin:0 auto;\n  display:flex;align-items:center;justify-content:space-between;\n  padding:0 64px;height:64px;\n}\n\n/* Logo */\n.pyfi-hdr-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}\n.pyfi-hdr-logo-img{height:30px;width:auto;max-width:180px;display:block;object-fit:contain;object-position:left center;filter:${c.logoFilter}}\n\n/* Nav links */\n.pyfi-hdr-nav{display:flex;align-items:center;gap:32px}\n.pyfi-hdr-nav a{\n  font-size:14px;font-weight:500;color:${c.nav};text-decoration:none;\n  transition:color .2s;letter-spacing:0.01em;\n}\n.pyfi-hdr-nav a:hover{color:${c.navHover}}\n\n/* Actions */\n.pyfi-hdr-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}\n.pyfi-hdr-signin{\n  font-size:14px;font-weight:700;color:#F6413A;text-decoration:none;\n  padding:8px 16px;border-radius:8px;border:1px solid rgba(246,65,58,0.5);\n  transition:background .2s,color .2s,border-color .2s;\n}\n.pyfi-hdr-signin:hover{background:#F6413A;color:#fff;border-color:#F6413A}\n.pyfi-hdr-cta{\n  display:inline-flex;align-items:center;gap:6px;\n  background:#92E6F7;color:#0E1416;padding:10px 20px;border-radius:8px;\n  font-size:14px;font-weight:700;text-decoration:none;\n  transition:background .2s,transform .15s;\n}\n.pyfi-hdr-cta:hover{background:#6FD0EA}\n.pyfi-hdr-cta:active{transform:scale(0.98)}\n\n/* Hamburger — hidden on desktop */\n.pyfi-hdr-hamburger{\n  display:none;\n  width:32px;height:32px;background:none;border:none;cursor:pointer;\n  padding:4px;position:relative;flex-shrink:0;\n}\n.pyfi-hdr-hamburger span{\n  display:block;width:24px;height:2px;background:${c.span};\n  position:absolute;left:4px;transition:transform .3s ease,opacity .2s ease;\n}\n.pyfi-hdr-hamburger span:nth-child(1){top:8px}\n.pyfi-hdr-hamburger span:nth-child(2){top:15px}\n.pyfi-hdr-hamburger span:nth-child(3){top:22px}\n.pyfi-hdr-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}\n.pyfi-hdr-hamburger.open span:nth-child(2){opacity:0}\n.pyfi-hdr-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}\n\n/* Mobile menu — hidden on desktop */\n.pyfi-hdr-mobile-menu{display:none}\n\n/* ===== Responsive ===== */\n@container (max-width:899px){\n  .pyfi-hdr-inner{padding:0 24px;height:56px}\n  .pyfi-hdr-logo-img{height:26px}\n  .pyfi-hdr-nav{display:none}\n  .pyfi-hdr-actions{display:none}\n  .pyfi-hdr-hamburger{display:block}\n\n  .pyfi-hdr-mobile-menu{\n    display:flex;flex-direction:column;\n    background:${c.mobBg};\n    backdrop-filter:${c.blur};-webkit-backdrop-filter:${c.blur};\n    padding:0 24px;\n    max-height:0;overflow:hidden;opacity:0;\n    transition:max-height .35s ease,opacity .25s ease,padding .35s ease;\n  }\n  .pyfi-hdr-mobile-menu.open{\n    max-height:500px;opacity:1;padding:16px 24px 32px;\n    border-bottom:1px solid ${c.mobBorder};\n  }\n  .pyfi-hdr-mobile-menu a{\n    font-family:'Lato',system-ui,-apple-system,sans-serif;\n    font-size:16px;font-weight:500;color:${c.nav};text-decoration:none;\n    padding:14px 0;border-bottom:1px solid ${c.mobBorder};\n    transition:color .2s;\n  }\n  .pyfi-hdr-mobile-menu a:last-child{border-bottom:none}\n  .pyfi-hdr-mobile-menu a:hover{color:${c.navHover}}\n  .pyfi-hdr-mobile-menu .pyfi-hdr-mob-cta{\n    display:flex;align-items:center;justify-content:center;gap:6px;\n    margin-top:12px;padding:14px 24px;border-radius:10px;font-size:15px;\n    background:#92E6F7;color:#0E1416;font-weight:700;text-decoration:none;\n    border-bottom:none;transition:background .2s;\n  }\n  .pyfi-hdr-mobile-menu .pyfi-hdr-mob-cta:hover{background:#6FD0EA}\n  .pyfi-hdr-mobile-menu .pyfi-hdr-mob-signin{color:#F6413A;font-weight:700;font-size:14px;text-align:center}\n}\n</style>\n\n<div class=\"pyfi-hdr-cq\">\n<div class=\"pyfi-hdr\">\n  <div class=\"pyfi-hdr-inner\">\n    <!-- Logo -->\n    <a href=\"/\" class=\"pyfi-hdr-logo\" aria-label=\"PyFi home\">\n      <img src=\"${c.logo}\" alt=\"PyFi\" class=\"pyfi-hdr-logo-img\" />\n    </a>\n\n    <!-- Desktop nav -->\n    <nav class=\"pyfi-hdr-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\n    <!-- Desktop actions -->\n    <div class=\"pyfi-hdr-actions\">\n      <a href=\"https://pyfi.mykajabi.com/login\" class=\"pyfi-hdr-signin\">Sign In</a>\n      <a href=\"/learn\" class=\"pyfi-hdr-cta\">Get Started for Free&nbsp;&rarr;</a>\n    </div>\n\n    <!-- Mobile hamburger -->\n    <button class=\"pyfi-hdr-hamburger\" aria-label=\"Menu\">\n      <span></span><span></span><span></span>\n    </button>\n  </div>\n</div>\n\n<!-- Mobile dropdown -->\n<div class=\"pyfi-hdr-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-hdr-mob-signin\">Sign In</a>\n  <a href=\"/learn\" class=\"pyfi-hdr-mob-cta\">Get Started for Free&nbsp;&rarr;</a>\n</div>\n</div>\n`}});}addPropertyControls(PyFiHeaderBlog,{theme:{type:ControlType.Enum,title:\"Theme\",options:[\"dark\",\"cream\"],optionTitles:[\"Dark\",\"Cream (Blog)\"],defaultValue:\"cream\",displaySegmentedControl:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"PyFiHeaderBlog\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./PyFiHeaderBlog.map"],"mappings":"iLAIqN,SAAwB,EAAe,CAAC,QAAM,SAAS,CAAC,IAAM,EAAIA,EAAO,IAAI,EAAE,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,EACn3B,IAAM,EAAQ,CAAC,MAAM,UAAU,KAAK,OAAO,OAAO,UAAU,KAAK,EAAK,WAAW,4CAA4C,IAAI,UAAU,SAAS,UAAU,KAAK,UAAU,MAAM,UAAU,UAAU,UAAU,UAAU,SAAS,EAA6M,OAAoB,EAAK,MAAM,CAAK,MAAI,MAAM,CAAC,MAAM,MAAM,EAAE,wBAAwB,CAAC,OAAO,OAAO,GAAG;;;;eAI1gB,EAAE,MAAM;oBACH,EAAE,KAAK,2BAA2B,EAAE,KAAK;4BACjC,EAAE,OAAO;;;;;;;;;;;;gIAY2F,EAAE,WAAW;;;;;yCAKpG,EAAE,IAAI;;;8BAGjB,EAAE,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;mDA0BU,EAAE,KAAK;;;;;;;;;;;;;;;;;;;;;;;iBAuBzC,EAAE,MAAM;sBACH,EAAE,KAAK,2BAA2B,EAAE,KAAK;;;;;;;8BAOjC,EAAE,UAAU;;;;2CAIC,EAAE,IAAI;6CACJ,EAAE,UAAU;;;;wCAIjB,EAAE,SAAS;;;;;;;;;;;;;;;;;kBAiBjC,EAAE,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCxB,CAAC,CAAC,CAAE,mBAlJqC,IAAoC,IAAoD,EAAO,EAAK,uEAkJxI,EAAoB,EAAe,CAAC,MAAM,CAAC,KAAK,EAAY,KAAK,MAAM,QAAQ,QAAQ,CAAC,OAAO,OAAO,EAAE,aAAa,CAAC,OAAO,cAAc,EAAE,aAAa,QAAQ,wBAAwB,EAAI,CAAC,CAAC"}