tailwind.config = {
corePlugins: {
preflight: false, // Menghindari kerusakan CSS bawaan tema Igniplex
},
theme: {
extend: {
colors: {
emerald: {
50: ‘#f0fdf4’,
100: ‘#dcfce7’,
200: ‘#bbf7d0’,
700: ‘#047857’,
800: ‘#064e3b’,
900: ‘#14532d’,
950: ‘#022c22’,
},
amber: {
50: ‘#fffbeb’,
100: ‘#fef3c7’,
200: ‘#fde68a’,
500: ‘#f59e0b’,
600: ‘#d97706’,
700: ‘#b45309’,
900: ‘#78350f’,
},
stone: {
50: ‘#fafaf9’,
100: ‘#f5f5f4’,
200: ‘#e7e5e4’,
300: ‘#d6d3d1’,
500: ‘#78716c’,
700: ‘#44403c’,
800: ‘#292524’,
900: ‘#1c1917’,
}
}
}
}
}

/* Isolasi CSS Spesifik Riyadhus Shalihin untuk Menangkal Intervensi CSS Igniplex */
#riyadhus-shalihin-app {
font-family: ‘Noto Sans’, -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, sans-serif !important;
background-color: #fafaf9 !important;
color: #292524 !important;
}

/* Import Google Fonts khusus untuk Kaligrafi Arab & Judul */
@import url(‘https://fonts.googleapis.com/css2?family=Amiri:ital@0;1&family=Plus+Jakarta+Sans:ital,wght@0,300..800;1,300..800&display=swap’);

#riyadhus-shalihin-app .font-arabic {
font-family: ‘Amiri’, serif !important;
direction: rtl !important;
}

#riyadhus-shalihin-app .font-title {
font-family: ‘Plus Jakarta Sans’, sans-serif !important;
}

/* Reset paksa beberapa tag di dalam container agar tidak mengikuti gaya global Blogger */
#riyadhus-shalihin-app ul {
list-style-type: none !important;
padding-left: 0 !important;
margin: 0 !important;
}

#riyadhus-shalihin-app li {
margin: 0 !important;
padding: 0 !important;
}

#riyadhus-shalihin-app p {
margin-bottom: 1rem !important;
line-height: 1.6 !important;
}

#riyadhus-shalihin-app button {
cursor: pointer !important;
font-family: inherit !important;
}

/* Custom scrollbar untuk navigasi horizontal */
#riyadhus-shalihin-app .custom-scroll::-webkit-scrollbar {
height: 4px;
}
#riyadhus-shalihin-app .custom-scroll::-webkit-scrollbar-track {
background: #f5f5f4;
}
#riyadhus-shalihin-app .custom-scroll::-webkit-scrollbar-thumb {
background: #d6d3d1;
border-radius: 2px;
}

// 1. Fungsi Smooth Scroll Ramah Blogger
function rsScrollTo(id) {
const el = document.getElementById(id);
if (el) {
el.scrollIntoView({ behavior: ‘smooth’ });
}
}

// 2. Fungsi Manajemen Tab Komparasi Syarah
function rsShowTab(tabKey) {
// Daftar semua tab
const tabs = [‘b’, ‘u’, ‘n’];

tabs.forEach(key => {
const btn = document.getElementById(`rs-btn-${key}`);
const content = document.getElementById(`rs-tab-${key}`);

if (key === tabKey) {
// Gaya Tombol Aktif
btn.className = “py-2.5 px-2 text-center rounded-xl border border-emerald-700 bg-emerald-50 text-emerald-900 font-bold text-xs shadow-sm transition-all”;
content.classList.remove(‘hidden’);
} else {
// Gaya Tombol Pasif
btn.className = “py-2.5 px-2 text-center rounded-xl border border-stone-200 bg-white text-stone-700 font-semibold text-xs shadow-sm transition-all”;
content.classList.add(‘hidden’);
}
});
}

