/* Rich Text Content Styles 
   Used to render content created via Quill Editor on the frontend 
*/

/* Container classes that hold rich text */
.content-body,
.section-content,
.worship-content,
.info-content {
    font-family: 'Open Sans', sans-serif;
    color: #333;
    line-height: 1.8;
}

/* Base Elements */
.content-body h1,
.section-content h1,
.worship-content h1 {
    font-size: 2.25rem;
    font-weight: 700;
    margin-top: 1.5em;
    margin-bottom: 0.8em;
    color: var(--primary-color);
}

.content-body h2,
.section-content h2,
.worship-content h2 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-top: 1.4em;
    margin-bottom: 0.8em;
    color: var(--primary-color);
}

.content-body h3,
.section-content h3,
.worship-content h3 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 1.2em;
    margin-bottom: 0.6em;
    color: var(--secondary-color);
}

.content-body p,
.section-content p,
.worship-content p,
.info-content p {
    margin-bottom: 1.2em;
}

.content-body a,
.section-content a,
.worship-content a,
.info-content a {
    color: var(--secondary-color);
    text-decoration: underline;
    transition: color 0.2s;
}

.content-body a:hover,
.section-content a:hover,
.worship-content a:hover,
.info-content a:hover {
    color: var(--primary-color);
}

/* Lists */
.content-body ul,
.section-content ul,
.worship-content ul {
    list-style-type: disc;
    padding-left: 1.5em;
    margin-bottom: 1.5em;
}

.content-body ol,
.section-content ol,
.worship-content ol {
    list-style-type: decimal;
    padding-left: 1.5em;
    margin-bottom: 1.5em;
}

.content-body li,
.section-content li,
.worship-content li {
    margin-bottom: 0.5em;
}

/* Blockquotes */
.content-body blockquote,
.section-content blockquote,
.worship-content blockquote {
    border-left: 4px solid var(--secondary-color);
    padding-left: 1em;
    margin-left: 0;
    margin-bottom: 1.5em;
    font-style: italic;
    color: #555;
    background: #f9f9f9;
    padding: 1em;
    border-radius: 0 5px 5px 0;
}

/* Quill Specific Classes Support */
.ql-align-center {
    text-align: center;
}

.ql-align-right {
    text-align: right;
}

.ql-align-justify {
    text-align: justify;
}

.ql-indent-1 {
    padding-left: 3em;
}

.ql-indent-2 {
    padding-left: 6em;
}

.ql-indent-3 {
    padding-left: 9em;
}

/* Images */
.content-body img,
.section-content img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    margin: 1em 0;
}

/* Custom Spacing specific to dynamic pages */
.content-body {
    font-size: 1.125rem;
    /* 18px of readability */
}

/* Light Theme overrides for dark sections if any */
.contact-info .info-content {
    color: white;
    /* Ensure contact info text remains readable on dark bg */
}

.contact-info .info-content p {
    margin-bottom: 0.5em;
}