import LegalLayout from './LegalLayout'

export default function CookiePolicy() {
  return (
    <LegalLayout title="Cookie Policy" updated="1 aprile 2026">

      <Section title="1. Cosa sono i cookie">
        <p>
          I cookie sono piccoli file di testo che vengono salvati sul tuo dispositivo quando visiti
          un sito web. Consentono al sito di ricordare le tue azioni e preferenze nel tempo,
          migliorando la tua esperienza di navigazione.
        </p>
      </Section>

      <Section title="2. Tipologie di cookie utilizzati">
        <table>
          <thead>
            <tr>
              <th>Nome</th>
              <th>Tipo</th>
              <th>Durata</th>
              <th>Finalità</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td><code>leopost_token</code></td>
              <td>Necessario</td>
              <td>7 giorni</td>
              <td>Token di autenticazione JWT. Mantiene la sessione attiva dopo il login.</td>
            </tr>
            <tr>
              <td><code>leopost_cookie_consent</code></td>
              <td>Necessario</td>
              <td>12 mesi</td>
              <td>Registra le tue preferenze di consenso sui cookie per non riproporre il banner.</td>
            </tr>
            <tr>
              <td><code>leopost_session</code></td>
              <td>Necessario</td>
              <td>Sessione</td>
              <td>Cookie di sessione per la sicurezza del form CSRF. Eliminato alla chiusura del browser.</td>
            </tr>
          </tbody>
        </table>

        <p style={{ marginTop: '1.25rem' }}>
          Al momento Leopost <strong>non utilizza cookie analitici o di marketing di terze parti</strong>.
          Se in futuro venissero introdotti (es. Google Analytics), questa policy verrà aggiornata
          e ti verrà richiesto un nuovo consenso.
        </p>
      </Section>

      <Section title="3. Cookie di terze parti">
        <p>
          Se accedi tramite <strong>Google OAuth</strong>, Google potrebbe impostare cookie propri
          sul tuo browser durante il processo di autenticazione. Questi cookie sono soggetti alla
          <a href="https://policies.google.com/privacy" target="_blank" rel="noreferrer"> Privacy Policy di Google</a>.
        </p>
        <p>
          Se colleghi account social (Facebook, Instagram, YouTube, TikTok) per la pubblicazione,
          le rispettive piattaforme potrebbero impostare cookie propri. Questi sono al di fuori
          del controllo di Leopost.
        </p>
      </Section>

      <Section title="4. Come gestire i cookie">
        <p>Puoi gestire le tue preferenze in qualsiasi momento tramite:</p>
        <ul>
          <li>
            <strong>Il banner cookie di Leopost</strong> — Clicca su "Gestisci preferenze" nel
            banner che appare al primo accesso, oppure cancella il cookie{' '}
            <code>leopost_cookie_consent</code> dal tuo browser per ripristinare le opzioni.
          </li>
          <li>
            <strong>Le impostazioni del browser</strong> — Puoi bloccare o cancellare tutti i cookie
            direttamente dalle impostazioni del tuo browser. Nota: disabilitare i cookie necessari
            potrebbe impedire l'accesso alla piattaforma.
          </li>
        </ul>
        <table style={{ marginTop: '1rem' }}>
          <thead>
            <tr><th>Browser</th><th>Come gestire i cookie</th></tr>
          </thead>
          <tbody>
            <tr><td>Chrome</td><td>Impostazioni → Privacy e sicurezza → Cookie e altri dati dei siti</td></tr>
            <tr><td>Firefox</td><td>Impostazioni → Privacy e sicurezza → Cookie e dati del sito</td></tr>
            <tr><td>Safari</td><td>Preferenze → Privacy → Gestisci dati dei siti web</td></tr>
            <tr><td>Edge</td><td>Impostazioni → Cookie e autorizzazioni del sito</td></tr>
          </tbody>
        </table>
      </Section>

      <Section title="5. Aggiornamenti a questa policy">
        <p>
          Questa Cookie Policy potrebbe essere aggiornata per riflettere modifiche al servizio
          o alla normativa applicabile. In caso di modifiche sostanziali, ti informeremo tramite
          email o con un avviso nella piattaforma.
        </p>
        <p>
          Per domande scrivi a <a href="mailto:info@leopost.it">info@leopost.it</a>.
        </p>
      </Section>

    </LegalLayout>
  )
}

function Section({ title, children }) {
  return (
    <section style={{ marginBottom: '2rem' }}>
      <h2 style={{
        fontFamily: "'Fraunces', serif",
        fontSize: '1.1rem',
        fontWeight: 600,
        color: '#1A1A1A',
        marginBottom: '0.75rem',
        paddingBottom: '0.5rem',
        borderBottom: '2px solid #E85A4F',
        display: 'inline-block',
      }}>
        {title}
      </h2>
      <div style={{ fontSize: '0.9rem', color: '#1A1A1A', lineHeight: 1.7 }}>
        {children}
      </div>
    </section>
  )
}