/* ═══════════════════════════════════════════════════════════════════════
   TaxClue — BLOG ARTICLE (light)  ·  inner-page phase
   ------------------------------------------------------------------------
   Loaded after blog-article-styles.css on blog templates. That file is built
   on quantum.css dark tokens PLUS ~40 hardcoded dark backgrounds and some cream
   literals (rgba(245,240,230,…)). Token colours auto-remap; this layer repairs
   the hardcoded darks so the article reads as light paper.
   Prefix: .bp-*  (+ .kq-ad, .bsa-*).  Scoped html[data-theme="light"].
   DELIBERATELY KEPT DARK: code blocks (.bp-content pre) — an editor aesthetic
   that reads well on a light article.
   ═══════════════════════════════════════════════════════════════════════ */

/* ─────────────────────────── FONTS → Playfair ─────────────────────────── */
html[data-theme="light"] .bp-h1,
html[data-theme="light"] .bp-content h2,
html[data-theme="light"] .bp-lead h3,
html[data-theme="light"] .kq-ad-logo,
html[data-theme="light"] .bp-faq-title,
html[data-theme="light"] .bp-also h2,
html[data-theme="light"] .bp-disc-head h2,
html[data-theme="light"] .bp-bottom-cta h2{
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 700 !important;
}

/* ─────────────────────────── PAGE + HERO bg ───────────────────────────── */
html[data-theme="light"] .bp-page-bg{ background: var(--navy-void) !important; }
html[data-theme="light"] .bp-page-bg::before{
  background: linear-gradient(180deg, rgba(227,25,55,.06), transparent 60%) !important;
}
html[data-theme="light"] .bp-hero{
  background:
    radial-gradient(ellipse 60% 60% at 70% 0%, rgba(227,25,55,.10), transparent 65%),
    linear-gradient(165deg, #FFFFFF 0%, #FFFFFF 55%, #F6F1E7 100%) !important;
  border-bottom: 1px solid var(--navy-line);
}
html[data-theme="light"] .bp-hero-img-overlay{
  background: linear-gradient(to top, rgba(250,248,243,.85) 0%, transparent 60%) !important;
}
html[data-theme="light"] .bp-h1{ color:#0A132B !important; }
html[data-theme="light"] .bp-hero-excerpt{ color: rgba(10,19,43,.66) !important; }
html[data-theme="light"] .bp-bc,
html[data-theme="light"] .bp-bc a{ color: rgba(10,19,43,.5) !important; }

/* ─────────────────────────── MAIN ARTICLE CARD ────────────────────────── */
html[data-theme="light"] .bp-main{
  background:#FFFFFF !important;
  border: 1px solid rgba(10,19,43,.08) !important;
  box-shadow: 0 4px 24px rgba(10,19,43,.05) !important;
}
html[data-theme="light"] .bp-content{ color: rgba(10,19,43,.82) !important; }
html[data-theme="light"] .bp-content h2,
html[data-theme="light"] .bp-content h3,
html[data-theme="light"] .bp-content h4{ color:#0A132B !important; }
html[data-theme="light"] .bp-content a{ color:#B45309 !important; }
html[data-theme="light"] .bp-content blockquote{
  color: rgba(10,19,43,.72) !important;
  background: #F6F1E7 !important;
  border-left-color: var(--gold) !important;
}
html[data-theme="light"] .bp-content table th,
html[data-theme="light"] .bp-content table td{ border-color: rgba(10,19,43,.10) !important; }
html[data-theme="light"] .bp-content thead th{ background:#F6F1E7 !important; color:#0A132B !important; }
/* Inline code → light chip (block <pre> stays dark, untouched) */
html[data-theme="light"] .bp-content code{
  background: rgba(227,25,55,.10) !important; color:#8A6410 !important;
}
html[data-theme="light"] .bp-content pre code{ background:none !important; color:inherit !important; }

/* ─────────────────────── TOC + SIDEBAR + SHARE ────────────────────────── */
html[data-theme="light"] .bp-toc,
html[data-theme="light"] .bp-sb-card,
html[data-theme="light"] .bp-rail-section,
html[data-theme="light"] .bp-voice,
html[data-theme="light"] .bp-smart-summary{
  background:#FFFFFF !important; border:1px solid rgba(10,19,43,.08) !important;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="light"] .bp-share{
  border-top-color: rgba(10,19,43,.08) !important;
  border-bottom-color: rgba(10,19,43,.08) !important;
}
html[data-theme="light"] .bp-share a{
  background:#F6F1E7 !important; border:1px solid rgba(10,19,43,.08) !important; color: rgba(10,19,43,.7) !important;
}
html[data-theme="light"] .bp-share a:hover{ border-color: rgba(227,25,55,.4) !important; color:#B45309 !important; }

/* ─────────────────────── AUTHOR / FAQ / HELPFUL ───────────────────────── */
html[data-theme="light"] .bp-author,
html[data-theme="light"] .bp-faq,
html[data-theme="light"] .bp-helpful,
html[data-theme="light"] .bp-step,
html[data-theme="light"] .bp-flow,
html[data-theme="light"] .bp-compare-tabs,
html[data-theme="light"] .bp-compare-panel,
html[data-theme="light"] .bp-compare-item,
html[data-theme="light"] .bp-intel,
html[data-theme="light"] .bp-intel-cell,
html[data-theme="light"] .bp-hero-stats-card,
html[data-theme="light"] .bp-hero-stat{
  background:#FFFFFF !important; border:1px solid rgba(10,19,43,.08) !important;
}
html[data-theme="light"] .bp-faq-title{ color:#0A132B !important; }
/* FAQ question + answer were white (dark-theme) → invisible on the light card */
html[data-theme="light"] .bp-faq-q{ color:#0A132B !important; }
html[data-theme="light"] .bp-faq-a{ color:#2B3444 !important; }
html[data-theme="light"] .bp-faq-item{ border-color:rgba(10,19,43,.10) !important; }
html[data-theme="light"] .bp-faq-chevron{ color:#C01530 !important; }
html[data-theme="light"] .bp-faq-q:hover{ color:#C01530 !important; }

/* CMS inline-styled content forced to dark by base rules → re-light for the light page.
   (Dark text→cream made text invisible; tables with inline bg were forced navy.) */
html[data-theme="light"] .bp-content [style*="color: #555"],
html[data-theme="light"] .bp-content [style*="color: rgb(0"],
html[data-theme="light"] .bp-content [style*="color: rgba(0"]{ color:#2B3444 !important; }
html[data-theme="light"] .bp-content table[style*="background"]{ background:#FFFFFF !important; }
html[data-theme="light"] .bp-content table tr[style*="background"],
html[data-theme="light"] .bp-content table td[style*="background"]{ background:#F8F7F4 !important; color:#2B3444 !important; }
html[data-theme="light"] .bp-content table th[style*="background"]{ background:#0A132B !important; color:#FBFAF7 !important; }

/* CMS callout/box family was forced to dark navy by base rules → light card on the light page */
html[data-theme="light"] .bp-content .info-box,
html[data-theme="light"] .bp-content .warning-box,
html[data-theme="light"] .bp-content .danger-box,
html[data-theme="light"] .bp-content .success-box,
html[data-theme="light"] .bp-content .tip-box,
html[data-theme="light"] .bp-content .note-box,
html[data-theme="light"] .bp-content .message-box,
html[data-theme="light"] .bp-content .highlight-box,
html[data-theme="light"] .bp-content .card,
html[data-theme="light"] .bp-content .box,
html[data-theme="light"] .bp-content div[class*="notice"],
html[data-theme="light"] .bp-content div[class*="callout"],
html[data-theme="light"] .bp-content div[class*="-box"],
html[data-theme="light"] .bp-content div[class*="highlight"]{
  background:#F8F7F4 !important; color:#2B3444 !important; border:1px solid rgba(10,19,43,.10) !important;
}
html[data-theme="light"] .bp-content .info-box strong,
html[data-theme="light"] .bp-content div[class*="-box"] strong,
html[data-theme="light"] .bp-content div[class*="callout"] strong{ color:#0A132B !important; }

/* Sidebar Browse-by-Category / Month filter chips */
html[data-theme="light"] .bp-sb-filter-list{ display:flex; flex-wrap:wrap; gap:7px; }
html[data-theme="light"] .bp-sb-filter-list a{
  display:inline-flex; align-items:center; gap:6px; font-size:12.5px; font-weight:600; color:#0A132B;
  background:#F6F1E7; border:1px solid rgba(10,19,43,.10); border-radius:999px; padding:6px 12px; transition:.15s;
}
html[data-theme="light"] .bp-sb-filter-list a:hover{ border-color:rgba(227,25,55,.4); color:#C01530; background:rgba(227,25,55,.06); }
html[data-theme="light"] .bp-sb-filter-list a.on{ background:#0A132B; color:#fff; border-color:#0A132B; }
html[data-theme="light"] .bp-sb-filter-list a .cnt{ font-size:11px; color:#98A2B3; font-weight:500; }

/* Continue Reading — 2-column card cells */
html[data-theme="light"] .bp-discovery .bp-also-card{ border:1px solid rgba(10,19,43,.10) !important; border-radius:12px; }

/* ─────────────────── RELATED / DISCOVERY sections ─────────────────────── */
html[data-theme="light"] .bp-also-section,
html[data-theme="light"] .bp-discovery{
  background: linear-gradient(180deg, #FFFFFF, #F6F1E7) !important;
  border-top: 1px solid var(--navy-line);
}
html[data-theme="light"] .bp-also-inner-box,
html[data-theme="light"] .bp-also-card,
html[data-theme="light"] .bp-disc-svc-card,
html[data-theme="light"] .bp-disc-guide-card,
html[data-theme="light"] .bp-disc-pop-item{
  background:#FFFFFF !important; border:1px solid rgba(10,19,43,.08) !important;
}
html[data-theme="light"] .bp-also-card:hover,
html[data-theme="light"] .bp-disc-svc-card:hover,
html[data-theme="light"] .bp-disc-guide-card:hover,
html[data-theme="light"] .bp-disc-pop-item:hover{
  border-color: rgba(227,25,55,.35) !important;
  box-shadow: 0 14px 36px rgba(10,19,43,.12) !important;
}
html[data-theme="light"] .bp-disc-guide-card .no-img{
  background: linear-gradient(135deg, #F6F1E7, #F6F1E7) !important;
}
/* Discovery TEXT was cream (dark-theme) → navy/brand on the light cards */
html[data-theme="light"] .bp-disc-head h2,
html[data-theme="light"] .bp-disc-svc-label,
html[data-theme="light"] .bp-disc-guide-body h3,
html[data-theme="light"] .bp-disc-guide-card h3,
html[data-theme="light"] .pop-title,
html[data-theme="light"] .bp-also-card h3,
html[data-theme="light"] .bp-helpful h4{ color:#0A132B !important; }
html[data-theme="light"] .bp-disc-svc-icon{ color:#C01530 !important; }
html[data-theme="light"] .bp-disc-svc-arrow{ color:#98A2B3 !important; }
html[data-theme="light"] .bp-disc-guide-cat,
html[data-theme="light"] .bp-also-cat{ color:#C01530 !important; }
html[data-theme="light"] .bp-disc-guide-reads,
html[data-theme="light"] .pop-views,
html[data-theme="light"] .bp-also-date{ color:#667085 !important; }
html[data-theme="light"] .bp-disc-svc-card:hover .bp-disc-svc-label,
html[data-theme="light"] .bp-disc-guide-card:hover h3,
html[data-theme="light"] .bp-disc-pop-item:hover .pop-title,
html[data-theme="light"] .bp-also-card:hover h3{ color:#C01530 !important; }
html[data-theme="light"] .bp-disc-svc-card,
html[data-theme="light"] .bp-disc-svc-card:hover{ color:#0A132B !important; }
html[data-theme="light"] .pop-num-normal{ background:rgba(10,19,43,.05) !important; color:#667085 !important; }

/* ─────────────────── LEAD / CTA blocks → light gold cards ─────────────── */
html[data-theme="light"] .bp-lead,
html[data-theme="light"] .bp-sb-lead,
html[data-theme="light"] .bp-inline-cta,
html[data-theme="light"] .bp-bottom-cta,
html[data-theme="light"] .kq-ad{
  background:
    radial-gradient(70% 90% at 50% 0%, rgba(227,25,55,.10), transparent 70%),
    linear-gradient(160deg, #FFFFFF, #F6F1E7) !important;
  border:1px solid rgba(227,25,55,.28) !important;
  color:#0A132B !important;
}
html[data-theme="light"] .bp-lead h3,
html[data-theme="light"] .bp-inline-cta h3,
html[data-theme="light"] .bp-bottom-cta h2,
html[data-theme="light"] .kq-ad-logo{ color:#0A132B !important; }
html[data-theme="light"] .bp-lead input,
html[data-theme="light"] .bp-sb-lead input{
  background:#FFFFFF !important; border:1.5px solid rgba(10,19,43,.14) !important; color:#0A132B !important;
}
html[data-theme="light"] .bp-lead input::placeholder,
html[data-theme="light"] .bp-sb-lead input::placeholder{ color: rgba(10,19,43,.4) !important; }

/* ─────────────────── floating smart actions / back-to-top ─────────────── */
html[data-theme="light"] .bp-back-top,
html[data-theme="light"] .bp-smart-actions,
html[data-theme="light"] .bsa-btn{
  background:#FFFFFF !important; border:1px solid rgba(10,19,43,.10) !important;
  color:#0A132B !important; box-shadow: var(--shadow-md) !important;
}
html[data-theme="light"] .bsa-btn::after{ background:#0A132B !important; color:#FBFAF7 !important; } /* tooltip stays dark */

/* ─────────────────── CMS inline-style overrides ───────────────────────── */
/* Some CMS content ships inline dark backgrounds; neutralise to a soft card. */
html[data-theme="light"] .bp-content div[style*="border-left"],
html[data-theme="light"] .bp-content div[style*="rgba(10,19,43"],
html[data-theme="light"] .bp-content div[style*="#0A132B"]{
  background:#F6F1E7 !important; color: rgba(10,19,43,.82) !important;
}

/* ── Remove WhatsApp chat CTAs from blog articles (low-quality leads, 2026-08-16) ──
   Keeps the social "Share on WhatsApp" (.share-wa) — that shares the article, not a
   lead chat. Each hidden button sits beside a Call/View/form CTA, so no empty gaps. */
#bsaWA,
.bp-cta-wa,
.bp-btn-wa,
.sb-wa,
.bp-rail-action[href*="wa.me"]{ display:none !important; }

/* ─────────────────── HERO meta strip + badges → light ───────────────────
   These were dark-theme only (cream/white text on transparent chips) → invisible
   on the light hero. Also brand-aligns the badges: off-brand mint-green + purple
   → navy / logo-red / tricolor-green. */
html[data-theme="light"] .bp-hero-meta-row{
  background:#FFFFFF !important; border:1px solid rgba(10,19,43,.08) !important;
  box-shadow:0 4px 16px rgba(10,19,43,.05) !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
}
html[data-theme="light"] .bp-author-name{ color:#0A132B !important; }
html[data-theme="light"] .bp-author-role{ color:#667085 !important; }
html[data-theme="light"] .bp-meta-pill{
  background:#F6F1E7 !important; border:1px solid rgba(10,19,43,.08) !important; color:#475467 !important;
}
html[data-theme="light"] .bp-meta-pill-upd{
  color:#C01530 !important; background:rgba(227,25,55,.06) !important; border-color:rgba(227,25,55,.20) !important;
}
html[data-theme="light"] .bp-badge-words{
  background:#F6F1E7 !important; color:#667085 !important; border:1px solid rgba(10,19,43,.10) !important;
}
html[data-theme="light"] .bp-badge-verified,
html[data-theme="light"] .bp-badge-diff[data-level="Low"],
html[data-theme="light"] .bp-live-badge{
  background:rgba(19,136,8,.08) !important; color:#138808 !important; border:1px solid rgba(19,136,8,.26) !important;
}
html[data-theme="light"] .bp-live-dot{ background:#138808 !important; }
html[data-theme="light"] .bp-badge-diff{
  background:rgba(227,25,55,.07) !important; color:#C01530 !important; border:1px solid rgba(227,25,55,.22) !important;
}
html[data-theme="light"] .bp-badge-diff[data-level="High"]{
  background:rgba(227,25,55,.10) !important; color:#C01530 !important; border-color:rgba(227,25,55,.30) !important;
}
html[data-theme="light"] .bp-badge-guide{
  background:rgba(10,19,43,.06) !important; color:#0A132B !important; border:1px solid rgba(10,19,43,.14) !important;
}

/* ─────────── HERO → match the STATIC (gold) service-page hero ───────────
   No animation (orbs/shimmer/pulse removed); flat #E7EDF3 canvas with the same
   static constellation pattern used on services-static pages. */
html[data-theme="light"] .bp-hero{
  background:#E7EDF3 !important;
  border-bottom:1px solid rgba(10,19,43,.08) !important;
}
html[data-theme="light"] .bp-hero-orb,
html[data-theme="light"] .bp-hero-grid-bg,
html[data-theme="light"] .bp-hero-shimmer{ display:none !important; }
html[data-theme="light"] .bp-live-dot{ animation:none !important; }
/* ─────────────── ARTICLE BODY — premium reading design ───────────────
   Base type is dark-theme; this layer sets comfortable navy-on-paper reading,
   a clean heading hierarchy (gold accent bar instead of the heavy red rule),
   a lead paragraph, brand links, figures/captions. */
html[data-theme="light"] .bp-content{
  font-size:17px !important; line-height:1.78 !important; color:#2B3444 !important; letter-spacing:-.003em;
}
html[data-theme="light"] .bp-content > p:first-child{
  font-size:18.5px; line-height:1.72; color:#1A2438;
}
html[data-theme="light"] .bp-content h2{
  font-size:clamp(23px,2.6vw,30px) !important; font-weight:600 !important; color:#0A132B !important;
  margin:46px 0 14px !important; padding:0 0 0 16px !important; border-top:none !important;
  position:relative; line-height:1.22;
}
html[data-theme="light"] .bp-content h2::before{
  content:""; position:absolute; left:0; top:.14em; bottom:.14em; width:4px; border-radius:3px;
  background:linear-gradient(180deg,#E31937,#F5405E);
}
html[data-theme="light"] .bp-content h3{
  font-size:21px !important; font-weight:600 !important; color:#0A132B !important; margin:32px 0 10px !important;
}
html[data-theme="light"] .bp-content h4{
  font-size:17.5px !important; font-weight:700 !important; color:#0A132B !important; margin:24px 0 8px !important;
}
html[data-theme="light"] .bp-content p{ margin-bottom:18px !important; }
html[data-theme="light"] .bp-content li{ margin-bottom:9px !important; }
html[data-theme="light"] .bp-content ul li::marker,
html[data-theme="light"] .bp-content ol li::marker{ color:#C01530 !important; }
html[data-theme="light"] .bp-content a{
  color:#C01530 !important; font-weight:500;
  text-decoration-color:rgba(227,25,55,.35) !important; text-underline-offset:2px;
}
html[data-theme="light"] .bp-content a:hover{ text-decoration-color:#C01530 !important; }
html[data-theme="light"] .bp-content strong,
html[data-theme="light"] .bp-content b{ color:#0A132B !important; font-weight:700; }
html[data-theme="light"] .bp-content img{
  border:1px solid rgba(10,19,43,.10) !important; box-shadow:0 8px 24px rgba(10,19,43,.07);
}
html[data-theme="light"] .bp-content figure{ margin:22px 0; }
html[data-theme="light"] .bp-content figcaption{
  font-size:12.5px; color:#667085; text-align:center; margin-top:8px; font-style:italic;
}
html[data-theme="light"] .bp-content hr{
  border:none; border-top:1px solid #E7E1D6; margin:36px 0;
}

html[data-theme="light"] .bp-hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background-repeat:no-repeat,no-repeat;
  background-position:right -30px top -20px, left -70px bottom -40px;
  background-size:660px auto, 560px auto;
  background-image:
    url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='520'%20height='420'%20viewBox='0%200%20520%20420'%20fill='none'%3E%3Cg%20stroke='%230A132B'%20stroke-opacity='0.22'%20fill='none'%3E%3Ccircle%20cx='390'%20cy='90'%20r='60'/%3E%3Ccircle%20cx='390'%20cy='90'%20r='110'/%3E%3Ccircle%20cx='390'%20cy='90'%20r='165'/%3E%3C/g%3E%3Cg%20stroke='%230A132B'%20stroke-opacity='0.38'%3E%3Cline%20x1='120'%20y1='70'%20x2='190'%20y2='130'/%3E%3Cline%20x1='190'%20y1='130'%20x2='260'%20y2='110'/%3E%3Cline%20x1='260'%20y1='110'%20x2='330'%20y2='180'/%3E%3Cline%20x1='330'%20y1='180'%20x2='300'%20y2='250'/%3E%3Cline%20x1='190'%20y1='130'%20x2='210'%20y2='210'/%3E%3C/g%3E%3Cg%20fill='%230A132B'%20fill-opacity='0.7'%3E%3Ccircle%20cx='120'%20cy='70'%20r='2.6'/%3E%3Ccircle%20cx='190'%20cy='130'%20r='3.2'/%3E%3Ccircle%20cx='260'%20cy='110'%20r='2.6'/%3E%3Ccircle%20cx='330'%20cy='180'%20r='3.2'/%3E%3Ccircle%20cx='300'%20cy='250'%20r='2.6'/%3E%3Ccircle%20cx='210'%20cy='210'%20r='2.2'/%3E%3C/g%3E%3Cg%20fill='%230A132B'%20fill-opacity='0.42'%3E%3Ccircle%20cx='70'%20cy='180'%20r='1.6'/%3E%3Ccircle%20cx='150'%20cy='260'%20r='1.6'/%3E%3Ccircle%20cx='420'%20cy='240'%20r='1.6'/%3E%3Ccircle%20cx='460'%20cy='140'%20r='1.6'/%3E%3Ccircle%20cx='360'%20cy='60'%20r='1.6'/%3E%3Ccircle%20cx='90'%20cy='90'%20r='1.6'/%3E%3Ccircle%20cx='250'%20cy='300'%20r='1.6'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='520'%20height='420'%20viewBox='0%200%20520%20420'%20fill='none'%3E%3Cg%20stroke='%230A132B'%20stroke-opacity='0.2'%20fill='none'%3E%3Ccircle%20cx='120'%20cy='300'%20r='55'/%3E%3Ccircle%20cx='120'%20cy='300'%20r='100'/%3E%3C/g%3E%3Cg%20stroke='%230A132B'%20stroke-opacity='0.34'%3E%3Cline%20x1='60'%20y1='330'%20x2='140'%20y2='280'/%3E%3Cline%20x1='140'%20y1='280'%20x2='210'%20y2='320'/%3E%3Cline%20x1='210'%20y1='320'%20x2='260'%20y2='250'/%3E%3Cline%20x1='140'%20y1='280'%20x2='150'%20y2='200'/%3E%3C/g%3E%3Cg%20fill='%230A132B'%20fill-opacity='0.62'%3E%3Ccircle%20cx='60'%20cy='330'%20r='2.6'/%3E%3Ccircle%20cx='140'%20cy='280'%20r='3.2'/%3E%3Ccircle%20cx='210'%20cy='320'%20r='2.6'/%3E%3Ccircle%20cx='260'%20cy='250'%20r='2.4'/%3E%3Ccircle%20cx='150'%20cy='200'%20r='2.4'/%3E%3C/g%3E%3Cg%20fill='%230A132B'%20fill-opacity='0.36'%3E%3Ccircle%20cx='230'%20cy='180'%20r='1.6'/%3E%3Ccircle%20cx='90'%20cy='230'%20r='1.6'/%3E%3Ccircle%20cx='300'%20cy='310'%20r='1.6'/%3E%3Ccircle%20cx='40'%20cy='270'%20r='1.6'/%3E%3C/g%3E%3C/svg%3E");
}