/* Add custom Js code below */ 
/* Add custom Js code below */ 
document.addEventListener("DOMContentLoaded", function () {
  const beigeColor = "#e3dfdc";

  // تغيير لون النصوص في الهيدر
  const header = document.querySelector("header");
  if (header) {
    header.querySelectorAll("*").forEach(el => {
      el.style.color = beigeColor;
    });
  }

  // تغيير لون النصوص في الفوتر
  const footer = document.querySelector("footer");
  if (footer) {
    footer.querySelectorAll("*").forEach(el => {
      el.style.color = beigeColor;
    });
  }
});
document.addEventListener("DOMContentLoaded", function () {
  // إنشاء العنصر الجديد
  const credit = document.createElement("div");
  credit.style.textAlign = "center";
  credit.style.marginTop = "15px";
  credit.style.fontSize = "14px";
  credit.style.color = "#36327c"; // لون البيج

  credit.innerHTML = `صُمِّم بواسطة <a href="https://royyh.com" target="_blank" style="color: #133aa9; text-decoration: none;">رؤية</a>`;

  // إضافته داخل الفوتر
  const footer = document.querySelector("footer");
  if (footer) {
    footer.appendChild(credit);
  }
});
document.addEventListener("DOMContentLoaded", function () {
  let style = document.createElement("style");
  style.innerHTML = `
    button.s-button-element.s-button-primary-outline {
      background-color: #36327c !important; /* بنفسجي */
      color: #e3dfdc !important; /* بيج */
      border-color: #442d49 !important;

      border-top-left-radius:5px !important;
      border-top-right-radius: 5px !important;
      border-bottom-left-radius: 15px !important;
      border-bottom-right-radius: 15px !important; /* تدوير فقط الزاوية اليمنى السفلية */

      padding: 12px 20px !important;
      font-weight: bold;
    }

    button.s-button-element.s-button-primary-outline:hover {
      background-color: #5c0cb2 !important;
      color: #fffbe6 !important;
    }
  `;
  document.head.appendChild(style);
});
document.addEventListener("DOMContentLoaded", function () {
  const sidebar = document.querySelector(".side-menu, .sidebar, .drawer, .offcanvas");
  if (sidebar) {
    const texts = sidebar.querySelectorAll("*");
    texts.forEach(function (el) {
      el.style.color = "black";
    });
  }
});