remove: List buttons + indent + all related CSS/JS - Remove bullet list and ordered list buttons from toolbar - Remove formatList() function from format.js - Remove blockquote/ul/ol/li CSS from components.css - Keep clear format button

src/css/components.css

@@ -519,28 +519,7 @@
   outline: none;
 }
 
-/* Indent (blockquote) styling inside editor */
-.editor-surface blockquote {
-  margin: 0;
-  padding-right: 2rem;
-  border-right: 3px solid var(--color-primary);
-  border-left: none;
-  white-space: normal;
-}
 
-/* List styling inside editor */
-.editor-surface ul,
-.editor-surface ol {
-  margin: 0.5em 0;
-  padding-right: 2rem;
-  padding-left: 0;
-  white-space: normal;
-}
-
-.editor-surface li {
-  margin-bottom: 0.25em;
-  white-space: normal;
-}
 
 .editor-surface[data-empty="true"]::before {
   content: attr(data-placeholder);

src/index.html

@@ -586,16 +586,6 @@
            </div>
           </div>
           <div class="fmt-divider"></div>
-          <!-- Item 9: Lists -->
-          <div class="fmt-group">
-           <button class="fmt-btn" onclick="formatList('insertUnorderedList')" type="button" title="قائمة نقطية">
-            <svg width="16" height="16" fill="currentColor" viewBox="0 0 24 24"><path d="M4 6h2v2H4V6zm4 0h12v2H8V6zM4 11h2v2H4v-2zm4 0h12v2H8v-2zm-4 5h2v2H4v-2zm4 0h12v2H8v-2z"/></svg>
-           </button>
-           <button class="fmt-btn" onclick="formatList('insertOrderedList')" type="button" title="قائمة مرقمة">
-            <svg width="16" height="16" fill="currentColor" viewBox="0 0 24 24"><path d="M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z"/></svg>
-           </button>
-          </div>
-          <div class="fmt-divider"></div>
           <!-- Clear formatting -->
           <div class="fmt-group">
            <button class="fmt-btn" onclick="execFormat('removeFormat')" type="button" title="مسح التنسيق">

src/js/format.js

@@ -38,93 +38,6 @@ function formatAlignRight() { execFormat('justifyRight'); }
 function formatAlignCenter() { execFormat('justifyCenter'); }
 function formatAlignLeft() { execFormat('justifyLeft'); }
 
-/* ── Lists (manual DOM creation — execCommand doesn't work with pre-wrap) ── */
-function formatList(command) {
-  const editor = getEditorElement();
-  if (!editor) return;
-
-  const sel = window.getSelection();
-  if (!sel.rangeCount) { editor.focus(); return; }
-
-  const isOrdered = command === 'insertOrderedList';
-
-  // Check if we're already inside a list — if so, remove it (toggle off)
-  const existingList = sel.anchorNode && sel.anchorNode.closest
-    ? sel.anchorNode.closest(isOrdered ? 'ol' : 'ul')
-    : (sel.anchorNode.parentElement ? sel.anchorNode.parentElement.closest(isOrdered ? 'ol' : 'ul') : null);
-
-  if (existingList && editor.contains(existingList)) {
-    // Unwrap: convert list items back to text lines
-    const items = existingList.querySelectorAll('li');
-    const fragment = document.createDocumentFragment();
-    items.forEach((li, i) => {
-      if (i > 0) fragment.appendChild(document.createElement('br'));
-      fragment.appendChild(document.createTextNode(li.textContent));
-    });
-    existingList.replaceWith(fragment);
-    editor.normalize();
-    editor.focus();
-    return;
-  }
-
-  // Get selected text or grab the current line
-  const range = sel.getRangeAt(0);
-  let text = '';
-
-  if (!range.collapsed) {
-    text = range.toString();
-  } else {
-    // No selection — use the text content of the current block/node
-    const node = sel.anchorNode;
-    if (node && node.nodeType === Node.TEXT_NODE) {
-      text = node.textContent;
-    }
-  }
-
-  if (!text.trim()) {
-    // Empty — insert an empty list with one item
-    const list = document.createElement(isOrdered ? 'ol' : 'ul');
-    const li = document.createElement('li');
-    li.innerHTML = '<br>';
-    list.appendChild(li);
-    range.insertNode(list);
-    // Place cursor inside the li
-    const newRange = document.createRange();
-    newRange.setStart(li, 0);
-    newRange.collapse(true);
-    sel.removeAllRanges();
-    sel.addRange(newRange);
-    editor.focus();
-    return;
-  }
-
-  // Split text into lines and create list
-  const lines = text.split(/\n/).filter(l => l.trim().length > 0);
-  const list = document.createElement(isOrdered ? 'ol' : 'ul');
-  lines.forEach(line => {
-    const li = document.createElement('li');
-    li.textContent = line.trim();
-    list.appendChild(li);
-  });
-
-  // Replace the selection with the list
-  range.deleteContents();
-  range.insertNode(list);
-
-  // Place cursor at end of last li
-  const lastLi = list.querySelector('li:last-child');
-  if (lastLi) {
-    const newRange = document.createRange();
-    newRange.selectNodeContents(lastLi);
-    newRange.collapse(false);
-    sel.removeAllRanges();
-    sel.addRange(newRange);
-  }
-
-  editor.normalize();
-  editor.focus();
-  updateFormatState();
-}
 
 /* ── Font family ── */
 function formatFont(fontName) {