/*
 * Lexxy kontent stillari — Tailwind preflight (reset) ro'yxat belgilari, link
 * ranglari va jadval chegaralarini o'chirib tashlaydi. Bu yerda ularni
 * QAYTARAMIZ va CHIROYLI qilamiz. Selektorlar 3 joyni qamraydi:
 *   .lexxy-editor__content  -> yozish paytida muharrir ICHIDA
 *   .lexxy-content          -> saqlangandan keyin KO'RSATISHDA
 *   .trix-content           -> eski Action Text wrapper (moslik uchun)
 * Class + element selektor (0,1,1) Tailwind'ning (0,0,1) ustidan g'olib chiqadi.
 */

/* ---------- Ro'yxatlar (bullet / numbered) ---------- */
.lexxy-editor__content ul,
.lexxy-content ul,
.trix-content ul {
  list-style: disc outside;
  padding-left: 1.6em;
  margin: 0.5em 0;
}
.lexxy-editor__content ol,
.lexxy-content ol,
.trix-content ol {
  list-style: decimal outside;
  padding-left: 1.6em;
  margin: 0.5em 0;
}
.lexxy-editor__content li,
.lexxy-content li,
.trix-content li {
  margin: 0.2em 0;
  display: list-item;
}

/* ---------- Havolalar (link) ---------- */
.lexxy-editor__content a,
.lexxy-content a,
.trix-content a {
  color: #4f46e5;            /* indigo */
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}
.lexxy-editor__content a:hover,
.lexxy-content a:hover,
.trix-content a:hover {
  color: #4338ca;
}

/* ---------- Jadval (chiroyli) ---------- */
.lexxy-editor__content table,
.lexxy-content table,
.trix-content table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  margin: 0.75em 0;
  font-size: 0.95em;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.lexxy-editor__content th,
.lexxy-content th,
.trix-content th,
.lexxy-editor__content td,
.lexxy-content td,
.trix-content td {
  border-bottom: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
  padding: 9px 14px;
  text-align: left;
  vertical-align: top;
}
/* Oxirgi ustun/qatordagi ortiqcha chegarani olib tashlash */
.lexxy-editor__content tr td:last-child,
.lexxy-content tr td:last-child,
.trix-content tr td:last-child,
.lexxy-editor__content tr th:last-child,
.lexxy-content tr th:last-child,
.trix-content tr th:last-child {
  border-right: none;
}
.lexxy-editor__content tr:last-child td,
.lexxy-content tr:last-child td,
.trix-content tr:last-child td {
  border-bottom: none;
}
/* Sarlavha qatori */
.lexxy-editor__content th,
.lexxy-content th,
.trix-content th {
  background: #f8fafc;
  font-weight: 600;
  color: #111827;
}
/* Zebra (juft qatorlar) */
.lexxy-content tbody tr:nth-child(even) td,
.trix-content tbody tr:nth-child(even) td {
  background: #fafafa;
}

/* ---------- Sarlavhalar (heading) ---------- */
.lexxy-content h1, .trix-content h1, .lexxy-editor__content h1 { font-size: 1.6em; font-weight: 700; margin: 0.6em 0 0.3em; }
.lexxy-content h2, .trix-content h2, .lexxy-editor__content h2 { font-size: 1.35em; font-weight: 700; margin: 0.6em 0 0.3em; }
.lexxy-content h3, .trix-content h3, .lexxy-editor__content h3 { font-size: 1.15em; font-weight: 600; margin: 0.6em 0 0.3em; }

/* ---------- Iqtibos (blockquote) ---------- */
.lexxy-editor__content blockquote,
.lexxy-content blockquote,
.trix-content blockquote {
  border-left: 4px solid #c7d2fe;
  padding: 0.25em 0 0.25em 1em;
  margin: 0.6em 0;
  color: #4b5563;
  font-style: italic;
}

/* ---------- Kod bloki ---------- */
.lexxy-editor__content pre,
.lexxy-content pre,
.trix-content pre {
  background: #0f172a;
  color: #e2e8f0;
  padding: 12px 14px;
  border-radius: 8px;
  overflow-x: auto;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.9em;
  margin: 0.6em 0;
}