/* =========================
   THE LION'S CALL
   POSTY ARTICLE LIGHT + DARK FIX
   ========================= */

/* -------------------------
   LIGHT MODE DEFAULTS
   ------------------------- */
.single-post .entry-content,
.single-post .entry-content p,
.single-post .entry-content li,
.single-post .entry-content span,
.single-post article p,
.single-post article li,
.single-post article span,
.single article p,
.single article li,
.single article span {
  color: #222222 !important;
}

.single-post .entry-content strong,
.single-post .entry-content b,
.single-post article strong,
.single-post article b,
.single article strong,
.single article b,
.single-post p strong,
.single-post p b,
.single-post li strong,
.single-post li b {
  color: #111111 !important;
  font-weight: 700 !important;
}

.single-post .entry-content h1,
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4,
.single-post .entry-content h5,
.single-post .entry-content h6,
.single-post article h1,
.single-post article h2,
.single-post article h3,
.single-post article h4,
.single-post article h5,
.single-post article h6,
.single article h1,
.single article h2,
.single article h3,
.single article h4,
.single article h5,
.single article h6 {
  color: #111111 !important;
}

.single-post .entry-content a,
.single-post article a,
.single article a {
  color: #111111 !important;
}

.single-post .widget,
.single-post .widget p,
.single-post .widget li,
.single-post .widget span,
.single-post .widget a,
.single-post .sidebar p,
.single-post .sidebar li,
.single-post .sidebar span,
.single-post .sidebar a {
  color: #222222 !important;
}

.single-post .widget-title,
.single-post .sidebar h1,
.single-post .sidebar h2,
.single-post .sidebar h3,
.single-post .sidebar h4,
.single-post .sidebar h5,
.single-post .sidebar h6 {
  color: #111111 !important;
}

/* Footer text should stay readable on dark footer in all modes */
footer,
footer p,
footer li,
footer span,
footer a,
footer strong,
footer b,
.footer,
.footer p,
.footer li,
.footer span,
.footer a,
.footer strong,
.footer b {
  color: #d7d7d7 !important;
}

/* -------------------------
   DARK MODE OVERRIDES
   ------------------------- */
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .entry-content,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .entry-content p,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .entry-content li,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .entry-content span,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post article p,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post article li,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post article span,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single article p,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single article li,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single article span {
  color: #d7d7d7 !important;
}

:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .entry-content strong,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .entry-content b,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post article strong,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post article b,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single article strong,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single article b,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post p strong,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post p b,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post li strong,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post li b {
  color: #f5f5f5 !important;
  font-weight: 700 !important;
}

:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .entry-content h1,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .entry-content h2,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .entry-content h3,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .entry-content h4,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .entry-content h5,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .entry-content h6,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post article h1,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post article h2,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post article h3,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post article h4,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post article h5,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post article h6,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single article h1,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single article h2,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single article h3,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single article h4,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single article h5,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single article h6 {
  color: #f5f5f5 !important;
}

:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .entry-content a,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post article a,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single article a {
  color: #f5f5f5 !important;
}

:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .widget,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .widget p,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .widget li,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .widget span,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .widget a,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .sidebar p,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .sidebar li,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .sidebar span,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .sidebar a {
  color: #d7d7d7 !important;
}

:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .widget-title,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .sidebar h1,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .sidebar h2,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .sidebar h3,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .sidebar h4,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .sidebar h5,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .sidebar h6 {
  color: #f5f5f5 !important;
}

:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) footer,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) footer p,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) footer li,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) footer span,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) footer a,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) footer strong,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) footer b,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .footer,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .footer p,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .footer li,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .footer span,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .footer a,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .footer strong,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .footer b {
  color: #d7d7d7 !important;
}
/* -------------------------
   DARK MODE CLEANUP v3
   ------------------------- */

/* 1) Author/meta line under single post title */
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post ul li,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post ul li a,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .postbox__meta,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .postbox__meta *,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .blog__details-meta,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .blog__details-meta *,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .post-meta,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .post-meta * {
  color: #f5f5f5 !important;
  opacity: 1 !important;
}

/* 2) Quote box text must stay dark because the box stays white */
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post blockquote,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post blockquote *,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .wp-block-quote,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .wp-block-quote *,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .wp-block-pullquote,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .wp-block-pullquote * {
  color: #222222 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #222222 !important;
}

/* Keep quote background white */
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post blockquote,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .wp-block-quote,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .wp-block-pullquote {
  background: #ffffff !important;
}
/* -------------------------
   DARK MODE AUTHOR NAME FIX
   ------------------------- */

/* Force the single post meta row readable in dark mode */
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .post-meta li,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .post-meta li a,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .post-meta li span,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .post-meta li *,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .blog__details-meta li,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .blog__details-meta li a,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .blog__details-meta li span,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .blog__details-meta li *,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .postbox__meta li,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .postbox__meta li a,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .postbox__meta li span,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post .postbox__meta li * {
  color: #f5f5f5 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #f5f5f5 !important;
}
/* Extra fallback for the author item in the meta row */
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post li:nth-child(2),
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post li:nth-child(2) a,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .single-post li:nth-child(2) span {
  color: #f5f5f5 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #f5f5f5 !important;
}
/* -------------------------
   PAGE DARK MODE FIX
   ------------------------- */

/* Light mode page defaults */
.page .entry-content,
.page .entry-content p,
.page .entry-content li,
.page .entry-content span,
.page article p,
.page article li,
.page article span {
  color: #222222 !important;
}

.page .entry-content strong,
.page .entry-content b,
.page article strong,
.page article b,
.page p strong,
.page p b,
.page li strong,
.page li b {
  color: #111111 !important;
  font-weight: 700 !important;
}

.page .entry-content h1,
.page .entry-content h2,
.page .entry-content h3,
.page .entry-content h4,
.page .entry-content h5,
.page .entry-content h6,
.page article h1,
.page article h2,
.page article h3,
.page article h4,
.page article h5,
.page article h6 {
  color: #111111 !important;
}

/* Dark mode page overrides */
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .page .entry-content,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .page .entry-content p,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .page .entry-content li,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .page .entry-content span,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .page article p,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .page article li,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .page article span {
  color: #d7d7d7 !important;
}

:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .page .entry-content strong,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .page .entry-content b,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .page article strong,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .page article b,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .page p strong,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .page p b,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .page li strong,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .page li b {
  color: #f5f5f5 !important;
  font-weight: 700 !important;
}

:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .page .entry-content h1,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .page .entry-content h2,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .page .entry-content h3,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .page .entry-content h4,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .page .entry-content h5,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .page .entry-content h6,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .page article h1,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .page article h2,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .page article h3,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .page article h4,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .page article h5,
:is(body.dark, body.dark-mode, html.dark, .dark-mode, [data-theme="dark"], .theme-dark, .tg-dark) .page article h6 {
  color: #f5f5f5 !important;
}