/* — GENEL CSS STİLLERİ — */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: ‘Segoe UI’, Roboto, Helvetica, Arial, sans-serif;
/* Arka Plan Görseli */
background-image: url(‘https://i.ibb.co/fzby5hFq/Gemini-Generated-Image-pkmnc8pkmnc8pkmn.png’);
background-size: cover; background-position: center center; background-attachment: fixed;
background-color: #121212; color: #e0e0e0; line-height: 1.6;
transition: all 0.3s ease; /* Dil geçişi yumuşatma */
}
a { text-decoration: none; color: #ff4d4d; transition: color 0.3s ease; }
a:hover { color: #ffffff; text-shadow: 0 0 10px rgba(255, 77, 77, 0.8); }
:root { –primary-red: #d32f2f; –accent-red: #ff4d4d; –dark-bg: rgba(18, 18, 18, 0.85); –section-bg: rgba(30, 30, 30, 0.85); –text-light: #e0e0e0; }

/* Hero (Üst Başlık) Alanı */
.hero { background-color: transparent; background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8)); height: 80vh; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 20px; border-bottom: 5px solid var(–primary-red); position: relative; }
.hero h1 { font-size: 3.5rem; text-transform: uppercase; font-weight: 900; color: #fff; text-shadow: 2px 2px 10px rgba(211, 47, 47, 0.7); margin-bottom: 20px; line-height: 1.2; }
.hero h1 span.highlight { color: var(–accent-red); display: block; }
.hero p { font-size: 1.5rem; max-width: 800px; margin-bottom: 40px; font-weight: 300; }
.btn { display: inline-block; padding: 15px 40px; background-color: var(–primary-red); color: white; font-weight: bold; text-transform: uppercase; border-radius: 5px; border: 2px solid var(–primary-red); transition: all 0.3s; }
.btn:hover { background-color: transparent; color: var(–accent-red); }

/* Bölümler Genel */
section { padding: 60px 20px; }
.container { max-width: 1100px; margin: 0 auto; }
h2.section-title { font-size: 2.5rem; text-align: center; margin-bottom: 40px; position: relative; padding-bottom: 15px; }
h2.section-title::after { content: ”; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100px; height: 4px; background-color: var(–primary-red); }

/* Bildiri Alanı */
.statement { background-color: var(–section-bg); }
.statement-content { font-size: 1.2rem; text-align: left; }
.statement-content p { margin-bottom: 25px; }
.highlight-box { background-color: rgba(211, 47, 47, 0.1); border-left: 5px solid var(–primary-red); padding: 20px; margin: 30px 0; font-weight: bold; }

/* Haberler Alanı */
.news-feed { background-color: var(–dark-bg); }
.news-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
.news-card { background-color: var(–section-bg); padding: 25px; border-radius: 8px; border-bottom: 3px solid transparent; transition: border-color 0.3s; }
.news-card:hover { border-bottom-color: var(–accent-red); }
.news-date { display: block; font-size: 0.9rem; color: var(–accent-red); margin-bottom: 10px; font-weight: bold; }
.news-card h3 { font-size: 1.4rem; margin-bottom: 15px; }

/* Aksiyon Alanı */
.action-section { background-color: var(–primary-red); color: white; text-align: center; }
.action-section h2.section-title::after { background-color: white; }
.action-links { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 30px; }
.action-btn { padding: 15px 30px; background-color: white; color: var(–primary-red); font-weight: bold; border-radius: 50px; text-transform: uppercase; }
.action-btn:hover { background-color: #f0f0f0; color: black; }

/* Footer */
footer { background-color: rgba(10, 10, 10, 0.9); padding: 40px 20px; text-align: center; font-size: 0.9rem; color: #888; }
.hashtags { font-size: 1.2rem; color: var(–accent-red); margin-bottom: 20px; font-weight: bold; }
@media (max-width: 768px) { .hero h1 { font-size: 2.5rem; } .hero p { font-size: 1.2rem; } h2.section-title { font-size: 2rem; } }

/* — DİL DEĞİŞTİRİCİ VE ARAPÇA DESTEĞİ İÇİN CSS — */
.lang-switcher {
position: absolute;
top: 20px;
right: 20px;
z-index: 1000;
display: flex;
gap: 10px;
}
.lang-btn {
background: rgba(0,0,0,0.5);
border: 1px solid var(–primary-red);
color: var(–text-light);
padding: 5px 10px;
cursor: pointer;
font-weight: bold;
font-family: inherit;
transition: all 0.3s;
}
/* Aktif butonun ve üzerine gelinen butonun rengi */
.lang-btn:hover, .lang-btn.active {
background: var(–primary-red);
color: white;
}

/* Arapça (RTL – Sağdan Sola) Modu için Özel Ayarlar */
html[dir=”rtl”] .statement-content {
text-align: right;
}
html[dir=”rtl”] .highlight-box {
border-left: none;
border-right: 5px solid var(–primary-red);
}
html[dir=”rtl”] .lang-switcher {
right: auto;
left: 20px;
}
/* Mobil uyumluluk için dil değiştirici ayarı */
@media (max-width: 768px) {
.lang-switcher {
top: 10px;
right: 10px;
gap: 5px;
}
.lang-btn {
padding: 4px 8px;
font-size: 0.8rem;
}
}

// Çeviri Sözlüğü (JSON Verisi)
const translations = {
tr: {
hero_title_1: “Rojava Tehdit Altında”,
hero_title_2: “HTŞ ve Türkiye Devleti Destekli Çetelere Karşı Dur!”,
hero_desc: “Bölgedeki istikrarsızlaştırma girişimlerine, sivil halka yönelik tehditlere ve cihatçı grupların varlığına karşı başta uluslarası koalisyon ve uluslararası kamouyunun suskunluğu kabul edilemez. Bu sebeblerle Faşist Türk Devleti ve Jolani’nin çetelerine karşı sessiz kalındığı için bu site VXsect tarafından hacklenmiştir.”,
hero_btn: “Neden Protesto Ediyoruz?”,
statement_title: “Gerçeği Haykırıyoruz”,
statement_p1: “Kuzey ve Doğu Suriye (Rojava) toprakları, bir kez daha büyük bir tehdit ile karşı karşıya. Yıllardır süren savaşın ardından barış ve istikrar arayışında olan bölge halkları, yeniden radikal grupların ve onların destekçilerinin hedefi haline gelmiştir.”,
statement_highlight: “HTŞ (Heyet Tahrir el-Şam) gibi cihatçı örgütlerin alan kazanma girişimleri ve Türkiye destekli silahlı grupların bölgedeki saldırgan tutumları, sadece Rojava için değil, tüm bölgenin güvenliği için doğrudan bir tehdittir.”,
statement_p2: “Bu grupların varlığı, demografik yapının zorla değiştirilmesi, sivil halka yönelik hak ihlalleri ve yeni bir insani krizin kapısının aralanması demektir. Bizler, uluslararası kamuoyunu, insan hakları savunucularını ve vicdan sahibi herkesi bu saldırganlığa karşı durmaya çağırıyoruz.”,
statement_p3: “Rojava’daki demokratik kazanımların yok edilmesine ve bölgenin karanlık zihniyetli çetelerin insafına terk edilmesine izin vermeyeceğiz.”,
news_title: “Sahadan Gündem ve Tehditler”,
news_subtitle: “Bölgedeki son gelişmeler ve saldırı raporları.”,
news_badge_current: “GÜNCEL”,
news1_title: “HTŞ’nin İlerleme Girişimleri”,
news1_desc: “İdlib merkezli HTŞ gruplarının temas hatlarında hareketliliği ve sızma girişimleri bölge güvenliğini tehdit ediyor.”,
news2_title: “Sivil Yerleşimlere Saldırılar”,
news2_desc: “Türkiye destekli grupların kontrolündeki bölgelerden, Rojava’daki sivil yerleşim alanlarına yönelik topçu atışları ve saldırılar rapor ediliyor.”,
news_badge_report: “RAPOR”,
news3_title: “İnsan Hakları İhlalleri”,
news3_desc: “Çete gruplarının kontrol ettiği bölgelerde yaşanan kaçırma, fidye ve demografik değişim politikalarına dair uluslararası raporlar artıyor.”,
action_title: “Harekete Geç, Ses Ol!”,
action_desc: “Sessiz kalmak onaylamaktır. Bu durumu durdurmak için yapabileceklerin var.”,
btn_share: “Bu Sayfayı Paylaş”,
btn_call: “Uluslararası Çağrı Yap”,
btn_solidarity: “Dayanışma Göster”,
footer_hashtags: “#RojavaKazanacak”,
footer_hacked_msg: “VXSECT BU SİTEYİ UYARI NİTELİĞİ İLE HACKLEMİŞTİR. SERVERA ZARAR VERİLMEMİŞTİR”,
footer_disclaimer: “Yasal Uyarı: Bu sitedeki içerikler protesto ve bilgilendirme amaçlıdır.”
},
en: {
hero_title_1: “Rojava Under Threat”,
hero_title_2: “Stand Against HTS and Turkish State-Backed Gangs!”,
hero_desc: “The silence of the international coalition and public opinion against destabilization attempts in the region, threats against civilians, and the presence of jihadist groups is unacceptable. For these reasons, because of the silence against the Fascist Turkish State and Jolani’s gangs, this site has been hacked by VXsect.”,
hero_btn: “Why Are We Protesting?”,
statement_title: “We Shout the Truth”,
statement_p1: “The lands of North and East Syria (Rojava) face a major threat once again. After years of war, the peoples of the region seeking peace and stability have again become targets of radical groups and their backers.”,
statement_highlight: “Attempts by jihadist organizations like HTS (Hay’at Tahrir al-Sham) to gain territory and the aggressive stance of Turkish-backed armed groups in the region are a direct threat not only to Rojava but to the security of the entire region.”,
statement_p2: “The presence of these groups means forced demographic change, human rights violations against civilians, and opening the door to a new humanitarian crisis. We call on the international community, human rights defenders, and everyone with a conscience to stand against this aggression.”,
statement_p3: “We will not allow the democratic gains in Rojava to be destroyed and the region abandoned to the mercy of dark-minded gangs.”,
news_title: “Agenda and Threats from the Field”,
news_subtitle: “Latest developments and attack reports from the region.”,
news_badge_current: “CURRENT”,
news1_title: “HTS Advancement Attempts”,
news1_desc: “Activity and infiltration attempts by Idlib-based HTS groups on contact lines threaten regional security.”,
news2_title: “Attacks on Civilian Settlements”,
news2_desc: “Artillery fire and attacks targeting civilian settlements in Rojava are reported from regions under the control of Turkish-backed groups.”,
news_badge_report: “REPORT”,
news3_title: “Human Rights Violations”,
news3_desc: “International reports on kidnapping, ransom, and demographic change policies in regions controlled by gang groups are increasing.”,
action_title: “Take Action, Be a Voice!”,
action_desc: “To remain silent is to approve. There are things you can do to stop this situation.”,
btn_share: “Share This Page”,
btn_call: “Make an International Call”,
btn_solidarity: “Show Solidarity”,
footer_hashtags: “#RojavaWillWin”,
footer_hacked_msg: “VXSECT HACKED THIS SITE AS A WARNING. NO DAMAGE WAS DONE TO THE SERVER.”,
footer_disclaimer: “Legal Notice: The contents of this site are for protest and informational purposes.”
},
ku: {
hero_title_1: “Rojava di Bin Gefan de ye”,
hero_title_2: “Li Dijî HTŞ û Çeteyên Dewleta Tirk Bisekinin!”,
hero_desc: “Bêdengiya koalisyona navneteweyî û raya giştî ya li hemberî hewldanên bêîstîqrarkirina herêmê, gefên li ser sivîlan û hebûna komên cîhadî nayê qebûlkirin. Ji ber van sedeman, ji ber ku li hemberî Dewleta Tirk a Faşîst û çeteyên Colanî bêdeng man, ev malper ji aliyê VXsect ve hatiye hackkirin.”,
hero_btn: “Çima Em Protesto Dikin?”,
statement_title: “Em Rastiyê Diqîrin”,
statement_p1: “Xaka Bakur û Rojhilatê Sûriyê (Rojava), careke din bi gefeke mezin re rû bi rû ye. Piştî şerê bi salan, gelên herêmê yên ku li aştî û îstîqrarê digerin, dîsa bûn hedefa komên radîkal û piştgirên wan.”,
statement_highlight: “Hewldanên rêxistinên cîhadî yên wekî HTŞ (Heyet Tehrîr el-Şam) ji bo bidestxistina qadan û helwesta êrîşkar a komên çekdar ên bi piştgiriya Tirkiyê li herêmê, ne tenê ji bo Rojava, ji bo ewlehiya hemû herêmê gefeke rasterast e.”,
statement_p2: “Hebûna van koman tê wateya guhertina demografîk a bi zorê, binpêkirina mafên mirovan li dijî sivîlan û vekirina deriyê krîzeke nû ya mirovî. Em bang li raya giştî ya navneteweyî, parêzvanên mafên mirovan û her kesê xwedî wîjdan dikin ku li dijî vê êrîşkariyê bisekinin.”,
statement_p3: “Em destûr nadin ku destkeftiyên demokratîk ên li Rojava bên tunekirin û herêm ji insafa çeteyên xwedî zîhniyeta tarî re bê hiştin.”,
news_title: “Rojev û Gefên li Qadê”,
news_subtitle: “Pêşketinên dawî û raporên êrîşan ji herêmê.”,
news_badge_current: “ROJEV”,
news1_title: “Hewldanên Pêşdeçûna HTŞ”,
news1_desc: “Tevger û hewldanên sîzînê yên komên HTŞ ên navend Îdlib li ser xetên temasê ewlehiya herêmê tehdît dike.”,
news2_title: “Êrîşên li ser Niştecihên Sivîl”,
news2_desc: “Ji herêmên di bin kontrola komên bi piştgiriya Tirkiyê de, atîşên topçû û êrîşên li ser qadên niştecihbûna sivîl ên li Rojava tên raporkirin.”,
news_badge_report: “RAPOR”,
news3_title: “Binpêkirinên Mafên Mirovan”,
news3_desc: “Raporên navneteweyî yên derbarê revandin, fîdye û polîtîkayên guhertina demografîk li herêmên di bin kontrola komên çete de zêde dibin.”,
action_title: “Tevbigere, Bibe Deng!”,
action_desc: “Bêdeng man erêkirin e. Tiştên ku tu dikarî bikî hene ji bo rawestandina vê rewşê.”,
btn_share: “Vê Rûpelê Parve Bike”,
btn_call: “Banga Navneteweyî Bike”,
btn_solidarity: “Piştgiriyê Nîşan Bide”,
footer_hashtags: “#RojavaWêSerbikeve”,
footer_hacked_msg: “VXSECT EV MALPER WEKÎ HIŞYARÎ HACK KIR. ZIRAR NEDAYE SERVERÊ.”,
footer_disclaimer: “Hişyariya Yasayî: Naveroka vê malperê ji bo armancên protesto û agahdarkirinê ye.”
},
ar: {
hero_title_1: “روج آفا تحت التهديد”,
hero_title_2: “قفوا ضد هيئة تحرير الشام والعصابات المدعومة من الدولة التركية!”,
hero_desc: “صمت التحالف الدولي والرأي العام إزاء محاولات زعزعة الاستقرار في المنطقة، والتهديدات ضد المدنيين، ووجود الجماعات الجهادية أمر غير مقبول. ولهذه الأسباب، وبسبب الصمت تجاه الدولة التركية الفاشية وعصابات الجولاني، تم اختراق هذا الموقع من قبل VXsect.”,
hero_btn: “لماذا نحتج؟”,
statement_title: “نصرخ بالحقيقة”,
statement_p1: “تواجه أراضي شمال وشرق سوريا (روج آفا) تهديداً كبيراً مرة أخرى. بعد سنوات من الحرب، أصبحت شعوب المنطقة التي تسعى للسلام والاستقرار هدفاً للجماعات المتطرفة وداعميها من جديد.”,
statement_highlight: “إن محاولات التنظيمات الجهادية مثل هيئة تحرير الشام لكسب مناطق، والموقف العدواني للجماعات المسلحة المدعومة من تركيا في المنطقة، تشكل تهديداً مباشراً ليس فقط لروج آفا، بل لأمن المنطقة بأكملها.”,
statement_p2: “وجود هذه الجماعات يعني التغيير الديموغرافي القسري، وانتهاكات حقوق الإنسان ضد المدنيين، وفتح الباب أمام أزمة إنسانية جديدة. ندعو المجتمع الدولي والمدافعين عن حقوق الإنسان وكل صاحب ضمير للوقوف ضد هذا العدوان.”,
statement_p3: “لن نسمح بتدمير المكتسبات الديمقراطية في روج آفا وترك المنطقة تحت رحمة عصابات ذات عقلية مظلمة.”,
news_title: “الأجندة والتهديدات من الميدان”,
news_subtitle: “آخر التطورات وتقارير الهجمات من المنطقة.”,
news_badge_current: “جارٍ”,
news1_title: “محاولات تقدم هيئة تحرير الشام”,
news1_desc: “تحركات ومحاولات تسلل مجموعات هيئة تحرير الشام المتمركزة في إدلب على خطوط التماس تهدد أمن المنطقة.”,
news2_title: “هجمات على المستوطنات المدنية”,
news2_desc: “يتم الإبلاغ عن قصف مدفعي وهجمات تستهدف مناطق سكنية مدنية في روج آفا من المناطق الخاضعة لسيطرة الجماعات المدعومة من تركيا.”,
news_badge_report: “تقرير”,
news3_title: “انتهاكات حقوق الإنسان”,
news3_desc: “تتزايد التقارير الدولية حول عمليات الخطف والفدية وسياسات التغيير الديموغرافي في المناطق التي تسيطر عليها مجموعات العصابات.”,
action_title: “تحرك، كن صوتاً!”,
action_desc: “البقاء صامتاً هو موافقة. هناك أشياء يمكنك القيام بها لوقف هذا الوضع.”,
btn_share: “شارك هذه الصفحة”,
btn_call: “قم بنداء دولي”,
btn_solidarity: “أظهر التضامن”,
footer_hashtags: “#روج_آفا_ستنتصر”,
footer_hacked_msg: “قام VXSECT باختراق هذا الموقع كتحذير. لم يتم إلحاق أي ضرر بالخادم.”,
footer_disclaimer: “إشعار قانوني: محتويات هذا الموقع هي لأغراض الاحتجاج والإعلام.”
}
};

// Dil Değiştirme Fonksiyonu (DÜZELTİLDİ: clickedBtn parametresi eklendi)
function setLanguage(lang, clickedBtn) {
// 1. Sayfanın dilini ve yönünü (RTL/LTR) ayarla
const htmlTag = document.documentElement;
htmlTag.setAttribute(‘lang’, lang);
if (lang === ‘ar’) {
htmlTag.setAttribute(‘dir’, ‘rtl’);
} else {
htmlTag.setAttribute(‘dir’, ‘ltr’);
}

// 2. Tüm çevrilebilir metinleri bul ve değiştir
document.querySelectorAll(‘[data-i18n]’).forEach(element => {
const key = element.getAttribute(‘data-i18n’);
if (translations[lang] && translations[lang][key]) {
element.innerText = translations[lang][key];
}
});

// 3. Butonların aktiflik durumunu güncelle
// Önce tüm butonlardan ‘active’ sınıfını kaldır
document.querySelectorAll(‘.lang-btn’).forEach(btn => {
btn.classList.remove(‘active’);
});
// Tıklanan butona ‘active’ sınıfını ekle (clickedBtn parametresi sayesinde)
clickedBtn.classList.add(‘active’);
}