/* استدعاء الخطوط من Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Amiri&family=Noto+Sans+Mono&display=swap');

/* الصفحة */
html {
    overflow-y: auto;
    scrollbar-color: #533566 #fbfbfb;
    height: -webkit-fill-available;
}

body {
  font-size: 13px;
  font-family: 'Amiri';
  background-color: #0F172A;
  color: #ffffff;
  margin: 0;
  direction: rtl;
}

* {
    box-sizing: border-box;
}

/* ✅ تأكيد أن عناصر قسم الأسئلة الشائعة تستخدم الخط */
.faq-section,
.faq-section h3,
.faq-section .faq-title,
.faq-section .faq-question,
.faq-section .faq-answer p {
  font-family: 'Amiri', serif !important;
}
      nav a {color:#FFD700; margin:0 15px; text-decoration:none; transition:0.3s;}
      nav a:hover {color:#fff;}
      .breadcrumbs {padding:20px 20px; font-size:0.9em; color:#ccc;margin-top: 80px;text-align: right;}
      .breadcrumbs span {margin:0 5px; color:#FFD700;}
      .timeline {position:relative; max-width:800px; margin:40px auto;}
      .container {padding:20px; position:relative; background:#1F2937; border-radius:8px; width:45%; opacity:0; transform:translateY(30px); transition:0.6s;}
      .container.show {opacity:1; transform:translateY(0);}
      .container.right {left:55%;}
      .container.left {right:55%;}
      .container::after {content:''; position:absolute; width:20px; height:20px; background:#FFD700; border-radius:50%; top:20px; right:-10px;}
      .container.right::after {left:-10px;}
      .container h4 {color:#FFD700; margin-bottom:10px;}
      .container p {color:#ccc;}
      footer {background:#111827; text-align:center; padding:20px; font-size:0.9em; color:#aaa; border-top:2px solid #FFD700;}