{"version":3,"file":"shared-lib.Be78UIrZ.mjs","names":["useW","useState","RELEASE","useState","useRef","_Fragment"],"sources":["https:/framerusercontent.com/modules/xEXOKbjdfC5YiisW23wv/OsKUot4A03JwW3ggFPBi/FooterResponsive.js","https:/framerusercontent.com/modules/ELWt52oiLc6cVd8IAupf/QSnXqu7fSNfPOEks0EFT/NavBar.js"],"sourcesContent":["/**\n * FooterResponsive — pied de page, 14 instances\n *\n * 🔴 PROPAGATION (12 août 2026) — POURQUOI CERTAINES PROPS ONT ÉTÉ RENOMMÉES\n * Chaque instance portait sa propre valeur pour la marque, la tagline et le copyright.\n * L'écriture MCP exigeant que la page cible soit ouverte dans Framer, les corriger une à une\n * aurait imposé d'ouvrir les quatorze pages. Les props ont donc été renommées :\n * col1Label → brandLine (« studioMa · Bordeaux »)\n * col1Tagline → taglineLine (tutoiement)\n * copyrightText → legalLine (« studioMa · … »)\n * col2Link2Url → linkOfferUrl (pointait vers \"/\" au lieu de l'ancre tarifs)\n * Les anciennes valeurs deviennent orphelines et chaque instance reprend le defaultValue.\n *\n * 🔴 COULEURS D'ICÔNES — PROPAGATION DU 15 AOÛT 2026\n * Les trois props ont été renommées (`colN IconColor` → `iconColorN`) parce que les\n * instances portaient des valeurs hors charte qu'aucun defaultValue n'aurait écrasées :\n * - col3IconColor valait rgba(227,227,227,0.99) : un gris quasi blanc absent de toute\n * palette, avec un alpha à 0,99 qui trahit la valeur attrapée au sélecteur.\n * - col2IconColor valait #35637B, le BLEU DE SERVICE « session studio », employé pour\n * décorer un bloc éditorial (« Une philosophie du son »). §02 réserve les couleurs de\n * service aux visuels de service : hors d'un contexte de service, la couleur ment.\n * - col1IconColor valait #D3A424 : §02 limite l'ambre à UN élément clé par visuel, et\n * le CTA « RÉSERVER » de la NavBar l'occupe déjà sur chaque page.\n * Les trois icônes passent en encre atténuée — elles balisent, elles ne signalent rien.\n * ⚠️ Les props de COULEUR DE TEXTE gardent leur nom : elles peuvent différer d'une page à\n * l'autre pour rester lisibles sur chaque fond.\n *\n * MARQUE : « studioMa » en un mot, casse mixte (charte §9). Ici aucun textTransform ne\n * s'applique aux valeurs de contenu — seuls les LABELS de colonne sont en capitales via\n * labelStyle. La marque passe donc telle quelle, contrairement à la NavBar où il a fallu\n * sortir le logotype du style commun.\n * ⚠️ Exception assumée : SeoSchema.businessName et les mentions légales restent « Studio Ma »\n * pour coller à la fiche Google et au SIRET. Une divergence de nom entre annuaires et données\n * structurées dégrade le référencement local.\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState,useEffect}from\"react\";const RELEASE=\"cubic-bezier(.4,0,.2,1)\";function useW(){const[w,setW]=useState(typeof window!==\"undefined\"?window.innerWidth:1200);useEffect(()=>{let raf=0;const handler=()=>{if(raf)return;raf=requestAnimationFrame(()=>{raf=0;setW(window.innerWidth);});};window.addEventListener(\"resize\",handler,{passive:true});return()=>{window.removeEventListener(\"resize\",handler);if(raf)cancelAnimationFrame(raf);};},[]);return w;}const IconSliders=({color})=>/*#__PURE__*/_jsxs(\"svg\",{width:\"14\",height:\"14\",viewBox:\"0 0 24 24\",fill:\"none\",stroke:color,strokeWidth:\"1.5\",strokeLinecap:\"round\",strokeLinejoin:\"round\",children:[/*#__PURE__*/_jsx(\"line\",{x1:\"4\",y1:\"21\",x2:\"4\",y2:\"14\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"4\",y1:\"10\",x2:\"4\",y2:\"3\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"12\",y1:\"21\",x2:\"12\",y2:\"12\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"12\",y1:\"8\",x2:\"12\",y2:\"3\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"20\",y1:\"21\",x2:\"20\",y2:\"16\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"20\",y1:\"12\",x2:\"20\",y2:\"3\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"1\",y1:\"14\",x2:\"7\",y2:\"14\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"9\",y1:\"8\",x2:\"15\",y2:\"8\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"17\",y1:\"16\",x2:\"23\",y2:\"16\"})]});const IconWave=({color})=>/*#__PURE__*/_jsx(\"svg\",{width:\"14\",height:\"14\",viewBox:\"0 0 24 24\",fill:\"none\",stroke:color,strokeWidth:\"1.5\",strokeLinecap:\"round\",strokeLinejoin:\"round\",children:/*#__PURE__*/_jsx(\"polyline\",{points:\"22 12 18 12 15 21 9 3 6 12 2 12\"})});const IconInfo=({color})=>/*#__PURE__*/_jsxs(\"svg\",{width:\"14\",height:\"14\",viewBox:\"0 0 24 24\",fill:\"none\",stroke:color,strokeWidth:\"1.5\",strokeLinecap:\"round\",strokeLinejoin:\"round\",children:[/*#__PURE__*/_jsx(\"circle\",{cx:\"12\",cy:\"12\",r:\"10\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"12\",y1:\"16\",x2:\"12\",y2:\"12\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"12\",y1:\"8\",x2:\"12.01\",y2:\"8\"})]});export default function FooterResponsive(props){const{brandLine=\"studioMa \\xb7 Bordeaux\",taglineLine=\"Ton studio \\xe0 Bordeaux\",col1Phone=\"07 82 45 11 85\",col1Email=\"studio.ma.mod@gmail.com\",col1Address=\"132 rue Am\\xe9d\\xe9e Saint-Germain, 33800 Bordeaux →\",col1MapsUrl=\"https://share.google/b2Zp2DzlOQW5V91nX\",iconColor1=\"rgba(245,240,232,0.45)\",col2Label=\"Une philosophie du son\",col2Link1Label=\"\\xc9quipement analogique\",col2Link1Url=\"/equipement\",col2Link2Label=\"Accompagnement artistique\",linkOfferUrl=\"/#services3\",col2Text1=\"Espace chaleureux en bois\",iconColor2=\"rgba(245,240,232,0.45)\",col3Label=\"Infos pratiques\",col3Text1=\"\\xc0 partir de 40 €/h\",col3Link1Label=\"Mentions l\\xe9gales\",col3Link1Url=\"/mentions-l\\xe9gales\",col3Link2Label=\"Politique de confidentialit\\xe9\",col3Link2Url=\"/politique-confidentialite\",iconColor3=\"rgba(245,240,232,0.45)\",colorText=\"rgba(245, 240, 232, 0.76)\",colorTextMuted=\"rgba(245, 240, 232, 0.35)\",colorDivider=\"rgba(245, 240, 232, 0.1)\",legalLine=\"studioMa \\xb7 studiomamod.com \\xb7 EI Charl\\xe9lie De Munico \\xb7 SIRET 812 265 874 00030\"}=props;const w=useW();const isMobile=w<768;const isTablet=w>=768&&w<1024;const mono={fontFamily:\"'JetBrains Mono', monospace\"};const labelStyle={...mono,display:\"flex\",alignItems:\"center\",gap:\"8px\",fontSize:\"11px\",letterSpacing:\"0.14em\",textTransform:\"uppercase\",color:colorText,marginBottom:\"12px\"};// Le nom de marque ne doit PAS être mis en capitales — « studioMa » est en casse mixte.\nconst brandStyle={...mono,display:\"flex\",alignItems:\"center\",gap:\"8px\",fontSize:\"12px\",letterSpacing:\"0.04em\",textTransform:\"none\",color:colorText,marginBottom:\"12px\"};const textStyle={...mono,fontSize:\"11px\",letterSpacing:\"0.08em\",color:colorText,lineHeight:\"1.5em\"};// §08 — Release sur les micro-interactions.\nconst linkStyle={...textStyle,display:\"block\",textDecoration:\"none\",cursor:\"pointer\",transition:`color .3s ${RELEASE}`};const dividerStyle={width:\"100%\",height:\"1px\",backgroundColor:colorDivider,border:\"none\",margin:\"0\"};const copyrightStyle={...mono,fontSize:\"10px\",letterSpacing:\"0.08em\",color:colorTextMuted,textAlign:\"center\",margin:\"0\"};const col1=/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:\"8px\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:brandStyle,children:[/*#__PURE__*/_jsx(IconSliders,{color:iconColor1}),brandLine]}),/*#__PURE__*/_jsx(\"span\",{style:textStyle,children:taglineLine}),/*#__PURE__*/_jsxs(\"a\",{href:`tel:+33${col1Phone.replace(/\\D/g,\"\").slice(1)}`,style:linkStyle,children:[\"T\\xe9l \\xb7 \",col1Phone]}),/*#__PURE__*/_jsxs(\"a\",{href:`mailto:${col1Email}`,style:linkStyle,children:[\"Email \\xb7 \",col1Email]}),/*#__PURE__*/_jsx(\"a\",{href:col1MapsUrl,target:\"_blank\",rel:\"noopener noreferrer\",style:linkStyle,children:col1Address})]});const col2=/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:\"8px\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:labelStyle,children:[/*#__PURE__*/_jsx(IconWave,{color:iconColor2}),col2Label]}),/*#__PURE__*/_jsx(\"a\",{href:col2Link1Url,style:linkStyle,children:col2Link1Label}),/*#__PURE__*/_jsx(\"a\",{href:linkOfferUrl,style:linkStyle,children:col2Link2Label}),/*#__PURE__*/_jsx(\"span\",{style:textStyle,children:col2Text1})]});const col3=/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:\"8px\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:labelStyle,children:[/*#__PURE__*/_jsx(IconInfo,{color:iconColor3}),col3Label]}),/*#__PURE__*/_jsx(\"span\",{style:textStyle,children:col3Text1}),/*#__PURE__*/_jsx(\"a\",{href:col3Link1Url,style:linkStyle,children:col3Link1Label}),/*#__PURE__*/_jsx(\"a\",{href:col3Link2Url,style:linkStyle,children:col3Link2Label})]});const year=new Date().getFullYear();const copyright=/*#__PURE__*/_jsxs(\"p\",{style:copyrightStyle,children:[\"\\xa9 \",year,\" \",legalLine]});const wrapStyle={width:\"100%\",boxSizing:\"border-box\"};if(isMobile){return /*#__PURE__*/_jsxs(\"div\",{style:{...wrapStyle,padding:\"48px 24px 32px\",display:\"flex\",flexDirection:\"column\",gap:\"36px\"},children:[col1,/*#__PURE__*/_jsx(\"hr\",{style:dividerStyle}),col2,/*#__PURE__*/_jsx(\"hr\",{style:dividerStyle}),col3,/*#__PURE__*/_jsx(\"hr\",{style:dividerStyle}),copyright]});}if(isTablet){return /*#__PURE__*/_jsxs(\"div\",{style:{...wrapStyle,padding:\"56px 48px 40px\",display:\"grid\",gridTemplateColumns:\"1fr 1fr\",gap:\"48px 40px\",alignItems:\"start\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{gridColumn:\"1 / -1\"},children:col1}),/*#__PURE__*/_jsx(\"hr\",{style:{...dividerStyle,gridColumn:\"1 / -1\"}}),col2,col3,/*#__PURE__*/_jsx(\"hr\",{style:{...dividerStyle,gridColumn:\"1 / -1\"}}),/*#__PURE__*/_jsxs(\"p\",{style:{...copyrightStyle,gridColumn:\"1 / -1\"},children:[\"\\xa9 \",year,\" \",legalLine]})]});}return /*#__PURE__*/_jsxs(\"div\",{style:wrapStyle,children:[/*#__PURE__*/_jsxs(\"div\",{style:{maxWidth:\"1200px\",margin:\"0 auto\",padding:\"64px 7% 40px\",display:\"grid\",gridTemplateColumns:\"1.4fr 1fr 1fr\",gap:\"0 60px\",alignItems:\"start\"},children:[col1,col2,col3]}),/*#__PURE__*/_jsxs(\"div\",{style:{maxWidth:\"1200px\",margin:\"0 auto\",padding:\"0 7% 40px\",display:\"flex\",flexDirection:\"column\",gap:\"20px\"},children:[/*#__PURE__*/_jsx(\"hr\",{style:dividerStyle}),copyright]})]});}addPropertyControls(FooterResponsive,{brandLine:{type:ControlType.String,title:\"Marque\",defaultValue:\"studioMa \\xb7 Bordeaux\",description:\"Casse mixte respect\\xe9e — pas de mise en capitales\"},taglineLine:{type:ControlType.String,title:\"Tagline\",defaultValue:\"Ton studio \\xe0 Bordeaux\"},col1Phone:{type:ControlType.String,title:\"Col1 — T\\xe9l\\xe9phone\",defaultValue:\"07 82 45 11 85\"},col1Email:{type:ControlType.String,title:\"Col1 — Email\",defaultValue:\"studio.ma.mod@gmail.com\"},col1Address:{type:ControlType.String,title:\"Col1 — Adresse\",defaultValue:\"132 rue Am\\xe9d\\xe9e Saint-Germain, 33800 Bordeaux →\"},col1MapsUrl:{type:ControlType.String,title:\"Col1 — Maps URL\",defaultValue:\"https://share.google/b2Zp2DzlOQW5V91nX\"},iconColor1:{type:ControlType.Color,title:\"Col1 — Couleur ic\\xf4ne\",defaultValue:\"rgba(245,240,232,0.45)\",description:\"Encre/cr\\xe8me att\\xe9nu\\xe9e. Ni ambre (r\\xe9serv\\xe9 au CTA de r\\xe9servation), ni couleur de service.\"},col2Label:{type:ControlType.String,title:\"Col2 — Label\",defaultValue:\"Une philosophie du son\"},col2Link1Label:{type:ControlType.String,title:\"Col2 — Lien 1\",defaultValue:\"\\xc9quipement analogique\"},col2Link1Url:{type:ControlType.String,title:\"Col2 — Lien 1 URL\",defaultValue:\"/equipement\"},col2Link2Label:{type:ControlType.String,title:\"Col2 — Lien 2\",defaultValue:\"Accompagnement artistique\"},linkOfferUrl:{type:ControlType.String,title:\"Col2 — Lien 2 URL\",defaultValue:\"/#services3\"},col2Text1:{type:ControlType.String,title:\"Col2 — Texte\",defaultValue:\"Espace chaleureux en bois\"},iconColor2:{type:ControlType.Color,title:\"Col2 — Couleur ic\\xf4ne\",defaultValue:\"rgba(245,240,232,0.45)\",description:\"Ne pas y mettre une couleur de service : ce bloc n'est pas un visuel de service.\"},col3Label:{type:ControlType.String,title:\"Col3 — Label\",defaultValue:\"Infos pratiques\"},col3Text1:{type:ControlType.String,title:\"Col3 — Texte\",defaultValue:\"\\xc0 partir de 40 €/h\"},col3Link1Label:{type:ControlType.String,title:\"Col3 — Lien 1\",defaultValue:\"Mentions l\\xe9gales\"},col3Link1Url:{type:ControlType.String,title:\"Col3 — Lien 1 URL\",defaultValue:\"/mentions-l\\xe9gales\"},col3Link2Label:{type:ControlType.String,title:\"Col3 — Lien 2\",defaultValue:\"Politique de confidentialit\\xe9\"},col3Link2Url:{type:ControlType.String,title:\"Col3 — Lien 2 URL\",defaultValue:\"/politique-confidentialite\"},iconColor3:{type:ControlType.Color,title:\"Col3 — Couleur ic\\xf4ne\",defaultValue:\"rgba(245,240,232,0.45)\"},colorText:{type:ControlType.Color,title:\"Couleur texte\",defaultValue:\"rgba(245, 240, 232, 0.76)\"},colorTextMuted:{type:ControlType.Color,title:\"Couleur copyright\",defaultValue:\"rgba(245, 240, 232, 0.35)\"},colorDivider:{type:ControlType.Color,title:\"Couleur s\\xe9parateurs\",defaultValue:\"rgba(245, 240, 232, 0.1)\"},legalLine:{type:ControlType.String,title:\"Ligne l\\xe9gale (apr\\xe8s \\xa9)\",defaultValue:\"studioMa \\xb7 studiomamod.com \\xb7 EI Charl\\xe9lie De Munico \\xb7 SIRET 812 265 874 00030\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FooterResponsive\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FooterResponsive.map","/**\n * NavBar Studio Ma\n *\n * 🔴 HARMONISATION (août 2026) — POURQUOI LES PROPS DE LIBELLÉS ONT ÉTÉ RENOMMÉES\n * Chaque page portait ses propres libellés de navigation. Corriger instance par instance\n * aurait imposé d'ouvrir les quatorze pages une à une dans Framer, puisque l'écriture MCP\n * exige la page ouverte. Les props ont donc été renommées (link1Label → navLabel1,\n * logoText → brandText, etc.) : les anciennes valeurs deviennent orphelines et chaque\n * instance reprend le defaultValue, d'un seul coup. Les props de COULEUR gardent leur nom —\n * elles diffèrent volontairement d'une page à l'autre pour rester lisibles sur chaque hero,\n * et ne doivent PAS être reset.\n *\n * 🔴 TAILLE DU MARK (15 août 2026) — `markSize` RENOMMÉ `markTaille`\n * La charte §05 fixe un plancher : « Écran — minimum 32 px de hauteur. En dessous, la mark\n * 間 est illisible. » Le defaultValue valait 22, et le contrôle autorisait jusqu'à 12 : la\n * charte posait un plancher, le composant en ouvrait un trois fois plus bas. Le SVG rend une\n * hauteur de size × 0,816, donc 22 donnait ~18 px réels — presque moitié moins que le\n * minimum. Les instances portant la valeur explicitement, seul un renommage pouvait\n * propager. La borne basse du contrôle passe à 32.\n *\n * 🔴 COULEUR DU MARK — le SVG était en #FFFFFF codé en dur : du blanc pur, absent de la\n * palette, plus froid que la crème du texte voisin. §05 dit « fond transparent toujours —\n * la couleur vient du support ». Le mark hérite désormais de `colorTextActive`, donc du\n * réglage de la page. Le teal #679b9b des quatre traits reste figé : c'est l'identité.\n *\n * LIEN « ACCUEIL » : rétabli en première position (prop homeLabel). Il avait été retiré au\n * motif que le logo pointe déjà vers / — convention universelle. Testé en conditions\n * réelles, ça ne l'est pas : le logo cliquable n'est évident que pour qui connaît la\n * convention, pas pour un visiteur qui arrive sur une page service depuis une recherche.\n * Vider homeLabel retire l'entrée, page par page.\n *\n * 🔴 LOGOTYPE « studioMa » : le texte du logo a sa propre règle typographique et n'hérite\n * PLUS de linkStyle, qui applique textTransform uppercase. La charte impose « studioMa »\n * en un mot, casse mixte, sans espace — passer par le style commun le rendait « STUDIOMA ».\n * L'interlettrage est aussi réduit (0.18em → 0.02em) : un interlettrage large est fait pour\n * des capitales, il disloque un mot en casse mixte. La prop s'appelle brandText, et non\n * plus logoText, précisément pour forcer la propagation du nouveau logotype.\n *\n * CHARTE §08 — toutes les micro-interactions passent en Release cubic-bezier(.4,0,.2,1)\n * 0,3 s, et les apparitions en Attaque cubic-bezier(.16,1,.3,1) 0,5 s. Le composant mêlait\n * auparavant sept durées choisies au jugé (0,15 / 0,2 / 0,25 / 0,3 / 0,35 s) et le mot-clé\n * `ease`, sans aucune courbe nommée — sauf sur `top`, où la vraie Release traînait à 0,35 s.\n *\n * Le logo (→ /) et les liens fixes (« Autour » → /around, « Contact » → /#contact2) sont\n * FIXES dans le code et ne peuvent pas être overridés par les instances — source de\n * vérité unique. FIX : plusieurs instances avaient un logoUrl cassé (\"/home\" — page\n * inexistante — ou vide \"\") ce qui cassait le clic logo sur certaines pages. Le logo\n * pointe maintenant toujours vers \"/\" quoi que contienne la prop logoUrl (conservée\n * dans le panneau pour compat mais ignorée au rendu).\n *\n * Desktop : transparent tout en haut (sur le hero). Dès que ça scrolle : mode \"verre\n * dépoli\" — fond translucide + flou, lisible sur n'importe quelle couleur de section\n * derrière. Au survol : fond plein. Mobile : fond plein, comportement inchangé.\n * FIX : le fond \"plein\" est TOUJOURS rendu opaque via toRgbaAlpha(colorBg, 1), peu\n * importe l'alpha de colorBg fourni par l'instance.\n * FIX (portail) : le nav est monté directement sur document.body via createPortal. Sur\n * certaines pages, le wrapper Frame généré par Framer autour de l'instance (ou un frère\n * comme Footer, qui a un zIndex explicite) piégeait le contexte d'empilement local du nav.\n * FIX : le menu mobile affichait « Services » en dur au lieu de servicesTitle.\n *\n * ⚠️ `dispoBarVisible` se règle instance par instance et rien ne garantit sa cohérence\n * avec la présence réelle d'une DispoBar sur la page. Une page sans barre mais avec la prop\n * à true réserve 56 px de vide ; l'inverse colle la nav sous la barre. À vérifier page à page.\n *\n * Un lien ou un service dont le label est vide est retiré du menu.\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight fixed\n */import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState,useEffect,useRef}from\"react\";import{createPortal}from\"react-dom\";const ATTAQUE=\"cubic-bezier(.16,1,.3,1)\";const RELEASE=\"cubic-bezier(.4,0,.2,1)\";function useW(){const[w,setW]=useState(typeof window!==\"undefined\"?window.innerWidth:1200);useEffect(()=>{const g=window;if(!g.__smWidthListeners){g.__smWidthListeners=new Set;let raf=0;g.__smWidthHandler=()=>{if(raf)return;raf=requestAnimationFrame(()=>{raf=0;const nw=window.innerWidth;g.__smWidthListeners.forEach(fn=>fn(nw));});};window.addEventListener(\"resize\",g.__smWidthHandler,{passive:true});}g.__smWidthListeners.add(setW);return()=>{g.__smWidthListeners.delete(setW);};},[]);return w;}function useScrolled(threshold=20){const[scrolled,setScrolled]=useState(false);useEffect(()=>{const g=window;if(!g.__smScrollListeners){g.__smScrollListeners=new Set;let raf=0;g.__smScrollHandler=()=>{if(raf)return;raf=requestAnimationFrame(()=>{raf=0;const y=window.scrollY;g.__smScrollListeners.forEach(fn=>fn(y));});};window.addEventListener(\"scroll\",g.__smScrollHandler,{passive:true});}const cb=y=>setScrolled(y>threshold);g.__smScrollListeners.add(cb);cb(window.scrollY);return()=>{g.__smScrollListeners.delete(cb);};},[threshold]);return scrolled;}function track(label){try{const g=window;if(typeof g.gtag===\"function\")g.gtag(\"event\",\"contact_click\",{method:label});else if(Array.isArray(g.dataLayer))g.dataLayer.push({event:\"contact_click\",method:label});}catch{}}// Convertit rgb()/rgba()/hex en rgba() avec une alpha donnée — pour le fond translucide.\nfunction toRgbaAlpha(color,alpha){if(!color)return`rgba(26,26,20,${alpha})`;if(color.startsWith(\"rgb\")){const nums=color.match(/[\\d.]+/g)||[];if(nums.length>=3)return`rgba(${nums[0]},${nums[1]},${nums[2]},${alpha})`;}if(color.startsWith(\"#\")){const h=color.replace(\"#\",\"\");const r=parseInt(h.slice(0,2),16),g=parseInt(h.slice(2,4),16),b=parseInt(h.slice(4,6),16);if(!isNaN(r)&&!isNaN(g)&&!isNaN(b))return`rgba(${r},${g},${b},${alpha})`;}return`rgba(26,26,20,${alpha})`;}// §05 — la couleur du mark vient du support, pas du fichier. Seul le teal d'identité est figé.\nconst MarkSVG=({size=32,color=\"#F5F0E8\"})=>/*#__PURE__*/_jsx(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",viewBox:\"0 570 369.45 301.6\",width:size,height:size*(301.6/369.45),style:{display:\"block\",flexShrink:0},children:/*#__PURE__*/_jsxs(\"g\",{fill:color,children:[/*#__PURE__*/_jsx(\"path\",{fill:\"#679b9b\",d:\"M417.62,771.61h42.69V757.73H417.62Z\",transform:\"translate(-305.55 -63.84)\"}),/*#__PURE__*/_jsx(\"path\",{fill:\"#679b9b\",d:\"M417.66,743.23h42.69V729.49H417.66Z\",transform:\"translate(-305.55 -63.84)\"}),/*#__PURE__*/_jsx(\"path\",{fill:\"#679b9b\",d:\"M525.55,757.85v13.71h40.92V757.85Z\",transform:\"translate(-305.55 -63.84)\"}),/*#__PURE__*/_jsx(\"path\",{fill:\"#679b9b\",d:\"M566.47,729.45H525.55v13.76h40.92Z\",transform:\"translate(-305.55 -63.84)\"}),/*#__PURE__*/_jsx(\"polygon\",{points:\"275.51 614.63 97.68 614.63 61.34 614.63 61.34 650.98 61.34 822.32 97.68 822.32 97.68 650.98 169.22 650.98 169.22 707.76 205.57 707.76 205.57 650.98 275.51 650.98 275.51 822.32 311.86 822.32 311.86 650.98 311.86 614.63 275.51 614.63\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M417.52,786V886.16H452v-12.8h81.79v12.8h32.76V786ZM452,837V822.46h81.79V837Z\",transform:\"translate(-305.55 -63.84)\"})]})});// Liens fixes de fin de barre, jamais overridables par les instances\nconst FIXED_LINKS=[{label:\"Autour\",url:\"/around\"},{label:\"Contact\",url:\"/#contact2\"}];function usePortalTarget(){const[el,setEl]=useState(null);useEffect(()=>{if(typeof document===\"undefined\")return;setEl(document.body);},[]);return el;}export default function NavBar(props){const{brandText=\"studioMa\",markTaille=32,dispoBarVisible=true,homeLabel=\"Accueil\",homeUrl=\"/\",navLabel1=\"Tarifs\",navUrl1=\"/#services3\",navLabel2=\"Photos\",navUrl2=\"/photos\",navLabel3=\"\\xc9quipement\",navUrl3=\"/equipement\",navLabel4=\"FAQ\",navUrl4=\"/faq\",servicesTitle=\"Services\",svc1Label=\"Enregistrement\",svc1Url=\"/enregistrement\",svc2Label=\"Mixage\",svc2Url=\"/mixage\",svc3Label=\"Mastering\",svc3Url=\"/mastering\",svc4Label=\"Session Live\",svc4Url=\"/session-live\",svc5Label=\"Production\",svc5Url=\"/production\",svc6Label=\"Formation\",svc6Url=\"/#formation\",svc7Label=\"Location\",svc7Url=\"/location\",ctaText=\"R\\xc9SERVER\",ctaUrl=\"tel:+33782451185\",colorBg=\"rgb(26, 26, 20)\",colorBgScrolled=\"rgb(26, 26, 20)\",colorText=\"rgba(245, 240, 232, 0.55)\",colorTextActive=\"rgb(245, 240, 232)\",colorCta=\"rgb(26, 26, 20)\",colorCtaBg=\"rgb(211, 164, 36)\",colorBorder=\"rgba(245, 240, 232, 0.08)\",colorSubBg=\"rgb(26, 26, 20)\",colorSubText=\"rgba(245, 240, 232, 0.72)\",topScrolled=5,scrollThreshold=20,scrolledOpacity=.62,navWidth=\"92%\",navHeight=40,borderRadius=8}=props;const topDefault=dispoBarVisible?56:5;const w=useW();const scrolled=useScrolled(scrollThreshold);const isMobile=w<900;const[menuOpen,setMenuOpen]=useState(false);const[subOpen,setSubOpen]=useState(false);const[svcOpen,setSvcOpen]=useState(false);const[hovered,setHovered]=useState(false);const subRef=useRef(null);const portalTarget=usePortalTarget();useEffect(()=>{if(!subOpen)return;const h=e=>{if(subRef.current&&!subRef.current.contains(e.target))setSubOpen(false);};document.addEventListener(\"mousedown\",h);return()=>document.removeEventListener(\"mousedown\",h);},[subOpen]);useEffect(()=>{if(!isMobile)setMenuOpen(false);},[isMobile]);useEffect(()=>{if(!menuOpen)setSvcOpen(false);},[menuOpen]);const handleAnchorClick=(e,url)=>{if(!url.includes(\"#\"))return;const[pagePath,hash]=url.split(\"#\");const currentPath=typeof window!==\"undefined\"?window.location.pathname:\"\";if(currentPath===(pagePath||\"/\")||pagePath===\"\"||pagePath===\"/\"){const el=document.getElementById(hash);if(el){e.preventDefault();el.scrollIntoView({behavior:\"smooth\",block:\"start\"});setMenuOpen(false);}}};const handleCtaClick=()=>{const method=ctaUrl.startsWith(\"tel:\")?\"phone_navbar\":ctaUrl.includes(\"wa.me\")?\"whatsapp_navbar\":\"cta_navbar\";track(method);};const top=scrolled?topScrolled:topDefault;const mono={fontFamily:\"'JetBrains Mono', monospace\"};const isTop=!scrolled&&!hovered&&!isMobile;const isGhostScrolled=scrolled&&!hovered&&!isMobile;const ghostBg=toRgbaAlpha(colorBg,scrolledOpacity);const solidBg=toRgbaAlpha(colorBg,1);const navStyle={position:\"fixed\",top:`${top}px`,left:\"50%\",transform:\"translateX(-50%)\",width:navWidth,maxWidth:\"1400px\",height:`${navHeight}px`,zIndex:999999,transition:`top .3s ${RELEASE}, background-color .3s ${RELEASE}, border-color .3s ${RELEASE}, backdrop-filter .3s ${RELEASE}`,backgroundColor:isMobile?solidBg:isTop?\"transparent\":isGhostScrolled?ghostBg:solidBg,backdropFilter:!isMobile&&isGhostScrolled?\"blur(10px) saturate(140%)\":\"none\",WebkitBackdropFilter:!isMobile&&isGhostScrolled?\"blur(10px) saturate(140%)\":\"none\",opacity:1,borderRadius:`${borderRadius}px`,border:`1px solid ${isTop?\"transparent\":colorBorder}`,display:\"flex\",alignItems:\"center\",justifyContent:\"space-between\",padding:\"0 14px\",boxSizing:\"border-box\",gap:\"8px\"};const linkStyle={...mono,fontSize:\"10px\",letterSpacing:\"0.12em\",textTransform:\"uppercase\",color:colorText,textDecoration:\"none\",padding:\"4px 8px\",borderRadius:\"4px\",transition:`color .3s ${RELEASE}`,cursor:\"pointer\",background:\"transparent\",border:\"none\",display:\"flex\",alignItems:\"center\",gap:\"4px\",whiteSpace:\"nowrap\",lineHeight:\"1\"};const ctaStyle={...mono,fontSize:\"10px\",letterSpacing:\"0.12em\",textTransform:\"uppercase\",fontWeight:500,color:colorCta,backgroundColor:colorCtaBg,padding:\"8px 18px\",borderRadius:\"100px\",textDecoration:\"none\",whiteSpace:\"nowrap\",lineHeight:\"1\",flexShrink:0};const chevron=open=>/*#__PURE__*/_jsx(\"svg\",{width:\"8\",height:\"8\",viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"2.5\",strokeLinecap:\"round\",strokeLinejoin:\"round\",style:{transition:`transform .3s ${RELEASE}`,transform:open?\"rotate(180deg)\":\"none\",opacity:.5},children:/*#__PURE__*/_jsx(\"polyline\",{points:\"6 9 12 15 18 9\"})});// Accueil en tête, puis liens configurables, puis liens fixes. Label vide = entrée retirée.\nconst configLinks=[{label:homeLabel,url:homeUrl},{label:navLabel1,url:navUrl1},{label:navLabel2,url:navUrl2},{label:navLabel3,url:navUrl3},{label:navLabel4,url:navUrl4}].filter(l=>l.label&&l.url);const allNavLinks=[...configLinks,...FIXED_LINKS];const services=[{label:svc1Label,url:svc1Url},{label:svc2Label,url:svc2Url},{label:svc3Label,url:svc3Url},{label:svc4Label,url:svc4Url},{label:svc5Label,url:svc5Url},{label:svc6Label,url:svc6Url},{label:svc7Label,url:svc7Url}].filter(s=>s.label&&s.url);// Le logotype n'hérite PAS de textTransform uppercase — « studioMa » reste en casse mixte.\nconst logoEl=/*#__PURE__*/_jsxs(\"a\",{href:\"/\",style:{...linkStyle,textTransform:\"none\",color:colorTextActive,gap:\"8px\",padding:\"4px 4px\",flexShrink:0},children:[/*#__PURE__*/_jsx(MarkSVG,{size:markTaille,color:colorTextActive}),/*#__PURE__*/_jsx(\"span\",{style:{fontSize:\"13px\",letterSpacing:\"0.02em\",fontWeight:500,textTransform:\"none\"},children:brandText})]});// ─── Desktop ────────────────────────────────────────────────────────────────\nif(!isMobile){const content=/*#__PURE__*/_jsxs(\"div\",{style:navStyle,onMouseEnter:()=>setHovered(true),onMouseLeave:()=>setHovered(false),children:[logoEl,/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",flex:1,justifyContent:\"center\"},children:[/*#__PURE__*/_jsxs(\"div\",{ref:subRef,style:{position:\"relative\"},children:[/*#__PURE__*/_jsxs(\"button\",{onClick:()=>setSubOpen(v=>!v),style:{...linkStyle,color:subOpen?colorTextActive:colorText},children:[servicesTitle,\" \",chevron(subOpen)]}),subOpen&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:\"calc(100% + 6px)\",left:\"50%\",transform:\"translateX(-50%)\",backgroundColor:colorSubBg,border:`1px solid ${colorBorder}`,borderRadius:\"8px\",padding:\"6px\",display:\"flex\",flexDirection:\"column\",gap:\"1px\",minWidth:\"180px\",boxShadow:\"0 8px 24px rgba(0,0,0,.4)\",zIndex:999999},children:services.map(({label,url})=>/*#__PURE__*/_jsx(\"a\",{href:url,onClick:e=>{handleAnchorClick(e,url);setSubOpen(false);},style:{...linkStyle,color:colorSubText,padding:\"8px 10px\"},children:label},url))})]}),allNavLinks.map(({label,url})=>/*#__PURE__*/_jsx(\"a\",{href:url,onClick:e=>handleAnchorClick(e,url),style:linkStyle,children:label},url))]}),/*#__PURE__*/_jsx(\"a\",{href:ctaUrl,onClick:handleCtaClick,style:ctaStyle,children:ctaText})]});return portalTarget?/*#__PURE__*/createPortal(content,portalTarget):content;}// ─── Mobile ─────────────────────────────────────────────────────────────────\nconst barStyle=i=>({width:\"18px\",height:\"1.5px\",backgroundColor:colorTextActive,transition:`transform .3s ${RELEASE}, opacity .3s ${RELEASE}`,transformOrigin:\"center\",transform:menuOpen?i===0?\"translateY(6px) rotate(45deg)\":i===1?\"scaleX(0)\":\"translateY(-6px) rotate(-45deg)\":\"none\",opacity:menuOpen&&i===1?0:1});const menuTopPadding=(dispoBarVisible?56:5)+navHeight+24;const mobileBase={...mono,fontSize:\"10px\",letterSpacing:\"0.16em\",textTransform:\"uppercase\",color:colorText,textDecoration:\"none\",padding:\"15px 0\",width:\"100%\",display:\"flex\",alignItems:\"center\",justifyContent:\"space-between\",boxSizing:\"border-box\"};const mobileContent=/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsxs(\"div\",{style:navStyle,children:[logoEl,/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",gap:\"8px\"},children:[/*#__PURE__*/_jsx(\"a\",{href:ctaUrl,onClick:handleCtaClick,style:ctaStyle,children:ctaText}),/*#__PURE__*/_jsx(\"button\",{style:{background:\"none\",border:\"none\",cursor:\"pointer\",padding:\"6px\",display:\"flex\",flexDirection:\"column\",gap:\"4.5px\",alignItems:\"center\"},onClick:()=>setMenuOpen(v=>!v),\"aria-label\":\"Menu\",children:[0,1,2].map(i=>/*#__PURE__*/_jsx(\"span\",{style:barStyle(i)},i))})]})]}),/*#__PURE__*/_jsxs(\"div\",{style:{position:\"fixed\",top:0,left:0,right:0,bottom:0,backgroundColor:colorSubBg,zIndex:999998,display:\"flex\",flexDirection:\"column\",alignItems:\"flex-start\",justifyContent:\"flex-start\",paddingTop:`${menuTopPadding}px`,paddingLeft:\"32px\",paddingRight:\"32px\",paddingBottom:\"40px\",opacity:menuOpen?1:0,pointerEvents:menuOpen?\"auto\":\"none\",transition:`opacity .3s ${RELEASE}`,overflowY:\"auto\",boxSizing:\"border-box\"},children:[allNavLinks.map(({label,url},i)=>/*#__PURE__*/_jsx(\"a\",{href:url,onClick:e=>{handleAnchorClick(e,url);setMenuOpen(false);},style:{...mobileBase,borderBottom:`1px solid ${colorBorder}`,opacity:menuOpen?1:0,transform:menuOpen?\"translateY(0)\":\"translateY(8px)\",// Apparition d'élément → Attaque, 0,5 s (§08).\n transition:`opacity .5s ${ATTAQUE} ${i*25}ms, transform .5s ${ATTAQUE} ${i*25}ms`},children:label},url)),/*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\"},children:[/*#__PURE__*/_jsxs(\"button\",{onClick:()=>setSvcOpen(v=>!v),style:{...mobileBase,background:\"none\",border:\"none\",borderBottom:`1px solid ${colorBorder}`,cursor:\"pointer\",opacity:menuOpen?1:0,transform:menuOpen?\"translateY(0)\":\"translateY(8px)\",transition:`opacity .5s ${ATTAQUE} ${allNavLinks.length*25}ms, transform .5s ${ATTAQUE} ${allNavLinks.length*25}ms`},children:[/*#__PURE__*/_jsx(\"span\",{children:servicesTitle}),/*#__PURE__*/_jsx(\"span\",{style:{...mono,fontSize:\"9px\",color:svcOpen?colorCtaBg:\"rgba(245,240,232,.3)\",transition:`transform .3s ${RELEASE}, color .3s ${RELEASE}`,transform:svcOpen?\"rotate(180deg)\":\"none\",display:\"inline-block\"},children:\"▾\"})]}),/*#__PURE__*/_jsx(\"div\",{style:{display:\"grid\",gridTemplateRows:svcOpen?\"1fr\":\"0fr\",transition:`grid-template-rows .5s ${ATTAQUE}`,overflow:\"hidden\"},children:/*#__PURE__*/_jsx(\"div\",{style:{overflow:\"hidden\"},children:services.map(({label,url},i)=>/*#__PURE__*/_jsxs(\"a\",{href:url,onClick:e=>{handleAnchorClick(e,url);setMenuOpen(false);},style:{...mono,fontSize:\"10px\",letterSpacing:\"0.14em\",textTransform:\"uppercase\",color:colorSubText,textDecoration:\"none\",padding:\"13px 0 13px 16px\",width:\"100%\",display:\"flex\",alignItems:\"center\",gap:\"10px\",borderBottom:i