/* ============================================================
   QUILL RENDER CSS — quill-render.css
   Required on any PUBLIC page that displays Quill-edited content.
   Quill's own CSS is only loaded in the admin editor.
   This file makes alignment, indent, size, font, and colour
   classes render correctly on the frontend.
   ============================================================ */

/* ── Text Alignment ── */
.ql-align-center  { text-align: center !important; }
.ql-align-right   { text-align: right !important; }
.ql-align-justify { text-align: justify !important; }
/* (default/left has no class — browser default) */

/* ── Indentation ── */
.ql-indent-1  { padding-left: 3em; }
.ql-indent-2  { padding-left: 6em; }
.ql-indent-3  { padding-left: 9em; }
.ql-indent-4  { padding-left: 12em; }
.ql-indent-5  { padding-left: 15em; }
.ql-indent-6  { padding-left: 18em; }
.ql-indent-7  { padding-left: 21em; }
.ql-indent-8  { padding-left: 24em; }

/* ── Font Size ── */
.ql-size-small  { font-size: 0.75em; }
.ql-size-large  { font-size: 1.5em; }
.ql-size-huge   { font-size: 2.5em; }

/* ── Font Family ── */
.ql-font-serif    { font-family: Georgia, 'Times New Roman', serif; }
.ql-font-monospace{ font-family: 'Courier New', Courier, monospace; }

/* ── Line Height (custom Parchment attribute) ── */
/* Applied as inline style by Quill: style="line-height: X" — no class needed */

/* ── Block elements from Quill ── */
.ql-editor p,
[class*="ql-"] p { margin: 0 0 1em; }

/* ── Lists ── */
ol.ql-list-ordered,
ul.ql-list-bullet {
  padding-left: 1.5em;
  margin: 0 0 1em;
}
li.ql-indent-1 { padding-left: 4.5em; }
li.ql-indent-2 { padding-left: 7.5em; }

/* ── Blockquote ── */
blockquote {
  border-left: 4px solid var(--accent, #c9932a);
  margin: 1.5em 0;
  padding: 12px 20px;
  background: rgba(201,147,42,0.07);
  border-radius: 0 8px 8px 0;
  font-style: italic;
  color: var(--text-muted, #8892a4);
}

/* ── Code block ── */
pre.ql-syntax {
  background: #0f1624;
  color: #e8eaf0;
  padding: 16px;
  border-radius: 8px;
  overflow-x: auto;
  font-family: monospace;
  font-size: 14px;
  line-height: 1.6;
}

/* ── Images inserted via Quill ── */
img.ql-img,
.ql-content img {
  max-width: 100%;
  border-radius: 10px;
  margin: 1em 0;
  display: block;
}

/* ── Full-width content containers — no artificial max-width constraint ── */
/* These classes receive Quill HTML and should never be capped */
#ab-heroSubtitle-el,
#ab-whatBody-el,
#ab-authorBio-el,
#ceoMainContent,
#aboutBodyEl {
  width: 100%;
  max-width: 100%;
}