/* ───────────────────────────────────────────────────────────────────────────
   Liturgy Help content styles
   Ported from Legacy/LiturgyHelp2018.Admin/ClientApp/app/containers/calendar/
       calendar.main.component.css
       calendar.summary.component.css
       calendar.left.component.css
   The legacy component used Angular :host /deep/ scope. In Blazor we scope
   these to .mc-block (the wrapper emitted by ScriptureMainContent.razor) so
   they only apply inside Calendar / Scripture / Ritual content areas.
   ─────────────────────────────────────────────────────────────────────────── */

/* Default browser <p> margin would collide with the per-class margins below
   (which define hanging indents via margin-left + text-indent). Reset paragraph
   spacing but do NOT use !important — the specific class rules must win. */
.mc-block p {
    margin: 0;
}

/* ── Lectionary reference + comment ─────────────────────────────────────── */
.mc-block .lect_ref {
    color: red !important;
    font-size: 85% !important;
    margin: 0 0 3pt 8mm;
    padding-right: 8mm;
}
.mc-block .lect_ref a {
    color: red !important;
}
.mc-block .lect_comment {
    color: red;
    font-size: 85% !important;
    font-style: italic;
    margin: 0 0 3pt 8mm;
    padding-right: 8mm;
}

/* ── Summary description (one-line reading summary) ─────────────────────── */
.mc-block .summary {
    font-size: 95% !important;
    margin: 0 0 3pt 8mm;
    padding-right: 8mm;
}

/* ── Psalm response / verse hierarchy (H1-H4 / G1-G4) ───────────────────── */
.mc-block .H1 {
    font-size: 95% !important;
    margin: 0 0 0 8mm;
    text-indent: -8mm;
    padding-right: 8mm;
}
.mc-block .G1 {
    font-size: 95% !important;
    margin: 0 0 6pt 8mm;
    text-indent: -8mm;
    padding-right: 8mm;
}
.mc-block .H2 {
    font-size: 95% !important;
    margin: 0 0 0 12mm;
    text-indent: -8mm;
    padding-right: 12mm;
}
.mc-block .G2 {
    font-size: 95% !important;
    margin: 0 0 6pt 12mm;
    text-indent: -8mm;
    padding-right: 12mm;
}
.mc-block .H3 {
    font-size: 95% !important;
    margin: 0 0 0 16mm;
    text-indent: -8mm;
    padding-right: 16mm;
}
.mc-block .G3 {
    font-size: 95% !important;
    margin: 0 0 6pt 16mm;
    text-indent: -8mm;
    padding-right: 16mm;
}
.mc-block .H4 {
    font-size: 95% !important;
    margin: 0 0 0 20mm;
    text-indent: -8mm;
    padding-right: 20mm;
}
.mc-block .G4 {
    font-size: 95% !important;
    margin: 0 0 6pt 20mm;
    text-indent: -8mm;
    padding-right: 20mm;
}
.mc-block .R1 {
    font-size: 110% !important;
    margin: 0 0 3pt 8mm;
    text-indent: -8mm;
    padding-right: 8mm;
}

/* ── Paragraph styles (P0/P3/P6/PA/W1) ──────────────────────────────────── */
.mc-block .P6 {
    font-size: 95% !important;
    margin: 0 0 6pt 0;
}
.mc-block .P3 {
    font-size: 80% !important;
    margin: 0 0 3pt 0;
}
.mc-block .PA {
    font-size: 95% !important;
    margin: 0 0 0 0;
}
.mc-block .P0 {
    font-size: 95% !important;
    margin-bottom: 0;
    text-indent: 20px;
}
.mc-block .W1 {
    font-size: 95% !important;
    margin: 0 0 6pt 0;
    font-weight: bold;
}

/* ── Section / title headings (A0/A1/A2) ────────────────────────────────── */
.mc-block .A0 {
    font-size: 150% !important;
    margin: 16px 0 6px 0;
    font-weight: normal;
    text-transform: uppercase;
}
.mc-block .A1 {
    font-size: 125% !important;
    margin: 0;
    font-weight: normal;
}
.mc-block .A2 {
    font-size: 120% !important;
    margin: 16px 0 6px 0;
    font-weight: normal;
}
.mc-block .LanguageTitle {
    font-size: 100% !important;
    font-weight: normal;
    margin: 16px 0 6px 0;
    border-bottom: solid 0.5px red;
}
.mc-block .subheading_bold {
    font-size: 95% !important;
    font-weight: bold !important;
    margin-bottom: 6px;
    color: black !important;
}

