<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Lingoano Gizlilik Politikası - Kişisel verilerinizin nasıl korunduğu hakkında bilgi">
    <title data-lang="privacy-policy-title-page">Gizlilik Politikası - Lingoano</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
    <style>
        /* Resmi sayfa stilleri */
        .legal-content {
            max-width: 76%;
            margin: 0 0 0 12%;
            line-height: 1.6;
            color: var(--text-primary);
            padding: 0 1rem;
            box-sizing: border-box;
        }
        .legal-content h2 {
            color: var(--accent-color);
            border-bottom: 2px solid var(--accent-color);
            padding-bottom: 0.5rem;
            margin-top: 2rem;
            margin-bottom: 1rem;
        }
        .legal-content h3 {
            color: var(--text-primary);
            margin-top: 1.5rem;
            margin-bottom: 0.5rem;
        }
        .legal-content p {
            margin-bottom: 1rem;
            text-align: justify;
        }
        .legal-content ul {
            margin-bottom: 1rem;
            padding-left: 2rem;
        }
        .legal-content li {
            margin-bottom: 0.5rem;
        }
        .legal-content .highlight {
            background-color: rgba(var(--accent-color-rgb), 0.1);
            padding: 1rem;
            border-left: 4px solid var(--accent-color);
            margin: 1rem 0;
            border-radius: 4px;
            word-wrap: break-word;
            overflow-wrap: break-word;
        }
        .legal-content .important {
            font-weight: 600;
            color: var(--accent-color);
        }

        /* İletişim popup stilleri */
        .contact-popup {
            display: none;
            position: fixed;
            z-index: 1000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            backdrop-filter: blur(5px);
        }

        .contact-popup-content {
            background-color: var(--bg-primary);
            margin: 15% auto;
            padding: 2rem;
            border-radius: 10px;
            width: 90%;
            max-width: 500px;
            text-align: center;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
            border: 1px solid var(--border-color);
        }

        .contact-popup h2 {
            color: var(--accent-color);
            margin-bottom: 1rem;
        }

        .contact-popup p {
            margin-bottom: 1rem;
            color: var(--text-primary);
        }

        .contact-popup .email {
            font-weight: bold;
            color: var(--accent-color);
            font-size: 1.1rem;
        }

        .contact-popup .close {
            background-color: var(--accent-color);
            color: white;
            padding: 0.5rem 1.5rem;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 1rem;
            margin-top: 1rem;
        }

        .contact-popup .close:hover {
            background-color: var(--accent-hover);
        }

        /* Header ortalama stilleri */
        .header-content {
            text-align: center;
        }

        .header-logo {
            display: block;
            margin: 0 auto;
        }

        /* Container responsive düzenlemeleri */
        .container {
            max-width: 100%;
            margin: 0 auto;
            padding: 0 1rem;
            box-sizing: border-box;
        }

        @media (max-width: 768px) {
            .container {
                padding: 0 0.5rem;
            }
        }

        @media (max-width: 480px) {
            .container {
                padding: 0 0.3rem;
            }
        }

        /* Tüm metinleri ortala */
        .legal-content {
            text-align: center;
        }

        .legal-content h1,
        .legal-content h2,
        .legal-content h3,
        .legal-content p,
        .legal-content ul,
        .legal-content li {
            text-align: center;
        }

        .legal-content ul {
            list-style: none;
            padding: 0;
        }

        .legal-content li {
            margin-bottom: 0.5rem;
        }

        /* Mobil responsive tasarım */
        @media (max-width: 768px) {
            .legal-content {
                max-width: 95% !important;
                margin: 0 auto !important;
                padding: 0 1rem !important;
            }
            
            .legal-content h1 {
                font-size: 1.8rem !important;
            }
            
            .legal-content h2 {
                font-size: 1.4rem !important;
            }
            
            .legal-content h3 {
                font-size: 1.2rem !important;
            }
            
            .legal-content p {
                font-size: 0.95rem !important;
                text-align: left !important;
            }
            
            .legal-content ul {
                padding-left: 1rem !important;
            }
            
            .legal-content li {
                font-size: 0.95rem !important;
                text-align: left !important;
            }
            
            .highlight {
                margin: 1rem 0 !important;
                padding: 0.8rem !important;
            }
        }

        @media (max-width: 480px) {
            .legal-content {
                max-width: 98% !important;
                padding: 0 0.5rem !important;
            }
            
            .legal-content h1 {
                font-size: 1.6rem !important;
            }
            
            .legal-content h2 {
                font-size: 1.3rem !important;
            }
            
            .legal-content h3 {
                font-size: 1.1rem !important;
            }
            
            .legal-content p {
                font-size: 0.9rem !important;
            }
            
            .legal-content li {
                font-size: 0.9rem !important;
            }
            
            .highlight {
                padding: 0.6rem !important;
                margin: 0.8rem 0 !important;
            }
        }

        @media (max-width: 360px) {
            .legal-content {
                max-width: 100% !important;
                margin: 0 0.5rem !important;
                padding: 0 0.3rem !important;
            }
            
            .legal-content h1 {
                font-size: 1.5rem !important;
            }
            
            .legal-content h2 {
                font-size: 1.2rem !important;
            }
            
            .legal-content h3 {
                font-size: 1rem !important;
            }
            
            .legal-content p {
                font-size: 0.85rem !important;
            }
            
            .legal-content li {
                font-size: 0.85rem !important;
            }
        }

        /* Mobil responsive düzenlemeler */
        @media (max-width: 768px) {
            .legal-content {
                max-width: 90% !important;
                margin: 0 5% !important;
            }
        }

        @media (max-width: 480px) {
            .legal-content {
                max-width: 95% !important;
                margin: 0 2.5% !important;
            }
        }

        /* Footer mobil responsive */
        @media (max-width: 768px) {
            .footer > div {
                padding: 0.5rem 0.5rem !important;
            }
            
            .footer-links-container {
                gap: 0.5rem !important;
                padding: 0 0.5rem !important;
            }
            
            .footer-links-container .contact-btn,
            .footer-links-container .privacy-link,
            .footer-links-container .terms-link {
                font-size: 0.8rem !important;
            }
        }

        @media (max-width: 480px) {
            .footer > div {
                padding: 0.3rem 0.3rem !important;
            }
            
            .footer-links-container {
                gap: 0.3rem !important;
                padding: 0 0.3rem !important;
            }
            
            .footer-links-container .contact-btn,
            .footer-links-container .privacy-link,
            .footer-links-container .terms-link {
                font-size: 0.7rem !important;
            }
        }

        @media (max-width: 360px) {
            .footer > div {
                padding: 0.2rem 0.2rem !important;
            }
            
            .footer-links-container {
                gap: 0.2rem !important;
                padding: 0 0.2rem !important;
            }
            
            .footer-links-container .contact-btn,
            .footer-links-container .privacy-link,
            .footer-links-container .terms-link {
                font-size: 0.65rem !important;
            }
        }
    </style>
