function createCategoryBar(categories) {
  const style = `
    <style>
      .cat-bar { display:flex; gap:10px; flex-wrap:wrap; }
      .cat-btn {
        padding: 8px 20px;
        border-radius: 0.75rem;
        border: 1.5px solid #004d65;
        background: #fff;
        color: #004d65;
        text-decoration: none;
        font-size: 14px;
        transition: all 0.2s;
      }
      .cat-btn:hover {
        background: #004d65;
        color: #d6ffff;
        border-color: #004d65;
      }
    </style>
  `;
  const links = categories.map(c => `<a href="${c.url}" class="cat-btn">${c.label}</a>`).join('');
  const bar = document.createElement('div');
  bar.className = 'container custom-cat-bar';
  bar.style.cssText = 'padding: 12px 16px; margin-bottom: 16px;';
  bar.innerHTML = `${style}<div class="cat-bar">${links}</div>`;
  return bar;
}

const pagesConfig = [
  {
    slug: '/category/nxNdpy',
    categories: [
      { url: 'https://razyat.com/category/WPoXNy', label: 'الرياضيات' },
      { url: 'https://razyat.com/category/ADoyPZ', label: 'الدراسات الإسلامية' },
      { url: 'https://razyat.com/category/DADZnv', label: 'العلوم' },
      { url: 'https://razyat.com/category/ewomNR', label: 'لغتي' },
      { url: 'https://razyat.com/category/xQNYlw', label: 'اللغة الإنجليزية' },
      { url: 'https://razyat.com/category/QveoAa', label: 'المهارات الحياتية' },
    ]
  },
  {
    slug: '/category/XqoYNV',
    categories: [
      { url: 'https://salla.sa/razyat/category/qENaln', label: 'الرياضيات' },
      { url: 'https://salla.sa/razyat/category/YYqrPZ', label: 'الدراسات الإسلامية' },
      { url: 'https://salla.sa/razyat/category/zKXxlR', label: 'العلوم' },
      { url: 'https://salla.sa/razyat/category/oONvlG', label: 'لغتي' },
      { url: 'https://salla.sa/razyat/category/Vaezod', label: 'اللغة الإنجليزية' },
      { url: 'https://salla.sa/razyat/category/POXzNG', label: 'المهارات الحياتية' },
      { url: 'https://salla.sa/razyat/category/lZNwld', label: 'المهارات الرقمية' },
      { url: 'https://salla.sa/razyat/category/zKXxQR', label: 'الدراسات الاجتماعية' },
    ]
  },
  {
    slug: '/category/GXlZxb',
    categories: [
      { url: 'https://salla.sa/razyat/category/BXnZYr', label: 'الرياضيات' },
      { url: 'https://salla.sa/razyat/category/rZNObR', label: 'العلوم' },
      { url: 'https://salla.sa/razyat/category/KzpmVD', label: 'لغتي' },
      { url: 'https://salla.sa/razyat/category/POReqx', label: 'الدراسات الإسلامية' },
      { url: 'https://salla.sa/razyat/category/OleWpY', label: 'اللغة الإنجليزية' },
      { url: 'https://salla.sa/razyat/category/RPeXGX', label: 'المهارات الحياتية' },
      { url: 'https://salla.sa/razyat/category/WPoXpy', label: 'المهارات الرقمية' },
      { url: 'https://salla.sa/razyat/category/qENaOn', label: 'الدراسات الاجتماعية' },
    ]
  },
  {
    slug: '/category/jKpBra',
    categories: [
      { url: 'https://salla.sa/razyat/category/yzXxEz', label: 'الرياضيات' },
      { url: 'https://salla.sa/razyat/category/vZNxWy', label: 'العلوم' },
      { url: 'https://salla.sa/razyat/category/aZoApW', label: 'لغتي' },
      { url: 'https://salla.sa/razyat/category/bjGPpa', label: 'اللغة الإنجليزية' },
      { url: 'https://salla.sa/razyat/category/lZgqbB', label: 'الدراسات الإسلامية' },
      { url: 'https://salla.sa/razyat/category/nxNdvy', label: 'المهارات الحياتية' },
      { url: 'https://salla.sa/razyat/category/DADZlv', label: 'المهارات الرقمية' },
      { url: 'https://salla.sa/razyat/category/XqoYpV', label: 'الدراسات الاجتماعية' },
    ]
  },
];

function tryInsertBar() {
  const currentPage = window.location.pathname;
  const match = pagesConfig.find(p => currentPage.includes(p.slug));

  document.querySelectorAll('.custom-cat-bar').forEach(el => el.remove());

  if (!match) return;

  const container = document.querySelector('.container--products-list');
  if (!container) return;

  const bar = createCategoryBar(match.categories);
  container.parentNode.insertBefore(bar, container);
}

document.addEventListener('DOMContentLoaded', tryInsertBar);

let lastUrl = location.href;
new MutationObserver(() => {
  if (location.href !== lastUrl) {
    lastUrl = location.href;
    setTimeout(tryInsertBar, 800);
  }
}).observe(document, { subtree: true, childList: true });