/* BurningTheDice permanent readability/navigation safeguards.
   Loaded after the generated Tailwind bundle so rebuilt CSS cannot darken article text again. */
:root {
  --bd-readable-white: #f5f5f5;
  --bd-readable-soft: rgba(255,255,255,.88);
  --bd-readable-muted: rgba(255,255,255,.72);
  --bd-readable-gold: #d7af52;
  --bd-readable-gold-hover: #e4c672;
}

body,
.site,
.site-main,
.single-post article,
.page article,
.entry-content,
.wp-block-post-content {
  color: var(--bd-readable-white) !important;
  -webkit-text-fill-color: initial !important;
}

.entry-content :where(p, li, blockquote, figcaption, td, th, label, summary, cite, small, span, strong, b, em, i),
.wp-block-post-content :where(p, li, blockquote, figcaption, td, th, label, summary, cite, small, span, strong, b, em, i),
.single-post article :where(p, li, blockquote, figcaption, td, th, label, summary, cite, small, span, strong, b, em, i) {
  color: var(--bd-readable-soft) !important;
  -webkit-text-fill-color: var(--bd-readable-soft) !important;
}

.entry-content :where(h1, h2, h3, h4, h5, h6),
.wp-block-post-content :where(h1, h2, h3, h4, h5, h6),
.single-post article :where(h1, h2, h3, h4, h5, h6),
.single-post .entry-title,
.page .entry-title {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.entry-content :where(a:not(.bd-cta-button):not(.bd-btn):not(.button):not(.wp-block-button__link)),
.wp-block-post-content :where(a:not(.bd-cta-button):not(.bd-btn):not(.button):not(.wp-block-button__link)),
.single-post article :where(a:not(.bd-cta-button):not(.bd-btn):not(.button):not(.wp-block-button__link)),
main :where(a:not(.bd-menu-button):not(.bd-left-btn):not(.bd-cta-button):not(.bd-btn):not(.button):not(.wp-block-button__link)) {
  color: var(--bd-readable-gold) !important;
  -webkit-text-fill-color: var(--bd-readable-gold) !important;
  text-decoration-color: rgba(215,175,82,.55) !important;
}

.entry-content :where(a:not(.bd-cta-button):not(.bd-btn):not(.button):not(.wp-block-button__link)):hover,
.wp-block-post-content :where(a:not(.bd-cta-button):not(.bd-btn):not(.button):not(.wp-block-button__link)):hover,
.single-post article :where(a:not(.bd-cta-button):not(.bd-btn):not(.button):not(.wp-block-button__link)):hover,
main :where(a:not(.bd-menu-button):not(.bd-left-btn):not(.bd-cta-button):not(.bd-btn):not(.button):not(.wp-block-button__link)):hover {
  color: var(--bd-readable-gold-hover) !important;
  -webkit-text-fill-color: var(--bd-readable-gold-hover) !important;
}

#masthead .bd-menu-button,
#masthead .bd-menu-button.active,
#masthead .current-menu-item > a,
#masthead .current_page_item > a,
#masthead .current-menu-ancestor > a,
#masthead [aria-current="page"] {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

#masthead .bd-menu-button:hover,
#masthead .bd-menu-button:focus-visible,
#masthead .current-menu-item > a:hover,
#masthead .current_page_item > a:hover,
#masthead .current-menu-ancestor > a:hover,
#masthead [aria-current="page"]:hover {
  color: var(--bd-readable-gold) !important;
  -webkit-text-fill-color: var(--bd-readable-gold) !important;
}

#hover-line-left,
#hover-line-right {
  background: var(--bd-readable-gold) !important;
  box-shadow: 0 0 12px rgba(215,175,82,.35) !important;
}

/* Permanent button/icon color safeguards.
   Golden CTA buttons must keep dark text/icons, even after generated CSS rebuilds. */
.bd-cta-button,
.bd-cta-button:visited,
.bd-btn,
.bd-btn:visited,
.entry-content .bd-cta-button,
.wp-block-post-content .bd-cta-button,
.single-post article .bd-cta-button,
.wp-block-button__link,
.entry-content .wp-block-button__link,
.wp-block-post-content .wp-block-button__link,
a[class*="bonus" i][class*="button" i],
a[class*="cta" i][class*="button" i] {
  color: #17140b !important;
  -webkit-text-fill-color: #17140b !important;
}

.bd-cta-button :where(span, strong, b, em, i, svg, path),
.bd-btn :where(span, strong, b, em, i, svg, path),
.wp-block-button__link :where(span, strong, b, em, i, svg, path),
a[class*="bonus" i][class*="button" i] :where(span, strong, b, em, i, svg, path),
a[class*="cta" i][class*="button" i] :where(span, strong, b, em, i, svg, path) {
  color: #17140b !important;
  -webkit-text-fill-color: #17140b !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

.bd-cta-button:hover,
.bd-cta-button:focus-visible,
.bd-btn:hover,
.bd-btn:focus-visible,
.wp-block-button__link:hover,
.wp-block-button__link:focus-visible {
  color: #17140b !important;
  -webkit-text-fill-color: #17140b !important;
}

/* Permanent social icon safeguard: dark square, white icon. */
.bd-left-social .bd-social-icons a,
.bd-left-social .bd-social-icons a:visited,
.bd-left-social .bd-social-icons a:hover,
.bd-left-social .bd-social-icons a:focus-visible,
.bd-social-icons a,
.bd-social-icons a:visited,
.bd-social-icons a:hover,
.bd-social-icons a:focus-visible {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.bd-left-social .bd-social-icons a :where(i, svg, path),
.bd-social-icons a :where(i, svg, path) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