</head>
<body>
    <div class="menu-toggle" aria-label="Menüyü aç/kapat" data-lang="menu-toggle-label">
        <span></span>
        <span></span>
        <span></span>
    </div>

    <div class="theme-switcher" data-active="default" aria-label="Tema değiştirici" data-lang="theme-switcher-label">
        <div class="theme-track">
            <div class="theme-step" data-theme="default" title="Varsayılan Tema" data-lang="default-theme"></div>
            <div class="theme-step" data-theme="blue" title="Mavi Tema" data-lang="blue-theme"></div>
            <div class="theme-step" data-theme="purple" title="Mor Tema" data-lang="purple-theme"></div>
            <div class="theme-step" data-theme="green" title="Yeşil Tema" data-lang="green-theme"></div>
        </div>
        <div class="theme-indicator"></div>
        <div class="theme-preview" data-theme="default" title="Varsayılan Tema" data-lang="default-theme"></div>
        <div class="theme-preview" data-theme="blue" title="Mavi Tema" data-lang="blue-theme"></div>
        <div class="theme-preview" data-theme="purple" title="Mor Tema" data-lang="purple-theme"></div>
        <div class="theme-preview" data-theme="green" title="Yeşil Tema" data-lang="green-theme"></div>
    </div>

    <nav class="menu-container" role="navigation">
        <div class="language-selector">
            <select id="site-language-desktop" class="site-language-select">
                <option value="tr">🇹🇷 Türkçe</option>
                <option value="en">🇺🇸 English</option>
                <option value="de">🇩🇪 Deutsch</option>
                <option value="es">🇪🇸 Español</option>
                <option value="fr">🇫🇷 Français</option>
                <option value="ru">🇷🇺 Русский</option>
            </select>
        </div>
        <ul class="menu">
            <li><a href="anasayfa.html" data-lang="chat">Chat</a></li>
            <li><a href="hakkında.html" data-lang="about">Lingoano Hakkında</a></li>
            <li><a href="gunun-kelimesi.html" data-lang="word-of-day">Günün Kelimesi</a></li>
            <li><a href="dil-rehberleri.html" data-lang="language-guides">Dil Rehberleri</a></li>
            <li><a href="indir.html" data-lang="download">İndir</a></li>
            <li class="language-menu-item">
                <div class="language-selector">
                    <select id="site-language" class="site-language-select">
                        <option value="tr">🇹🇷 Türkçe</option>
                        <option value="en">🇺🇸 English</option>
                        <option value="de">🇩🇪 Deutsch</option>
                        <option value="es">🇪🇸 Español</option>
                        <option value="fr">🇫🇷 Français</option>
                        <option value="ru">🇷🇺 Русский</option>
                    </select>
                </div>
            </li>
        </ul>
    </nav>

    <main class="main-content">
        <div class="container">
            <header class="fade-in">
                <div class="header-content">
                    <a href="anasayfa.html" style="text-decoration: none; display: inline-block;">
                        <img src="logos/logo.png" alt="Logo" data-lang="logo-alt" class="header-logo" style="cursor: pointer;">
                    </a>
                    <h1 data-lang="privacy-policy">Gizlilik Politikası</h1>
                </div>
            </header>

            <section class="content-section fade-in legal-content">
                <p style="color: var(--text-secondary); margin-bottom: 2rem; text-align: center; font-style: italic;" data-lang="last-updated">Son güncelleme: 26 Ağustos 2025</p>

                <div class="highlight">
                    <p class="important" data-lang="privacy-notice">Bu Gizlilik Politikası, Lingoano platformunu kullanırken kişisel verilerinizin nasıl işlendiğini açıklar. Platformu kullanarak bu politikayı kabul etmiş sayılırsınız.</p>
                </div>

                <h2 data-lang="introduction">1. Giriş</h2>
                <p data-lang="introduction-content">Lingoano ("Lingoano", "biz" veya "Şirket") olarak kişisel verilerin korunmasını ve gizliliğinizi gözetmeyi taahhüt ederiz. İşbu Gizlilik Politikası, platformumuzu kullandığınızda hangi verilerin işlendiğini, bu verilerin hangi amaçlarla ve hangi hukuki sebeplere dayanarak işlendiğini, saklama sürelerini ve haklarınızı açıklar. Bu politika, KVKK (Kişisel Verilerin Korunması Kanunu) ve GDPR (Genel Veri Koruma Yönetmeliği) uyumluluğu sağlar.</p>

                <div class="highlight">
                    <p class="important" data-lang="anonymity-commitment">Lingoano, kullanıcı anonimliğini en üst düzeyde korumayı taahhüt eder. Platform, kişisel kimlik bilgileri talep etmez ve kullanıcıların gerçek kimliklerini paylaşmalarını gerektirmez.</p>
                </div>

                <h2 data-lang="information-collected">2. Topladığımız Bilgiler</h2>
                <h3 data-lang="personal-information">2.1 Kişisel Veriler</h3>
                <p data-lang="personal-information-content">Lingoano, kural olarak ad, soyad, e‑posta, telefon gibi kimliği belirli veya belirlenebilir gerçek kişiye ilişkin verileri talep etmez ve işlemez. Platform, anonim kullanım prensibi ile tasarlanmıştır.</p>

                <h3 data-lang="technical-information">2.2 Teknik/Çevrimiçi Tanımlayıcılar</h3>
                <p data-lang="technical-information-content">Hizmetin sunulması, güvenliğinin sağlanması ve performansın iyileştirilmesi amacıyla aşağıda sayılan teknik veriler işlenebilir:</p>
                <ul>
                    <li data-lang="browser-type">Tarayıcı türü ve sürümü</li>
                    <li data-lang="operating-system">İşletim sistemi ve cihaz bilgileri</li>
                    <li data-lang="ip-address">IP adresi (mümkün olduğunda maskeleme/anonimleştirme uygulanır)</li>
                    <li data-lang="page-views">Kullanım/etkileşim istatistikleri (toplu ve anonim)</li>
                    <li data-lang="session-data">Oturum verileri (geçici olarak)</li>
                    <li data-lang="preferences">Kullanıcı tercihleri (tema, dil seçimi)</li>
                </ul>

                <h3 data-lang="chat-data">2.3 Sohbet Verileri</h3>
                <p data-lang="chat-data-content">Platform üzerinden gerçekleştirilen sohbetlerde:</p>
                <ul>
                    <li data-lang="no-permanent-storage">Mesajlar kalıcı olarak saklanmaz</li>
                    <li data-lang="websocket-temporary">WebSocket protokolü kullanılan sohbetlerde mesajlar geçici olarak işlenir ve iletim amacıyla sunucudan geçebilir</li>
                    <li data-lang="session-only-data">Sohbet verileri yalnızca oturum süresince geçici olarak tutulur</li>
                    <li data-lang="no-chat-logs">Sohbet logları kalıcı olarak kaydedilmez</li>
                    <li data-lang="p2p-preference">Mümkün olduğunda peer-to-peer iletişim tercih edilir</li>
                </ul>

                <h2 data-lang="use-of-information">3. Bilgilerin Kullanımı</h2>
                <p data-lang="use-of-information-content">Toplanan/işlenen bilgiler, meşru menfaatler ile hizmetin ifası kapsamında ve aşağıdaki amaçlarla kullanılır:</p>
                <ul>
                    <li data-lang="improve-platform">Platform performansını iyileştirmek</li>
                    <li data-lang="resolve-issues">Teknik sorunları çözmek</li>
                    <li data-lang="enhance-experience">Kullanıcı deneyimini geliştirmek</li>
                    <li data-lang="ensure-security">Güvenliği sağlamak</li>
                    <li data-lang="match-users">Kullanıcı eşleştirme hizmetini sunmak</li>
                    <li data-lang="analytics">Platform kullanım analizi (anonim)</li>
                </ul>

                <h2 data-lang="information-sharing">4. Bilgi Paylaşımı</h2>
                <p data-lang="information-sharing-content">Lingoano, kullanıcı bilgilerini üçüncü kişilere satmaz ve pazarlama amacıyla paylaşmaz. Yalnızca kanuni yükümlülüklerin yerine getirilmesi ve yetkili makamların usulüne uygun taleplerinin karşılanması kapsamında zorunlu hallerde veri aktarımı yapılabilir. Platform, kullanıcı gizliliğini korumayı öncelik edinir.</p>

                <h2 data-lang="cookies-tracking">5. Çerezler ve İzleme</h2>
                <p data-lang="cookies-tracking-content">Hizmetin çalışması için zorunlu çerezler ile tercih çerezleri kullanılabilir. Reklam/izleme çerezleri bu sürümde devre dışıdır; kişiselleştirilmiş reklam sunulmamaktadır.</p>
                <ul>
                    <li data-lang="store-theme">Tema tercihlerinizi saklar</li>
                    <li data-lang="remember-language">Dil seçiminizi hatırlar</li>
                    <li data-lang="session-info">Oturum bilgilerinizi korur</li>
                    <li data-lang="essential-cookies">Zorunlu çerezler hizmet işlevselliği için gereklidir</li>
                    <li data-lang="preference-cookies">Tercih çerezleri kullanıcı deneyimini iyileştirir</li>
                </ul>

                <h2 data-lang="third-party-services">6. Üçüncü Taraf Hizmetler</h2>
                <p data-lang="third-party-services-content">Bu sürümde platformda herhangi bir reklam ağı etkin değildir. Üçüncü taraf reklam ve izleme çerezleri devre dışıdır. Zorunlu/tercih çerezleri yalnızca hizmet işlevselliği ve kullanıcı tercihlerini (tema, dil) sağlamak için kullanılır.</p>
                <ul>
                    <li data-lang="essential-cookies">Zorunlu çerezler hizmet işlevselliği için gereklidir</li>
                    <li data-lang="preference-cookies">Tercih çerezleri kullanıcı deneyimini iyileştirir</li>
                </ul>

                <h2 data-lang="data-security">7. Veri Güvenliği</h2>
                <p data-lang="data-security-content">Lingoano, veri güvenliğini sağlamak için makul düzeyde teknik ve idari tedbirler uygular:</p>
                <ul>
                    <li data-lang="use-ipfs">Mümkün olduğunda uçtan uca/peer‑to‑peer iletişim (ör. WebRTC, IPFS) tercih edilir; mümkün olmazsa WebSocket üzerinden geçici işleme yapılabilir</li>
                    <li data-lang="encrypted-communication">Aktarım sırasında şifreleme kullanılır</li>
                    <li data-lang="no-data-storage">İçerik saklama yapılmaz; zorunlu günlükler minimaldir</li>
                    <li data-lang="regular-updates">Bileşenler düzenli olarak güncellenir</li>
                    <li data-lang="access-controls">Erişim kontrolleri uygulanır</li>
                    <li data-lang="security-audits">Güvenlik denetimleri yapılır</li>
                </ul>

                <h3 data-lang="chat-security">7.1 Sohbet Güvenliği</h3>
                <p data-lang="chat-security-content">Sohbet güvenliği için alınan önlemler:</p>
                <ul>
                    <li data-lang="end-to-end-encryption">Mümkün olduğunda uçtan uca şifreleme</li>
                    <li data-lang="temporary-messages">Mesajlar geçici olarak işlenir</li>
                    <li data-lang="no-server-storage">Sunucuda kalıcı mesaj saklanmaz</li>
                    <li data-lang="secure-protocols">Güvenli protokoller kullanılır</li>
                    <li data-lang="session-timeout">Oturum zaman aşımı uygulanır</li>
                </ul>

                <h2 data-lang="data-retention">8. Veri Saklama Süreleri</h2>
                <p data-lang="data-retention-content">Lingoano, minimal veri saklama prensibi ile çalışır:</p>
                <ul>
                    <li data-lang="session-data-retention">Oturum verileri: Oturum süresince</li>
                    <li data-lang="chat-data-retention">Sohbet verileri: Oturum süresince (kalıcı saklanmaz)</li>
                    <li data-lang="analytics-retention">Analitik veriler: 12 ay (anonim)</li>
                    <li data-lang="preferences-retention">Kullanıcı tercihleri: 2 yıl</li>
                    <li data-lang="log-retention">Güvenlik logları: 30 gün</li>
                    <li data-lang="legal-retention">Yasal zorunluluklar: Yasal gereklilik süresince</li>
                </ul>

                <h2 data-lang="user-rights">9. Kullanıcı Hakları</h2>
                <p data-lang="user-rights-content">Uygulanabilir mevzuat kapsamında kullanıcılarımız aşağıdaki haklara sahiptir:</p>
                <ul>
                    <li data-lang="access-data">Kişisel verilerinize erişim</li>
                    <li data-lang="correct-data">Verilerinizin düzeltilmesi</li>
                    <li data-lang="delete-data">Verilerinizin silinmesi</li>
                    <li data-lang="object-processing">Veri işlemeye itiraz</li>
                    <li data-lang="data-portability">Veri taşınabilirliği</li>
                    <li data-lang="withdraw-consent">Rıza geri çekme</li>
                    <li data-lang="complaint-right">Şikayet hakkı</li>
                </ul>

                <h3 data-lang="rights-exercise">8.1 Hakların Kullanımı</h3>
                <p data-lang="rights-exercise-content">Haklarınızı kullanmak için:</p>
                <ul>
                    <li data-lang="contact-privacy">contact@lingoano.com adresine e-posta gönderin</li>
                    <li data-lang="response-time">Yanıt süresi: 30 gün içinde</li>
                    <li data-lang="free-service">Hizmet ücretsizdir</li>
                    <li data-lang="identity-verification">Kimlik doğrulaması gerekebilir</li>
                </ul>

                <h2 data-lang="children-privacy">10. Çocukların Gizliliği</h2>
                <p data-lang="children-privacy-content">Lingoano 13 yaş altına yönelik değildir. 13 yaş altından bilerek veri toplanmaz; yanlışlıkla toplandığının anlaşılması halinde makul süre içinde silinir. Platform, COPPA (Children's Online Privacy Protection Act) uyumluluğu sağlar.</p>

                <h2 data-lang="international-transfers">11. Uluslararası Veri Aktarımları</h2>
                <p data-lang="international-transfers-content">Platform, küresel kullanıcılara hizmet vermektedir. Veri aktarımları, uygun güvenlik önlemleri ile gerçekleştirilir. Üçüncü taraf hizmet sağlayıcıları, yeterli koruma seviyesi sağlayan ülkelerde bulunur.</p>

                <h2 data-lang="policy-changes">12. Politika Değişiklikleri</h2>
                <p data-lang="policy-changes-content">İşbu Gizlilik Politikası zaman zaman güncellenebilir. Esaslı değişikliklerde yürürlük tarihi güncellenir ve makul yöntemlerle bilgilendirme yapılır. Değişiklikler, yayınlandığı tarihten itibaren geçerli olacaktır.</p>

                <h2 data-lang="contact-section">13. İletişim</h2>
                <p data-lang="contact-content">Bu Gizlilik Politikası hakkında sorularınızı aşağıdaki kanallardan iletebilirsiniz:</p>
                <ul>
                    <li data-lang="privacy-email">E‑posta: contact@lingoano.com</li>
                    <li data-lang="github">GitHub: <a href="https://github.com/AhmetEfeYSR" target="_blank" rel="noopener noreferrer">https://github.com/AhmetEfeYSR</a></li>
                    <li data-lang="response-time">Yanıt süresi: 48 saat içinde</li>
                    <li data-lang="data-protection-officer">Veri Koruma Sorumlusu: contact@lingoano.com</li>
                </ul>

                <div class="highlight">
                    <p class="important" data-lang="privacy-commitment">Lingoano, kullanıcı gizliliğini korumayı en önemli önceliği olarak görür. Bu politika, şeffaflık ve güven ilkeleri doğrultusunda hazırlanmıştır.</p>
                </div>
            </section>
        </div>
    </main>

    <!-- İletişim Popup -->
    <div id="contact-popup" class="contact-popup">
        <div class="contact-popup-content">
            <h2 data-lang="contact-us">Bizimle İletişime Geçin</h2>
            <p data-lang="contact-description">Sorularınız, önerileriniz veya geri bildirimleriniz için bizimle iletişime geçebilirsiniz.</p>
            <p class="email" data-lang="contact-email">E-posta: contact@lingoano.com</p>
            <p data-lang="contact-response">Yanıt süresi: 24-48 saat içinde</p>
            <button class="close" onclick="closeContactPopup()" data-lang="close">Kapat</button>
        </div>
    </div>

            <footer class="footer" style="background: var(--accent-bg); width: 100%; margin: 0; padding: 0;">
            <div style="display: flex; flex-direction: column; align-items: center; max-width: 100%; margin: 0 auto; padding: 0.5rem 1rem; gap: 0.5rem; box-sizing: border-box;">
            <a href="https://github.com/AhmetEfeYSR" target="_blank" rel="noopener noreferrer" aria-label="GitHub profilini ziyaret et">
                <img src="https://cdn0.iconfinder.com/data/icons/shift-logotypes/32/Github-512.png" alt="GitHub" class="github-logo">
            </a>
                            <div class="footer-links-container" style="display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; padding: 0 1rem !important; gap: 0 !important; flex-wrap: nowrap !important; white-space: nowrap !important; position: relative !important;">
                    <a href="gizlilik-politikasi.html" class="privacy-link" style="color: var(--text-secondary); text-decoration: none; font-size: 0.9rem; text-align: center !important; margin: 0 !important; flex: 0 0 auto !important;" data-lang="privacy-policy">Gizlilik Politikası</a>
                    <button id="contact-btn" class="contact-btn" style="color: var(--text-secondary); text-decoration: none; font-size: 0.9rem; background: none; border: none; cursor: pointer; flex: 0 0 auto !important; text-align: center !important; margin: 0 !important; position: absolute !important; left: 50% !important; transform: translateX(-50%) !important; z-index: 10 !important;" data-lang="contactfooter">İletişim</button>
                    <a href="kullanim-sartlari.html" class="terms-link" style="color: var(--text-secondary); text-decoration: none; font-size: 0.9rem; text-align: center !important; margin: 0 !important; flex: 0 0 auto !important;" data-lang="terms-of-service">Kullanım Şartları</a>
                </div>
        </div>
    </footer>

    <script src="script/translations2.js"></script>
    <script src="script/js.js"></script>
    <script src="script/dictionary-widget.js"></script>
    <script>
        // İletişim popup fonksiyonları
        document.getElementById('contact-btn').addEventListener('click', function() {
            document.getElementById('contact-popup').style.display = 'block';
        });

        function closeContactPopup() {
            document.getElementById('contact-popup').style.display = 'none';
        }

        // Popup dışına tıklandığında kapatma
        document.getElementById('contact-popup').addEventListener('click', function(e) {
            if (e.target === this) {
                closeContactPopup();
            }
        });

        // ESC tuşu ile kapatma
        document.addEventListener('keydown', function(e) {
            if (e.key === 'Escape') {
                closeContactPopup();
            }
        });
    </script>
</body>
</html>
