<!-- start Simple Custom CSS and JS -->
<script type="text/javascript">
function addCustomInfowindow() {
  const interval = setInterval(() => {
    const iframes = document.querySelectorAll('iframe');
    if (iframes.length > 0) {
      const iframe = iframes[0];
      const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;

      const marker = iframeDoc.querySelector('[aria-label*="9 Rue Charles Coulomb"]');
      if (marker) {
        marker.addEventListener('click', () => {
          setTimeout(() => {
            const defaultBubble = iframeDoc.querySelector('.gm-style-iw');
            if (defaultBubble) {
              defaultBubble.innerHTML = `
                <div class="custom-infowindow">
                  <h3>ME MINE MYSELF</h3>
                  <p><em>Essence de Féminisme</em><br>Maison d’Édition Indépendante</p>
                  <a href="https://meminemyself.com" target="_blank">🌐 Visiter le site</a>
                </div>
              `;
            }
          }, 300);
        });
        clearInterval(interval);
      }
    }
  }, 1000);
}

window.addEventListener('load', addCustomInfowindow);
</script>
<!-- end Simple Custom CSS and JS -->