/* ── Rubric styles (D0/D6/D12/C0/C6) — red instructional text ───────────── */
.mc-block .D0 {
    font-size: 95% !important;
    margin: 0 0 0 8mm;
    padding-right: 8mm;
    color: red;
    font-style: normal;
}
.mc-block .D6 {
    font-size: 95% !important;
    margin: 0 0 6pt 8mm;
    padding-right: 8mm;
    color: red;
    font-style: normal;
    text-decoration: none;
}
.mc-block .D12 {
    font-size: 95% !important;
    margin: 12pt 0 6pt 8mm;
    padding-right: 8mm;
    color: red;
    font-style: normal;
    text-decoration: none;
}
.mc-block .C0 {
    font-size: 95% !important;
    margin: 0 0 0 4mm;
    padding-right: 4mm;
    color: red;
    font-style: normal;
    text-decoration: none;
}
.mc-block .C6 {
    font-size: 95% !important;
    margin: 0 0 6pt 4mm;
    padding-right: 4mm;
    color: red;
    font-style: normal;
    text-decoration: none;
}
.mc-block .or {
    font-size: 95% !important;
    margin: 0 0 6pt 18mm !important;
    padding-right: 18mm;
    color: red;
    font-style: normal;
    text-decoration: none;
}

/* ── Indented list styles (K2/K4/J2/J4/J46/L2/V2) ───────────────────────── */
.mc-block .K2 {
    font-size: 95% !important;
    margin: 0 0 3pt 12mm;
    padding-right: 12mm;
    text-indent: -12mm;
}
.mc-block .K4 {
    font-size: 95% !important;
    margin: 0 0 3pt 20mm;
    padding-right: 20mm;
    text-indent: -20mm;
}
.mc-block .J2 {
    font-size: 95% !important;
    margin: 0 0 3pt 12mm;
    padding-right: 12mm;
}
.mc-block .J4 {
    font-size: 95% !important;
    margin: 0 0 3pt 20mm;
    padding-right: 20mm;
}
.mc-block .J46 {
    font-size: 95% !important;
    margin: 0 0 6pt 20mm;
    padding-right: 20mm;
}
.mc-block .L2 {
    font-size: 95% !important;
    margin: 0 0 0 12mm;
    padding-right: 12mm;
    text-indent: -12mm;
}
.mc-block .V2 {
    font-weight: bold;
    font-size: 95% !important;
    margin: 0 0 3pt 12mm;
    padding-right: 12mm;
    text-indent: -12mm;
}

/* ── Character styles (inline) ──────────────────────────────────────────── */
.mc-block .smallcaps {
    font-variant: small-caps !important;
}
.mc-block .blackcharactor {
    color: black !important;
}
.mc-block .instructioncharactor {
    color: red !important;
}

/* ── Hymn styles ────────────────────────────────────────────────────────── */
.mc-block .hymn_title {
    font-size: 110% !important;
    margin: 3mm 0 2mm 8mm !important;
    padding-right: 8mm;
    text-decoration: none;
}
.mc-block .hymn_entry {
    font-size: 85% !important;
    margin: 0 0 1pt 8mm !important;
    padding-right: 8mm;
    text-decoration: none;
}
.mc-block .hymn_details {
    font-size: 75% !important;
    margin: 0 0 3pt 28mm !important;
    padding-right: 28mm;
}
.mc-block .music_details {
    font-size: 85% !important;
    margin: 0 0 3pt 18mm !important;
    padding-right: 18mm;
    text-indent: -2mm;
    text-decoration: none;
}

/* ── Copyright ──────────────────────────────────────────────────────────── */
.mc-block .copyright {
    font-size: 80% !important;
    margin-top: 20mm;
}
.mc-block .copyright0 {
    font-size: 80% !important;
}
.mc-block .copyrightBrief {
    float: right !important;
    font-size: 80% !important;
    margin: 20mm 0 3pt 0;
}

/* ── Rubric0 modifier (applied alongside primary style) ─────────────────── */
/* When legacy content has "PS rubric0" it means the rubric text is suppressed
   but the surrounding style still applies. We treat "rubric0" and "rubrica"
   as no-op modifiers since their meaning is structural, not visual. */
.mc-block .rubric0,
.mc-block .rubrica {
    /* Inherit — no extra styling */
}