/* Shared styles for the public band page AND the editor preview so both
   render the description HTML identically. */

/* 50% opaque backdrop behind the band name + description for readability
   over busy background images. */
.bb-text-scrim {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 14px;
    padding: 18px 22px;
    margin: 12px 0 16px;
    overflow-wrap: break-word;
}

.bb-desc-html { font-size: 1.1rem; overflow-wrap: break-word; white-space: normal; }
.bb-desc-html p { margin: 0 0 10px; }
.bb-desc-html p:last-child { margin-bottom: 0; }
.bb-desc-html a { color: var(--bb-accent, #7c4dff); }
.bb-desc-html h1 { font-size: 1.6rem; margin: 12px 0 8px; }
.bb-desc-html h2 { font-size: 1.35rem; margin: 12px 0 8px; }
.bb-desc-html h3 { font-size: 1.15rem; margin: 10px 0 6px; }
.bb-desc-html blockquote {
    border-left: 4px solid var(--bb-accent, #7c4dff);
    margin: 8px 0;
    padding-left: 14px;
    opacity: 0.9;
}

/* Lists: left-aligned block centered as a unit when the page is centered */
.bb-desc-html ul,
.bb-desc-html ol {
    text-align: left;
    display: inline-block;
    margin: 0 0 10px;
    padding-inline-start: 1.6em;
}
.bb-desc-html ul { list-style-type: disc; }
.bb-desc-html ol { list-style-type: decimal; }

/* Quill 2 raw markup fallback: bullets are <ol><li data-list="bullet"> */
.bb-desc-html li[data-list="bullet"] { list-style-type: disc; }
.bb-desc-html li[data-list="ordered"] { list-style-type: decimal; }
.bb-desc-html li > .ql-ui { display: none; }

/* Quill alignment/indent classes survive sanitization */
.bb-desc-html .ql-align-center { text-align: center; }
.bb-desc-html .ql-align-right { text-align: right; }
.bb-desc-html .ql-align-justify { text-align: justify; }