// MEMORI — Politique de Confidentialité (modal overlay)
function Confidentialite() {
  const [open, setOpen] = React.useState(false);

  React.useEffect(() => {
    const handler = () => setOpen(true);
    window.addEventListener('open-confidentialite', handler);
    return () => window.removeEventListener('open-confidentialite', 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="Politique de Confidentialité">

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

        {/* Body */}
        <div className="ml-body">
          <p className="ml-intro">
            Conformément au Règlement Général sur la Protection des Données (RGPD, UE 2016/679) et à la loi Informatique et Libertés du 6 janvier 1978 modifiée. Version en vigueur au 05/05/2026.
          </p>

          <div className="ml-section">
            <h3 className="ml-section-h"><span className="ml-num">01</span>Responsable du traitement</h3>
            <p>Le responsable du traitement des données personnelles collectées via le site <a href="https://agence-memori.fr" target="_blank" rel="noopener">agence-memori.fr</a> est :</p>
            <div className="ml-block">
              <p><strong>Kaboom Kitchen</strong></p>
              <p>Représentée par Marlet Kervolin</p>
              <p>21A rue des Ormes, 17290 Aigrefeuille-d'Aunis</p>
              <p>Email : <a href="mailto:marlet@agence-memori.fr">marlet@agence-memori.fr</a></p>
            </div>
            <p>Pour toute question relative à la protection de vos données personnelles, vous pouvez contacter directement Marlet Kervolin à l'adresse ci-dessus.</p>
          </div>

          <div className="ml-section">
            <h3 className="ml-section-h"><span className="ml-num">02</span>Données collectées et finalités</h3>
            <p>Kaboom Kitchen collecte uniquement les données strictement nécessaires à l'exécution de ses activités. Aucune donnée n'est collectée via des formulaires hébergés directement sur le site <a href="https://agence-memori.fr" target="_blank" rel="noopener">agence-memori.fr</a>. Les collectes s'effectuent via des outils tiers sécurisés, décrits ci-dessous.</p>
            <p><strong>2.1 Via Tally (formulaires Scan LinkedIn et Diagnostic Marque Mémoire)</strong></p>
            <p>Dans le cadre du Scan LinkedIn (gratuit) et du Diagnostic Marque Mémoire (payant), les données suivantes sont collectées :</p>
            <ul className="ml-list">
              <li>Nom et prénom</li>
              <li>Adresse email professionnelle</li>
              <li>Nom de l'entreprise</li>
              <li>Poste occupé</li>
              <li>URL du profil LinkedIn</li>
              <li>Objectifs business déclarés</li>
            </ul>
            <p>Ces données sont collectées sur la base du consentement (Scan LinkedIn) et de l'exécution du contrat (Diagnostic Marque Mémoire), aux fins d'analyse de la marque personnelle du Client et de production du livrable commandé.</p>
            <p><strong>2.2 Via Calendly (prise de rendez-vous)</strong></p>
            <p>Lors de la prise de rendez-vous, Calendly collecte les données nécessaires à la planification de l'échange, notamment le nom, l'adresse email et les disponibilités du prospect ou du client. Ces données sont traitées par Calendly pour le compte de Kaboom Kitchen, sur la base de l'intérêt légitime du Prestataire à organiser ses rendez-vous professionnels.</p>
            <p><strong>2.3 Via Stripe (paiement du Diagnostic Marque Mémoire)</strong></p>
            <p>Le paiement du Diagnostic Marque Mémoire est traité par Stripe. Kaboom Kitchen ne collecte ni ne stocke aucune donnée bancaire. Les données de paiement sont traitées directement et exclusivement par Stripe, qui agit en qualité de responsable de traitement indépendant pour cette opération. Stripe est certifié PCI-DSS niveau 1. Pour plus d'informations : <a href="https://stripe.com/fr/privacy" target="_blank" rel="noopener">stripe.com/fr/privacy</a>.</p>
            <p><strong>2.4 Via Kit (newsletter)</strong></p>
            <p>Les personnes souhaitant recevoir la newsletter de MEMORI communiquent leur adresse email via un formulaire dédié. Cette collecte repose sur le consentement explicite de la personne concernée. Chaque email contient un lien de désabonnement permettant de retirer ce consentement à tout moment.</p>
            <p><strong>2.5 Dans le cadre d'une prestation</strong></p>
            <p>Dans le cadre de l'exécution d'un accompagnement, Kaboom Kitchen est amenée à collecter et traiter des informations professionnelles détaillées (parcours, expertise, valeurs, éléments de vie personnelle partagés volontairement), des échanges écrits (emails, messagerie), ainsi que des notes ou enregistrements issus d'interviews réalisés avec l'accord exprès du Client. Ces données sont traitées sur la base de l'exécution du contrat.</p>
            <p><strong>2.6 Données de navigation</strong></p>
            <p>Le site <a href="https://agence-memori.fr" target="_blank" rel="noopener">agence-memori.fr</a> peut collecter automatiquement des données de navigation (adresse IP, pages visitées, durée de session) via des cookies techniques nécessaires au bon fonctionnement du site. Aucun outil d'analyse d'audience (tel que Google Analytics) n'est actif à ce jour.</p>
          </div>

          <div className="ml-section">
            <h3 className="ml-section-h"><span className="ml-num">03</span>Destinataires des données</h3>
            <p>Les données collectées sont destinées à Kaboom Kitchen et à ses sous-traitants techniques, dans le strict cadre de l'exécution des prestations. Ces sous-traitants sont :</p>
            <ul className="ml-list">
              <li><strong>Make</strong> : automatisation des workflows de traitement et de livraison</li>
              <li><strong>Anthropic (Claude API)</strong> : analyse et génération de contenu dans le cadre du Diagnostic Marque Mémoire</li>
              <li><strong>Google (Gmail, Google Drive, Google Docs)</strong> : communication, stockage et production des livrables</li>
              <li><strong>Tally</strong> : collecte des formulaires</li>
              <li><strong>Stripe</strong> : traitement des paiements</li>
              <li><strong>Notion</strong> : gestion de la relation client (CRM)</li>
              <li><strong>Calendly</strong> : prise de rendez-vous</li>
              <li><strong>Kit</strong> : envoi de la newsletter</li>
            </ul>
            <p>Tous ces sous-traitants sont contractuellement tenus de respecter la confidentialité et la sécurité des données qui leur sont confiées, et de ne les utiliser qu'aux fins pour lesquelles elles ont été transmises.</p>
            <p>Vos données ne sont jamais vendues, louées ni cédées à des tiers à des fins commerciales.</p>
          </div>

          <div className="ml-section">
            <h3 className="ml-section-h"><span className="ml-num">04</span>Transferts hors Union Européenne</h3>
            <p>Certains des outils utilisés (Anthropic, Stripe, Calendly, Kit, Notion) hébergent ou traitent des données en dehors de l'Union Européenne, notamment aux États-Unis. Ces transferts sont encadrés par des garanties appropriées, notamment les clauses contractuelles types adoptées par la Commission Européenne, conformément à l'article 46 du RGPD.</p>
          </div>

          <div className="ml-section">
            <h3 className="ml-section-h"><span className="ml-num">05</span>Durée de conservation</h3>
            <p>Les données sont conservées pour les durées suivantes :</p>
            <ul className="ml-list">
              <li>Prospects n'ayant pas donné suite : 3 ans à compter du dernier contact</li>
              <li>Clients actifs : durée du contrat, puis 3 ans à compter de son terme</li>
              <li>Données de facturation : 10 ans à compter de la date d'émission de la facture (obligation légale)</li>
              <li>Abonnés à la newsletter : jusqu'au désabonnement, puis suppression dans un délai de 30 jours</li>
              <li>Enregistrements d'interviews : durée de la mission, puis suppression dans un délai de 30 jours suivant la fin du contrat</li>
              <li>Données de paiement Stripe : conservées par Stripe selon ses propres règles de conservation, consultables sur <a href="https://stripe.com/fr/privacy" target="_blank" rel="noopener">stripe.com/fr/privacy</a></li>
              <li>Cookies techniques : 13 mois maximum</li>
            </ul>
          </div>

          <div className="ml-section">
            <h3 className="ml-section-h"><span className="ml-num">06</span>Vos droits</h3>
            <p>Conformément au RGPD, vous disposez des droits suivants sur vos données personnelles :</p>
            <ul className="ml-list">
              <li><strong>Droit d'accès :</strong> obtenir la confirmation que des données vous concernant sont traitées, et en recevoir une copie</li>
              <li><strong>Droit de rectification :</strong> demander la correction de données inexactes ou incomplètes</li>
              <li><strong>Droit à l'effacement :</strong> demander la suppression de vos données, dans les limites des obligations légales de conservation</li>
              <li><strong>Droit à la limitation du traitement :</strong> demander la suspension temporaire du traitement de vos données</li>
              <li><strong>Droit à la portabilité :</strong> recevoir vos données dans un format structuré, couramment utilisé et lisible par machine</li>
              <li><strong>Droit d'opposition :</strong> vous opposer à un traitement fondé sur l'intérêt légitime du Prestataire</li>
              <li><strong>Droit de retrait du consentement :</strong> retirer à tout moment un consentement préalablement donné, sans que cela remette en cause la licéité des traitements effectués avant ce retrait</li>
            </ul>
            <p>Pour exercer l'un de ces droits, adressez votre demande par email à : <a href="mailto:marlet@agence-memori.fr">marlet@agence-memori.fr</a></p>
            <p>Kaboom Kitchen s'engage à répondre dans un délai de 30 jours calendaires à compter de la réception de votre demande. En cas de demande complexe ou multiple, ce délai peut être prolongé de 2 mois supplémentaires, avec information préalable de la personne concernée.</p>
            <p>Si vous estimez que vos droits ne sont pas respectés après avoir contacté Kaboom Kitchen, vous disposez du droit d'introduire une réclamation auprès de la Commission Nationale de l'Informatique et des Libertés (CNIL) : <a href="https://www.cnil.fr" target="_blank" rel="noopener">www.cnil.fr</a></p>
          </div>

          <div className="ml-section">
            <h3 className="ml-section-h"><span className="ml-num">07</span>Sécurité des données</h3>
            <p>Kaboom Kitchen met en œuvre les mesures techniques et organisationnelles appropriées pour protéger vos données contre tout accès non autorisé, perte, altération, divulgation ou destruction, notamment :</p>
            <ul className="ml-list">
              <li>Accès aux données restreint aux seules personnes habilitées</li>
              <li>Transmission des données chiffrée via protocole HTTPS</li>
              <li>Utilisation d'outils et de services à jour et reconnus pour leur niveau de sécurité</li>
              <li>Sauvegardes régulières des données stockées</li>
            </ul>
          </div>

          <div className="ml-section">
            <h3 className="ml-section-h"><span className="ml-num">08</span>Cookies</h3>
            <p>Le site <a href="https://agence-memori.fr" target="_blank" rel="noopener">agence-memori.fr</a> utilise uniquement des cookies techniques strictement nécessaires à son bon fonctionnement. Ces cookies ne nécessitent pas votre consentement préalable conformément à la recommandation de la CNIL.</p>
            <p>Aucun cookie analytique, publicitaire ou de personnalisation n'est déposé à ce jour. Si des cookies non essentiels venaient à être utilisés, la présente politique serait mise à jour et un bandeau de consentement vous serait présenté lors de votre première visite.</p>
            <p>Vous pouvez à tout moment configurer votre navigateur pour bloquer ou supprimer les cookies. Cette action peut affecter le bon fonctionnement de certaines fonctionnalités du site.</p>
          </div>

          <div className="ml-section">
            <h3 className="ml-section-h"><span className="ml-num">09</span>Modifications de la politique de confidentialité</h3>
            <p>Kaboom Kitchen se réserve le droit de modifier la présente politique à tout moment, notamment pour se conformer à toute évolution légale, réglementaire ou technique.</p>
            <p>La version en vigueur est celle publiée sur le site <a href="https://agence-memori.fr" target="_blank" rel="noopener">agence-memori.fr</a>. En cas de modification substantielle, les utilisateurs enregistrés en seront informés par email dans un délai raisonnable avant l'entrée en vigueur des modifications.</p>
          </div>

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