// 3. Sistem Kuis Interaktif
const rsQuizData = [
{
question: “Mengapa Imam An-Nawawi menolak mengonsumsi buah-buahan lokal yang diproduksi dari perkebunan Damaskus?”,
options: [
“A. Karena buah-buahan tersebut diimpor dari wilayah non-muslim”,
“B. Karena didominasi tanah wakaf berstatus sengketa bagi hasil yang belum jelas kepastian hukumnya secara fikih”,
“C. Karena didorong aturan pembatasan diet medis pribadi beliau”,
“D. Karena harganya terlalu mahal bagi kantong pengajar”
],
correct: 1,
explanation: “Beliau menghindari buah lokal Damaskus karena didominasi tanah wakaf bersengketa (musaqat) yang keabsahan fikihnya diperdebatkan, sebagai bentuk kehati-hatian (wara’) tertinggi agar terhindar dari perkara syubhat.”
},
{
question: “Kitab Syarah manakah yang sangat mengutamakan pemurnian riwayat (takhrij kritis) dengan mengacu pada riset Syaikh Al-Albani?”,
options: [
“A. Syarah Al-Utsaimin”,
“B. Nuzhatul Muttaqin”,
“C. Bahjatun Nazhirin”,
“D. Fathul Bari”
],
correct: 2,
explanation: “Bahjatun Nazhirin yang ditulis oleh Syaikh Salim Al-Hilali berfokus penuh pada validasi kekuatan hadis (purifikasi) berdasarkan riset kritik dari Syaikh Nashiruddin Al-Albani.”
},
{
question: “Bagaimanakah implikasi ‘Niat’ ketika ada seseorang meninggalkan perkara haram (Tarkul Muharramat) menurut Syarah Al-Utsaimin?”,
options: [
“A. Gugur tuntutan dosanya dan otomatis mendapatkan pahala melimpah secara inheren”,
“B. Niat tidak memiliki peran apa pun baik pada gugurnya kewajiban maupun limpahan pahala batiniah”,
“C. Gugur tuntutan dosanya (bebas najis/bebas maksiat), tetapi pahala di akhirat hanya bisa diklaim jika menahan diri tersebut diniatkan patuh karena Allah”,
“D. Niat justru menghalangi validitas pencucian dosa batinnya”
],
correct: 2,
explanation: “Meninggalkan larangan (seperti tidak bermaksiat atau baju bersih dari najis) sah secara hukum meski tanpa niat. Namun, ganjaran pahala di sisi Allah hanya didapatkan bila perilaku tersebut memang didasari oleh niat taat menahan diri karena-Nya.”
},
{
question: “Siapakah tim akademisi asal Suriah yang menyusun naskah kurikulum Syarah Nuzhatul Muttaqin?”,
options: [
“A. Syaikh Bin Baz dan Syaikh Al-Albani”,
“B. Dr. Mustafa Al-Bugha, Mustafa Al-Khan, Muhyiddin Misto, Ali Al-Syarbaji, dan Muhammad Lutfi”,
“C. Syaikh Salim Al-Hilali dan Syaikh Abdurrahman Al-Sa’di”,
“D. Imam Ibnu Hajar Al-Asqalani dan Imam Al-Qurthubi”
],
correct: 1,
explanation: “Nuzhatul Muttaqin merupakan masterpiece yang digarap secara kolaboratif oleh lima ulama akademisi terkemuka asal Suriah untuk dijadikan diktat panduan belajar sistematis.”
}
];

let rsCurrentIdx = 0;
let rsScore = 0;

function rsLoadQuestion() {
// Sembunyikan panel feedback, munculkan daftar opsi
document.getElementById(“rs-q-feedback”).classList.add(“hidden”);
document.getElementById(“rs-q-options”).classList.remove(“hidden”);

const activeQ = rsQuizData[rsCurrentIdx];
document.getElementById(“rs-q-progress”).innerText = `Pertanyaan ${rsCurrentIdx + 1} dari ${rsQuizData.length}`;
document.getElementById(“rs-q-text”).innerText = activeQ.question;

const optContainer = document.getElementById(“rs-q-options”);
optContainer.innerHTML = “”;

activeQ.options.forEach((optStr, idx) => {
const btn = document.createElement(“button”);
btn.className = “w-full text-left p-3 rounded-lg bg-white/5 border border-white/10 hover:bg-white/15 transition-all text-xs text-stone-200 font-medium”;
btn.innerText = optStr;
btn.onclick = () => rsEvaluateAnswer(idx);
optContainer.appendChild(btn);
});
}

function rsEvaluateAnswer(chosenIdx) {
const activeQ = rsQuizData[rsCurrentIdx];
const feedBox = document.getElementById(“rs-q-feedback”);
const feedStatus = document.getElementById(“rs-feedback-status”);
const feedExpl = document.getElementById(“rs-feedback-expl”);

document.getElementById(“rs-q-options”).classList.add(“hidden”);
feedBox.classList.remove(“hidden”);

if (chosenIdx === activeQ.correct) {
feedStatus.innerText = “✓ Benar Sekali!”;
feedStatus.className = “text-emerald-400 font-bold text-sm”;
rsScore += 25;
document.getElementById(“rs-q-score”).innerText = `Skor: ${rsScore}`;
} else {
feedStatus.innerText = “✗ Kurang Tepat!”;
feedStatus.className = “text-red-400 font-bold text-sm”;
}

feedExpl.innerText = activeQ.explanation;
}

function rsNextQuestion() {
rsCurrentIdx++;
if (rsCurrentIdx < rsQuizData.length) {
rsLoadQuestion();
} else {
// Sesi Kuis Selesai
const box = document.getElementById("rs-quiz-box");
box.innerHTML = `

`;
}
}

function rsResetQuiz() {
rsCurrentIdx = 0;
rsScore = 0;
const box = document.getElementById(“rs-quiz-box”);
box.innerHTML = `

`;
rsLoadQuestion();
}

// Inisiasi Kuis Saat Memuat Halaman
document.addEventListener(“DOMContentLoaded”, function() {
rsLoadQuestion();
});