/* الهيدر الآن سيأخذ عرض كامل الصفحة */
.header-box {
  background-color: #440000;
  width: 100%;
}

.header nav ul li a {
  color: #d8b865;
}

/* تأثير عند مرور الفأرة */
.header nav ul li a:hover,
.header nav ul li a:focus {
  background-color: #5a1a1a;
  color: #fff;
}

/* حالة الصفحة النشطة */
.header nav ul li a.active {
  background-color: #7a3d22;
  color: #fff;
  pointer-events: none; /* منع التفاعل مع الرابط الحالي *// 
}