// MEMORI — Mentions Légales (modal overlay)
function MentionsLegales() {
  const [open, setOpen] = React.useState(false);

  React.useEffect(() => {
    const handler = () => setOpen(true);
    window.addEventListener('open-mentions-legales', handler);
    return () => window.removeEventListener('open-mentions-legales', handler);
  }, []);

  React.useEffect(() => {
    document.body.style.overflow = open ? 'hidden' : '';
    const onKey = (e) => { if (e.key === 'Escape') setOpen(false); };
    if (open) document.addEventListener('keydown', onKey);
    return () => document.removeEventListener('keydown', onKey);
  }, [open]);

  if (!open) return null;

  return (
    <div className="ml-overlay" onClick={(e) => { if (e.target === e.currentTarget) setOpen(false); }}>
      <div className="ml-panel" role="dialog" aria-modal="true" aria-label="Mentions légales">

        {/* Header */}
        <div className="ml-header">
          <div className="ml-header-inner">
            <span className="eyebrow">Mentions légales</span>
            <button className="ml-close" onClick={() => setOpen(false)} aria-label="Fermer">
              <span>✕</span>
            </button>
          </div>
          <h2 className="ml-title">Informations <em>légales</em>.</h2>
        </div>

        {/* Body */}
        <div className="ml-body">
          <p className="ml-intro">
            Conformément aux articles 6-III et 19 de la loi n°2004-575 du 21 juin 2004 pour la Confiance dans l'Économie Numérique (LCEN).
          </p>

          <div className="ml-section">
            <h3 className="ml-section-h"><span className="ml-num">01</span>Éditeur du site</h3>
            <p>Le site <a href="https://agence-memori.fr" target="_blank" rel="noopener">agence-memori.fr</a> est édité par :</p>
            <div className="ml-block">
              <p><strong>Kaboom Kitchen</strong></p>
              <p>Société par actions simplifiée unipersonnelle (SASU)</p>
              <p>Capital social : 1 000 €</p>
              <p>Siège social : 21A rue des Ormes, 17290 Aigrefeuille-d'Aunis</p>
              <p>SIRET : 942 504 226 000 13</p>
              <p>RCS La Rochelle</p>
              <p>N° TVA intracommunautaire : FR35942504226</p>
              <p>Directeur de la publication : Marlet Kervolin</p>
              <p>Email : <a href="mailto:marlet@agence-memori.fr">marlet@agence-memori.fr</a></p>
            </div>
          </div>

          <div className="ml-section">
            <h3 className="ml-section-h"><span className="ml-num">02</span>Hébergement</h3>
            <p>L'hébergement du site est assuré par :</p>
            <div className="ml-block">
              <p><strong>Hostinger International Ltd</strong></p>
              <p>61 Lordou Vironos Street, 6023 Larnaca, Chypre</p>
              <p>Site web : <a href="https://www.hostinger.fr" target="_blank" rel="noopener">www.hostinger.fr</a></p>
              <p>Contact : <a href="https://www.hostinger.fr/contact" target="_blank" rel="noopener">https://www.hostinger.fr/contact</a></p>
            </div>
          </div>

          <div className="ml-section">
            <h3 className="ml-section-h"><span className="ml-num">03</span>Propriété intellectuelle</h3>
            <p>L'ensemble des éléments constituant ce site (textes, visuels, logos, images, structure, concept de « Marque Mémoire », framework TAPI et tout autre contenu) est la propriété exclusive de Kaboom Kitchen ou de ses partenaires, et est protégé par les dispositions du Code de la propriété intellectuelle ainsi que par les conventions internationales applicables.</p>
            <p>Toute reproduction, représentation, modification, publication, transmission ou adaptation de tout ou partie des éléments du site, par quelque moyen et sur quelque support que ce soit, est interdite sans l'autorisation écrite préalable de Kaboom Kitchen.</p>
            <p>Toute exploitation non autorisée constitue une contrefaçon et est susceptible d'engager la responsabilité civile et pénale de son auteur, conformément aux articles L. 335-2 et suivants du Code de la propriété intellectuelle.</p>
          </div>

          <div className="ml-section">
            <h3 className="ml-section-h"><span className="ml-num">04</span>Liens hypertextes</h3>
            <p><strong>Liens vers des sites tiers</strong></p>
            <p>Le site peut contenir des liens hypertextes vers des sites tiers. Kaboom Kitchen n'exerce aucun contrôle sur ces sites et décline toute responsabilité quant à leur contenu, leurs pratiques en matière de données personnelles ou leur disponibilité.</p>
            <p><strong>Liens vers le présent site</strong></p>
            <p>La création de tout lien hypertexte pointant vers le site <a href="https://agence-memori.fr" target="_blank" rel="noopener">agence-memori.fr</a> est soumise à l'autorisation écrite préalable de Kaboom Kitchen.</p>
          </div>

          <div className="ml-section">
            <h3 className="ml-section-h"><span className="ml-num">05</span>Cookies</h3>
            <p>Le site <a href="https://agence-memori.fr" target="_blank" rel="noopener">agence-memori.fr</a> est susceptible d'utiliser des cookies techniques nécessaires à son bon fonctionnement, ainsi que des cookies analytiques destinés à mesurer l'audience du site.</p>
            <p>Lors de votre première visite, un bandeau d'information vous permet d'accepter ou de refuser les cookies non essentiels. Vous pouvez à tout moment modifier vos préférences via le lien « Gérer mes cookies » présent en bas de chaque page, ou via les paramètres de votre navigateur.</p>
          </div>

          <div className="ml-section">
            <h3 className="ml-section-h"><span className="ml-num">06</span>Limitation de responsabilité</h3>
            <p>Kaboom Kitchen s'efforce de maintenir les informations publiées sur le site à jour et exactes. Toutefois, Kaboom Kitchen ne peut garantir l'exactitude, l'exhaustivité ou la pertinence des informations diffusées sur ce site et décline toute responsabilité pour toute imprécision, inexactitude ou omission.</p>
            <p>Kaboom Kitchen ne saurait être tenu responsable des dommages directs ou indirects résultant de l'accès au site ou de l'utilisation des informations qui y sont publiées.</p>
          </div>

          <div className="ml-section">
            <h3 className="ml-section-h"><span className="ml-num">07</span>Droit applicable et juridiction compétente</h3>
            <p>Les présentes mentions légales sont régies par le droit français.</p>
            <p>En cas de litige relatif à l'interprétation ou à l'exécution des présentes, et à défaut de résolution amiable, les tribunaux compétents du ressort du siège social de Kaboom Kitchen seront seuls compétents.</p>
          </div>

          <div className="ml-footer">
            Dernière mise à jour : 05/05/2026
          </div>
        </div>
      </div>
    </div>
  );
}
Object.assign(window, { MentionsLegales });
