/*
 * W-08 E (WebST): colour contrast, WCAG AA (4.5:1 for normal text).
 * Same colours, a little darker; white text on gold becomes the site's dark red, the gold stays.
 * Ratios (before -> after):
 *   gold headings in the text  #b28947 on #fff     3.20 -> #93713b 4.50
 *   reader toolbar labels      #796d64 on #f1f1f1  4.44 -> #786c64 4.50
 *   Canon collection bars      #fff on #cea355     2.33 -> #73160d 4.86
 *   "Next" chapter button      #fff on #d7ad59     2.09 -> #73160d 5.41
 *   "Back" button (suttas)     #fff on #d8aa55     2.14 -> #73160d 5.30
 *   breadcrumb (gold bar)      #fff on #c79a51     2.57 -> #5a0f08 5.42 (the colour of the header menu)
 *   The header menu itself is styled in Additional CSS (Customizer), not here.
 */

/* Gold headings inside sutta / book text (light reading themes; Dark has its own colour). */
body:not(.dark) .other h2, body:not(.dark) .other h4, body:not(.dark) .pali h2, body:not(.dark) .pali h4,
body:not(.dark) .other .pv-h2, body:not(.dark) .other .pv-h4, body:not(.dark) .pali .pv-h2, body:not(.dark) .pali .pv-h4 {
	color: #93713b;
}

/* Reader toolbar labels (English, Pali, Side by Side, Line by Line). */
/* The selected / hovered label stays white on dark red (style_single: label:has(input:checked), label:hover). */
body .astra-toolbar .toolbar-col.text label { color: #786c64 !important; }

/* Canon pages: collection bars. */
/* More specific than the page's inline style (.custom-section .pv-h5), which comes later in the HTML. */
ul.custom-section .pv-h5, ul.custom-section h5 { color: #73160d; }

/* "Next" / "Previous" chapter and "Back" buttons. */
/* Element + class: beats the templates' inline styles (.prev-next-chapter-btn:hover …) that come later in the HTML. */
a.prev-next-chapter-btn, a.prev-next-chapter-btn:hover, a.prev-next-chapter-btn:focus,
button.webst-sutta-back-button, button.webst-sutta-back-button:hover, button.webst-sutta-back-button:focus {
	color: #73160d;
}

/* Breadcrumb on the gold bar (suttas, books): #fff on #c79a51 2.57 -> #5a0f08 5.42, same dark red as the header menu. */
nav.tp-breadcrumb, nav.tp-breadcrumb span, nav.tp-breadcrumb a, nav.tp-breadcrumb a:visited { color: #5a0f08 !important; }
nav.tp-breadcrumb a:hover, nav.tp-breadcrumb a:focus { text-decoration: underline; }