/* ============================================
   XML TAG RENDERING STYLES
   ============================================ */

/* Arabic Paragraphs */
.arabic-paragraph {
    margin-bottom: 1.5em;
    line-height: 2.2;
    text-align: justify;
}

/* Hierarchical Headers - Desert Color Scheme */
.head-div1 {
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-primary);  /* Saddle Brown - primary desert color */
    margin: 1.5em 0 1em 0;
    text-align: center;
    border-bottom: 2px solid var(--color-chocolate);  /* Chocolate accent */
    padding-bottom: 0.5em;
}

.head-div2 {
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--color-sienna);  /* Sienna - secondary desert color */
    margin: 1.2em 0 0.8em 0;
    text-align: start;
    padding-inline-start: 1em;
    border-inline-start: 4px solid var(--color-peru);  /* Peru accent */
}

.head-div3 {
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--color-goldenrod);  /* Dark Goldenrod - tertiary desert color */
    margin: 1em 0 0.6em 0;
    text-align: start;
    padding-inline-start: 2em;
}

.head-default {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--color-primary-darker);  /* Dark brown */
    margin: 0.8em 0 0.5em 0;
}

/* Poetry Lines */
.poetry-line {
    font-family: 'Scheherazade', 'Amiri', serif;
    font-size: 1.1em;
    line-height: 2.5;
    margin: 0.5em 0;
    padding-inline-start: 3em;
    color: var(--color-gray-slate);
    font-style: italic;
    text-align: center;
}

/* Caesura — the break between a poetry line's two hemistichs (source <caesura/>).
   Renders as a visible horizontal gap so the halves don't run together. */
.caesura {
    display: inline-block;
    width: 1.5em;
}

/* Quranic Quotations */
.quranic-quote {
    color: var(--color-goldenrod);  /* Goldenrod accent for Quranic text */
    font-weight: 600;
    font-size: 1.05em;
    padding: 0 0.2em;
}

/* Section Dividers */
.section-div1,
.section-div2,
.section-div3 {
    margin: 1em 0;
}