/*
 * PDFRun — Tool-family dark theme (v2.39.0)
 * ------------------------------------------------------------------
 * Applies the landing-page "Linear/Vercel" dark treatment (brand
 * orange #FF4D1C) to the tool-family pages so the whole site reads as
 * one product:
 *   • Pillar pages   (page-pillar.php)   — rewritten to .prx-* markup
 *   • Problem pages  (page-problem.php)  — rewritten to .prx-* markup
 *   • Tool pages     (single-pdf_tool.php) — darkened in place via the
 *     .single-pdf_tool overrides at the bottom (no markup rewrite of
 *     the interactive widget).
 *
 * Enqueued ONLY on those templates (see functions.php), and every
 * selector is scoped under a page/wrapper class, so no other page is
 * affected. Mirrors the tokens used by the front-page redesign.
 */

/* ── tokens on the wrapper + the tool-post body ──────────────────── */
.prx,
body.single-pdf_tool,
body.single-post,
body.page-template-page-pricing,
body.page-template-page-resume-optimizer,
body.page-template-page-linkedin-carousel,
body.page-template-page-tools,
body.page-template-page-account,
body.page-template-default,
body.page-template-page-compare,
body.page-template-page-legal,
body.page-template-page-about,
body.page-template-page-contact{
  --bg:#0B0B0F; --bg2:#131316; --card:#161619; --card2:#1C1C22;
  --bd:rgba(255,255,255,.07); --bd2:rgba(255,255,255,.13);
  --tx:#F4F2EF; --mut:#A8A29E; --mut2:#78716C;
  --o:#FF4D1C; --grad:linear-gradient(135deg,#FF4D1C 0%,#FF7A52 100%);
  --mono:var(--font-mono,'Space Mono',monospace);
  --disp:var(--font-display,'Space Grotesk',system-ui,sans-serif);
}
.prx{background:var(--bg);color:var(--tx)}
.prx *{box-sizing:border-box}

/* Tool pages: remap the theme's LIGHT design tokens to dark values
 * within this scope only. Because single-pdf_tool.php styles its
 * chrome with var(--off-white)/var(--border)/var(--ink-*)/var(--surface)
 * /var(--orange-pale), remapping the variables recolours every one of
 * those inline styles at once — no markup edits, no !important. */
body.single-pdf_tool,
body.single-post,
body.page-template-page-pricing,
body.page-template-page-resume-optimizer,
body.page-template-page-linkedin-carousel,
body.page-template-page-tools,
body.page-template-page-account,
body.page-template-page-compare,
body.page-template-page-legal,
body.page-template-page-about,
body.page-template-page-contact{
  background:var(--bg);color:var(--tx);
  --off-white:#131316;
  --surface:#161619;
  --border:rgba(255,255,255,.09);
  --ink-70:#A8A29E;
  --ink-40:#78716C;
  --ink-12:rgba(255,255,255,.14);
  --ink-06:rgba(255,255,255,.06);
  --orange-pale:rgba(255,77,28,.12);
}
.prx-wrap{max-width:1280px;margin:0 auto;padding:0 24px}
@media(min-width:1024px){.prx-wrap{padding:0 48px}}

/* ── shared fixed-header dark override on tool-family pages ──────── */
.page-template-page-pillar .site-header,
.page-template-page-problem .site-header,
.blog .site-header,
.archive .site-header,
.single-pdf_tool .site-header{
  background:rgba(11,11,15,.72);border-bottom:1px solid rgba(255,255,255,.06);
  backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%)}
.page-template-page-pillar .nav-link,
.page-template-page-problem .nav-link,
.single-pdf_tool .nav-link{color:rgba(255,255,255,.66)}
.page-template-page-pillar .nav-link:hover,
.page-template-page-problem .nav-link:hover,
.single-pdf_tool .nav-link:hover{color:#fff;background:rgba(255,255,255,.07)}
.page-template-page-pillar .nav-link--active,
.page-template-page-problem .nav-link--active,
.single-pdf_tool .nav-link--active{color:var(--orange)}
.page-template-page-pillar .site-header .btn-ghost,
.page-template-page-problem .site-header .btn-ghost,
.single-pdf_tool .site-header .btn-ghost{color:rgba(255,255,255,.72);border-color:rgba(255,255,255,.16)}
.page-template-page-pillar .site-header .btn-ghost:hover,
.page-template-page-problem .site-header .btn-ghost:hover,
.single-pdf_tool .site-header .btn-ghost:hover{color:#fff;background:rgba(255,255,255,.08)}
.page-template-page-pillar .site-header .mobile-menu-btn span,
.page-template-page-problem .site-header .mobile-menu-btn span,
.single-pdf_tool .site-header .mobile-menu-btn span{background:#fff}

/* ── animations ─────────────────────────────────────────────────── */
@keyframes prx-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes prx-pulse{0%,100%{opacity:1}50%{opacity:.35}}
.prx-up{animation:prx-up .6s cubic-bezier(.16,1,.3,1) both}
.prx-d1{animation-delay:.08s}.prx-d2{animation-delay:.16s}.prx-d3{animation-delay:.24s}
@media(prefers-reduced-motion:reduce){.prx-up{animation:none}}

/* ── hero ───────────────────────────────────────────────────────── */
.prx-hero{position:relative;overflow:hidden;
  background:radial-gradient(ellipse 60% 55% at 50% 0%,rgba(255,77,28,.14),transparent 60%),var(--bg);
  padding:72px 0 56px;text-align:center;border-bottom:1px solid var(--bd)}
.prx-hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 60% 60% at 50% 0%,#000,transparent 72%);-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 0%,#000,transparent 72%);pointer-events:none}
.prx-hero-in{position:relative;max-width:780px;margin:0 auto}
.prx-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 11px;background:rgba(255,77,28,.10);border:1px solid rgba(255,77,28,.26);border-radius:999px;color:var(--o);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin:0 auto}
.prx-badge b{width:7px;height:7px;border-radius:50%;background:var(--o);animation:prx-pulse 1.6s infinite}
.prx-badge a{color:inherit;text-decoration:none}
.prx-h1{font-family:var(--disp);font-weight:800;font-size:clamp(2.3rem,5.4vw,3.6rem);line-height:1.05;letter-spacing:-.03em;color:var(--tx);margin:18px 0 0}
.prx-h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.prx-sub{font-size:18px;line-height:1.55;color:var(--mut);max-width:620px;margin:18px auto 0}

/* tool embed card frame (wraps the [pdfrun_tool] shortcode) */
.prx-embed{max-width:760px;margin:-28px auto 0;position:relative;z-index:5}

/* ── sections ───────────────────────────────────────────────────── */
.prx-sec{padding:64px 0;background:var(--bg)}
.prx-sec.alt{background:var(--bg2)}
.prx-head{text-align:center;max-width:620px;margin:0 auto 40px}
.prx-kick{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--o);margin-bottom:12px}
.prx-title{font-family:var(--disp);font-weight:800;font-size:clamp(1.6rem,3.2vw,2.2rem);letter-spacing:-.025em;color:var(--tx);margin:0 0 12px;line-height:1.12}
.prx-lead{font-size:16px;color:var(--mut);line-height:1.6;margin:0}

/* prose (intro / long-form body) */
.prx-prose{max-width:760px;margin:0 auto;color:var(--mut);line-height:1.75;font-size:1rem}
.prx-prose h2{font-family:var(--disp);color:var(--tx);font-size:1.55rem;font-weight:800;letter-spacing:-.02em;margin:0 0 14px}
.prx-prose p{margin:0 0 16px}
.prx-prose strong{color:var(--tx);font-weight:700}
.prx-prose a{color:var(--o);text-decoration:none}
.prx-prose a:hover{text-decoration:underline}

/* grids + cards */
.prx-grid{display:grid;gap:18px}
.prx-grid.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.prx-grid.g3{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
.prx-grid.g4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.prx-card{display:block;background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:24px 22px;text-decoration:none;color:inherit;transition:transform .18s,border-color .18s,background .18s;position:relative;overflow:hidden}
a.prx-card:hover{transform:translateY(-3px);border-color:rgba(255,77,28,.35);background:var(--card2)}
.prx-card .ic{width:44px;height:44px;border-radius:12px;background:rgba(255,77,28,.10);border:1px solid rgba(255,77,28,.18);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:14px}
.prx-card h3{font-family:var(--disp);font-size:1.08rem;font-weight:700;color:var(--tx);margin:0 0 8px}
.prx-card p{font-size:.9rem;color:var(--mut);line-height:1.55;margin:0}
.prx-card .go{margin-top:14px;font-size:.85rem;font-weight:700;color:var(--o)}
.prx-card .top{position:absolute;top:0;left:0;right:0;height:3px}

/* steps */
.prx-steps{max-width:760px;margin:0 auto;list-style:none;padding:0;counter-reset:step}
.prx-steps li{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--bd)}
.prx-steps li:last-child{border-bottom:0}
.prx-steps .n{flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-weight:800;box-shadow:0 6px 16px rgba(255,77,28,.28)}
.prx-steps .nm{font-family:var(--disp);font-weight:700;font-size:1.05rem;color:var(--tx);margin-bottom:4px}
.prx-steps .tx{color:var(--mut);line-height:1.55}

/* faq */
.prx-faq{max-width:760px;margin:0 auto}
.prx-faq details{border:1px solid var(--bd);border-radius:12px;padding:16px 20px;margin-bottom:10px;background:var(--card);transition:border-color .15s}
.prx-faq details[open]{border-color:rgba(255,77,28,.3)}
.prx-faq summary{font-weight:600;color:var(--tx);cursor:pointer;list-style:none;position:relative;padding-right:24px}
.prx-faq summary::-webkit-details-marker{display:none}
.prx-faq summary::after{content:'+';position:absolute;right:0;top:-2px;color:var(--o);font-size:1.3rem;line-height:1}
.prx-faq details[open] summary::after{content:'−'}
.prx-faq p{margin:10px 0 0;color:var(--mut);line-height:1.6}

/* buttons */
.prx-btnline{text-align:center;margin-top:36px}
.prx-outline{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border:1px solid var(--bd2);border-radius:11px;color:var(--mut);font-weight:600;font-size:.95rem;text-decoration:none;transition:border-color .15s,color .15s}
.prx-outline:hover{border-color:rgba(255,77,28,.4);color:#fff}

/* ════════════════════════════════════════════════════════════════
 * TOOL PAGES (single-pdf_tool.php) — darken in place.
 * The interactive widget markup is untouched; these overrides
 * (scoped to .single-pdf_tool) restyle its classes + neutralise the
 * template's inline light colours via !important where necessary.
 * ════════════════════════════════════════════════════════════════ */
body.single-pdf_tool{background:var(--bg);color:var(--tx)}
.single-pdf_tool .breadcrumb,
.single-pdf_tool .breadcrumb a{color:var(--mut2) !important}
.single-pdf_tool .breadcrumb a:hover{color:var(--o) !important}

/* content article + long-form prose */
.single-pdf_tool .prose{color:var(--mut) !important}
.single-pdf_tool .prose :is(h1,h2,h3,h4){color:var(--tx) !important}
.single-pdf_tool .prose p{color:var(--mut) !important}
.single-pdf_tool .prose strong{color:var(--tx) !important}
.single-pdf_tool .prose a{color:var(--o) !important}
.single-pdf_tool .section-title{color:var(--tx) !important}
.single-pdf_tool .section-label,
.single-pdf_tool .section-eyebrow{color:var(--o) !important}
.single-pdf_tool .section-sub,
.single-pdf_tool .feature-desc{color:var(--mut) !important}

/* section band backgrounds that were light */
.single-pdf_tool .features-section{background:var(--bg2) !important}
.single-pdf_tool .tools-section{background:var(--bg) !important}

/* cards (use-cases, related tools, faq) */
.single-pdf_tool .feature-card,
.single-pdf_tool .tool-card{background:var(--card) !important;border-color:var(--bd) !important;color:var(--tx) !important}
.single-pdf_tool .feature-card:hover,
.single-pdf_tool .tool-card:hover{border-color:rgba(255,77,28,.35) !important}
.single-pdf_tool .feature-title,
.single-pdf_tool .tool-card-name{color:var(--tx) !important}
.single-pdf_tool details{background:var(--card) !important;border-color:var(--bd) !important}
.single-pdf_tool details summary{color:var(--tx) !important}
.single-pdf_tool details p{color:var(--mut) !important}

/* the interactive tool widget shell */
.single-pdf_tool .tool-page-section{background:var(--bg)}
.single-pdf_tool .tool-page-inner{background:var(--card);border:1px solid var(--bd);border-radius:18px}
.single-pdf_tool .upload-zone{background:var(--bg2);border-color:var(--bd2)}
.single-pdf_tool .upload-title{color:var(--tx)}
.single-pdf_tool .upload-hint{color:var(--mut2)}
.single-pdf_tool .tool-options,
.single-pdf_tool .result-box{background:var(--bg2);border-color:var(--bd)}
.single-pdf_tool .result-title{color:var(--tx)}
.single-pdf_tool .result-sub{color:var(--mut)}

/* ════════════════════════════════════════════════════════════════
 * BLOG index / archives (index.php) — v2.40.0
 * Dark "Latest guide" featured card + post grid + category chips,
 * inspired by the blog mock, in brand orange.
 * ════════════════════════════════════════════════════════════════ */

/* category filter chips (hero) */
.prx-blog-chips{display:flex;gap:10px;flex-wrap:wrap}
.prx-blog-chip{padding:8px 16px;background:var(--card);border:1px solid var(--bd);border-radius:999px;font-size:12.5px;font-weight:700;color:var(--mut);text-decoration:none;transition:all .15s}
.prx-blog-chip:hover{border-color:rgba(255,77,28,.4);color:#fff}
.prx-blog-chip.is-active{background:rgba(255,77,28,.12);border-color:rgba(255,77,28,.4);color:var(--o)}

/* "Latest guide" eyebrow */
.prx-blog-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.prx-blog-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--o);animation:prx-pulse 1.6s infinite}

/* featured card */
.prx-featured{display:grid;grid-template-columns:1.1fr 1fr;gap:0;background:var(--card);border:1px solid var(--bd);border-radius:20px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.35);text-decoration:none;color:inherit;transition:border-color .18s,transform .18s}
.prx-featured:hover{border-color:rgba(255,77,28,.3);transform:translateY(-2px)}
.prx-featured .fbody{padding:34px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.prx-featured h2{font-family:var(--disp);font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--tx);margin:0}
.prx-featured p{font-size:.98rem;line-height:1.6;color:var(--mut);margin:0}
.prx-featured .meta{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.78rem;color:var(--mut2);margin-top:4px;flex-wrap:wrap}
.prx-featured .meta .go{color:var(--o);font-weight:700;margin-left:auto}
.prx-featured .fthumb{overflow:hidden;background:var(--bg2);min-height:240px}
.prx-featured .fthumb :is(svg,img){width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:760px){.prx-featured{grid-template-columns:1fr}.prx-featured .fthumb{order:-1;min-height:200px}}

/* post grid */
.prx-blog-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.prx-bcard{background:var(--card);border:1px solid var(--bd);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .18s,border-color .18s}
.prx-bcard:hover{transform:translateY(-3px);border-color:rgba(255,77,28,.3)}
.prx-bcard .thumb{aspect-ratio:16/9;overflow:hidden;background:var(--bg2)}
.prx-bcard .thumb :is(svg,img){width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.prx-bcard:hover .thumb :is(svg,img){transform:scale(1.04)}
.prx-bcard .body{padding:20px 22px 22px;flex:1;display:flex;flex-direction:column}
.prx-bcard .t{font-family:var(--disp);font-weight:700;font-size:1.08rem;line-height:1.3;color:var(--tx);margin:4px 0 8px}
.prx-bcard .ex{font-size:.9rem;color:var(--mut);line-height:1.55;flex:1}
.prx-bcard .meta{display:flex;gap:8px;align-items:center;margin-top:14px;font-family:var(--mono);font-size:.76rem;color:var(--mut2)}

/* tag chips (pdfrun_blog_tag_chips) recoloured for dark */
.prx .blog-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.prx .blog-tag-chip{font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--o);background:rgba(255,77,28,.1);border:1px solid rgba(255,77,28,.22);padding:3px 9px;border-radius:5px;line-height:1.4;white-space:nowrap}

/* pagination */
.prx-pagination{display:flex;justify-content:center;gap:8px;margin-top:48px;flex-wrap:wrap}
.prx-pagination .prx-page{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;background:var(--card);border:1px solid var(--bd);border-radius:10px;color:var(--mut);font-weight:600;font-size:.9rem;text-decoration:none;transition:all .15s}
.prx-pagination a.prx-page:hover{border-color:rgba(255,77,28,.4);color:#fff}
.prx-pagination .prx-page.current{background:var(--grad);color:#fff;border-color:transparent}
.prx-pagination .prx-page.dots{background:transparent;border:0}

/* blog/archive: complete the dark header treatment */
.blog .nav-link,.archive .nav-link{color:rgba(255,255,255,.66)}
.blog .nav-link:hover,.archive .nav-link:hover{color:#fff;background:rgba(255,255,255,.07)}
.blog .nav-link--active,.archive .nav-link--active{color:var(--orange)}
.blog .site-header .btn-ghost,.archive .site-header .btn-ghost{color:rgba(255,255,255,.72);border-color:rgba(255,255,255,.16)}
.blog .site-header .btn-ghost:hover,.archive .site-header .btn-ghost:hover{color:#fff;background:rgba(255,255,255,.08)}
.blog .site-header .mobile-menu-btn span,.archive .site-header .mobile-menu-btn span{background:#fff}

/* ════════════════════════════════════════════════════════════════
 * v2.41.0 — extend dark theme to: single blog post, pricing,
 * resume-optimizer, LinkedIn carousel maker.
 * ════════════════════════════════════════════════════════════════ */

/* shared dark header on the new scopes */
.single-post .site-header,.page-template-page-pricing .site-header,
.page-template-page-resume-optimizer .site-header,.page-template-page-linkedin-carousel .site-header{
  background:rgba(11,11,15,.72);border-bottom:1px solid rgba(255,255,255,.06);
  backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%)}
.single-post .nav-link,.page-template-page-pricing .nav-link,
.page-template-page-resume-optimizer .nav-link,.page-template-page-linkedin-carousel .nav-link{color:rgba(255,255,255,.66)}
.single-post .nav-link:hover,.page-template-page-pricing .nav-link:hover,
.page-template-page-resume-optimizer .nav-link:hover,.page-template-page-linkedin-carousel .nav-link:hover{color:#fff;background:rgba(255,255,255,.07)}
.single-post .nav-link--active,.page-template-page-pricing .nav-link--active,
.page-template-page-resume-optimizer .nav-link--active,.page-template-page-linkedin-carousel .nav-link--active{color:var(--orange)}
.single-post .site-header .btn-ghost,.page-template-page-pricing .site-header .btn-ghost,
.page-template-page-resume-optimizer .site-header .btn-ghost,.page-template-page-linkedin-carousel .site-header .btn-ghost{color:rgba(255,255,255,.72);border-color:rgba(255,255,255,.16)}
.single-post .mobile-menu-btn span,.page-template-page-pricing .mobile-menu-btn span,
.page-template-page-resume-optimizer .mobile-menu-btn span,.page-template-page-linkedin-carousel .mobile-menu-btn span{background:#fff}

/* ── single blog post (single.php) ──────────────────────────────── */
body.single-post{background:var(--bg);color:var(--tx)}
.single-post .post-hero{background:radial-gradient(ellipse 55% 60% at 30% 0%,rgba(255,77,28,.10),transparent 60%),var(--bg);border-bottom:1px solid var(--bd);padding:56px 0 36px}
.single-post .post-hero h1{color:var(--tx)}
.single-post .breadcrumb,.single-post .breadcrumb a{color:var(--mut2)}
.single-post .breadcrumb a:hover{color:var(--o)}
/* article body — user HTML from the editor */
.single-post .post-content{max-width:760px;margin:0 auto;padding:40px 24px 8px;color:var(--mut);font-size:1.05rem;line-height:1.75}
.single-post .post-content :is(h1,h2,h3,h4){color:var(--tx);font-family:var(--disp);letter-spacing:-.02em;margin:1.6em 0 .6em;line-height:1.2}
.single-post .post-content h2{font-size:1.7rem}.single-post .post-content h3{font-size:1.3rem}
.single-post .post-content p{margin:0 0 1.1em}
.single-post .post-content a{color:var(--o);text-decoration:none}
.single-post .post-content a:hover{text-decoration:underline}
.single-post .post-content strong{color:var(--tx)}
.single-post .post-content :is(ul,ol){margin:0 0 1.1em 1.3em}
.single-post .post-content li{margin:.4em 0}
.single-post .post-content blockquote{border-left:3px solid var(--o);background:var(--card);padding:14px 20px;border-radius:8px;margin:1.4em 0;color:var(--mut)}
.single-post .post-content :is(code,pre){background:var(--card);border:1px solid var(--bd);border-radius:8px}
.single-post .post-content code{padding:2px 6px;font-size:.9em;color:#ffb28a}
.single-post .post-content pre{padding:16px 18px;overflow:auto}
.single-post .post-content img{border-radius:12px;max-width:100%;height:auto}
.single-post .post-content table{width:100%;border-collapse:collapse;margin:1.4em 0}
.single-post .post-content :is(th,td){border:1px solid var(--bd);padding:10px 12px;text-align:left}
.single-post .post-content th{background:var(--card);color:var(--tx)}
/* tag pills + related grid reuse blog styles */
.single-post .blog-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.single-post .blog-card{background:var(--card) !important;border:1px solid var(--bd) !important;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .18s,border-color .18s}
.single-post .blog-card:hover{transform:translateY(-3px);border-color:rgba(255,77,28,.3) !important}
.single-post .blog-card-title{color:var(--tx) !important;font-family:var(--disp);font-weight:700}
.single-post .blog-card-excerpt{color:var(--mut) !important}
.single-post .blog-card-meta{color:var(--mut2) !important}
.single-post .blog-tag-chip{color:var(--o) !important;background:rgba(255,77,28,.1) !important;border-color:rgba(255,77,28,.22) !important}

/* ── pricing / resume / carousel: generic dark helpers for their
 *    class-based bits + white-card fallback ─────────────────────── */
.page-template-page-pricing .section-title,
.page-template-page-resume-optimizer .section-title,
.page-template-page-linkedin-carousel .section-title{color:var(--tx)}
.page-template-page-pricing .section-label,
.page-template-page-resume-optimizer .section-label,
.page-template-page-linkedin-carousel .section-label{color:var(--o)}

/* v2.41.1 fixes ----------------------------------------------------
 * (a) Footer stayed on the theme's own dark var(--ink) — DO NOT remap
 *     --ink (removed above), so .site-footer is dark again on these
 *     pages. Belt-and-braces: force it, since this sheet only loads
 *     on the dark pages anyway. */
.site-footer{background:#0A0A0B}
.site-footer,.site-footer a{color:rgba(255,255,255,.6)}
.site-footer a:hover{color:#fff}

/* (b) Pricing "most popular" (PRO) card used a light gradient from
 *     pdfrun.css — recolour to a subtle orange-on-dark highlight. */
.page-template-page-pricing .pricing-card{background:#161619}
.page-template-page-pricing .pricing-card.featured{
  background:linear-gradient(160deg,rgba(255,77,28,.12),rgba(255,77,28,.04));
  border-color:var(--orange) !important}
.page-template-page-pricing .pricing-card :is(h3,.pricing-price,.plan-name,strong){color:var(--tx)}

/* ════════════════════════════════════════════════════════════════
 * v2.42.0 — GLOBAL dark chrome.
 * tool-theme.css is now enqueued on every front-end page, so the
 * fixed header, its nav, and the footer read dark site-wide (the
 * per-page header rules above are now redundant but harmless). This
 * also fixes the logo: header.php paints the "PDF" wordmark in a light
 * colour, which needs a dark bar to be visible.
 * ════════════════════════════════════════════════════════════════ */
.site-header{
  background:rgba(11,11,15,.82) !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
  backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%)}
.site-header .nav-link{color:rgba(255,255,255,.7)}
.site-header .nav-link:hover{color:#fff;background:rgba(255,255,255,.07)}
.site-header .nav-link--active{color:var(--orange,#FF4D1C)}
.site-header .btn-ghost{color:rgba(255,255,255,.78);border-color:rgba(255,255,255,.18)}
.site-header .btn-ghost:hover{color:#fff;background:rgba(255,255,255,.08)}
.site-header .mobile-menu-btn span{background:#fff}
/* footer stays dark everywhere + readable links */
.site-footer{background:#0A0A0B}
.site-footer,.site-footer a{color:rgba(255,255,255,.6)}
.site-footer a:hover{color:#fff}
.site-footer :is(h3,h4,strong,.footer-col-title){color:#fff}

/* account page bg */
body.page-template-page-account,body.page-template-page-tools{background:var(--bg);color:var(--tx)}

/* ── #4 nav "save 30%" badge on Upgrade Pro ─────────────────────── */
.nav-save-badge{display:inline-block;margin-left:7px;font-size:9.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:rgba(255,255,255,.22);color:#fff;border-radius:5px;padding:2px 6px;vertical-align:middle;line-height:1}
@media(max-width:520px){.nav-save-badge{display:none}}

/* ── #4 pricing annual note + best-value + #6 credits highlight ── */
.page-template-page-pricing .pricing-annual-note{font-size:.8rem;color:var(--orange);font-weight:600;margin:-8px 0 16px}
.page-template-page-pricing .pricing-highlight-box{background:rgba(255,77,28,.08);border:1px solid rgba(255,77,28,.22);border-radius:10px;padding:10px 12px;margin-bottom:16px;font-size:.86rem;color:#ffb28a;line-height:1.5}

/* ════════════════════════════════════════════════════════════════
 * v2.44.0 — generic content pages (page.php) + comparison pages.
 * Covers the footer links that were still light: /gdpr/, /privacy-policy/,
 * /terms-of-service/, /cookie-policy/, /security/, /about/,
 * /editorial-policy/, /contact/  (all page-template-default), and the
 * /vs/* comparison pages (page-template-page-compare).
 * ════════════════════════════════════════════════════════════════ */
body.page-template-default{background:var(--bg);color:var(--tx)}
.page-template-default main h1{color:var(--tx)}
.page-template-default .post-content{color:var(--mut);line-height:1.75}
.page-template-default .post-content :is(h1,h2,h3,h4,h5){color:var(--tx)}
.page-template-default .post-content p,
.page-template-default .post-content li{color:var(--mut)}
.page-template-default .post-content a{color:var(--o);text-decoration:none}
.page-template-default .post-content a:hover{text-decoration:underline}
.page-template-default .post-content strong{color:var(--tx)}
.page-template-default .post-content :is(ul,ol){margin:0 0 1.1em 1.3em}
.page-template-default .post-content blockquote{border-left:3px solid var(--o);background:var(--card);padding:14px 20px;border-radius:8px;color:var(--mut)}
.page-template-default .post-content :is(code,pre){background:var(--card);border:1px solid var(--bd)}
.page-template-default .post-content code{padding:2px 6px;color:#ffb28a}
.page-template-default .post-content pre{padding:16px 18px;overflow:auto;border-radius:10px}
.page-template-default .post-content img{border-radius:12px;max-width:100%;height:auto}
.page-template-default .post-content hr{border:0;border-top:1px solid var(--bd);margin:2em 0}
.page-template-default .post-content table{width:100%;border-collapse:collapse;margin:1.4em 0}
.page-template-default .post-content :is(th,td){border:1px solid var(--bd);padding:10px 12px;text-align:left}
.page-template-default .post-content th{background:var(--card);color:var(--tx)}
/* WP core blocks sometimes carry light inline bg */
.page-template-default .wp-block-group,
.page-template-default .wp-block-column{background:transparent}

/* comparison pages */
body.page-template-page-compare{background:var(--bg);color:var(--tx)}

/* v2.44.1 — comparison pages: the difference cards use the shared light
 * .feature-card classes from pdfrun.css. Force them dark here (titles
 * were flipping to light-on-light). */
.page-template-page-compare .features-section{background:var(--bg2)}
.page-template-page-compare .feature-card{background:var(--card) !important;border:1px solid var(--bd) !important}
.page-template-page-compare .feature-card:hover{border-color:rgba(255,77,28,.3) !important}
.page-template-page-compare .feature-title{color:var(--tx) !important}
.page-template-page-compare .feature-desc{color:var(--mut) !important}
.page-template-page-compare .section-label{color:var(--o) !important}

/* Generic content pages via the .prx wrapper on page.php (body-class
 * independent — covers /gdpr/, /privacy-policy/, /terms-of-service/,
 * /cookie-policy/, /security/, /about/, /editorial-policy/, /contact/). */
.prx .post-content{color:var(--mut);line-height:1.75}
.prx .post-content :is(h1,h2,h3,h4,h5){color:var(--tx)}
.prx .post-content p,.prx .post-content li{color:var(--mut)}
.prx .post-content a{color:var(--o);text-decoration:none}
.prx .post-content a:hover{text-decoration:underline}
.prx .post-content strong{color:var(--tx)}
.prx .post-content :is(ul,ol){margin:0 0 1.1em 1.3em}
.prx .post-content blockquote{border-left:3px solid var(--o);background:var(--card);padding:14px 20px;border-radius:8px;color:var(--mut)}
.prx .post-content :is(code,pre){background:var(--card);border:1px solid var(--bd)}
.prx .post-content code{padding:2px 6px;color:#ffb28a}
.prx .post-content pre{padding:16px 18px;overflow:auto;border-radius:10px}
.prx .post-content img{border-radius:12px;max-width:100%;height:auto}
.prx .post-content hr{border:0;border-top:1px solid var(--bd);margin:2em 0}
.prx .post-content table{width:100%;border-collapse:collapse;margin:1.4em 0}
.prx .post-content :is(th,td){border:1px solid var(--bd);padding:10px 12px;text-align:left}
.prx .post-content th{background:var(--card);color:var(--tx)}

/* ════════════════════════════════════════════════════════════════
 * v2.47.0 — legal / about / contact templates.
 * page-legal.php renders: /privacy-policy/, /security/,
 * /terms-of-service/, /cookie-policy/, /gdpr/, /editorial-policy/,
 * /authors/ and /authors/pdfrun-editorial-team/ (the engine assigns
 * them page-legal.php). Plus /about/ and /contact/.
 * ════════════════════════════════════════════════════════════════ */

/* these three use var(--white) for card backgrounds (never for text —
 * that's the literal 'white'), so remapping it here is safe and darkens
 * the contact form card + about panels. */
body.page-template-page-legal,
body.page-template-page-about,
body.page-template-page-contact{ --white:#161619; }

/* page-legal: hero band, breadcrumb, title, prose */
.page-template-page-legal main h1,
.page-template-page-legal section h1{color:var(--tx)}
.page-template-page-legal .breadcrumb,.page-template-page-legal .breadcrumb a{color:var(--mut2)}
.page-template-page-legal .breadcrumb a:hover{color:var(--o)}
/* legal + default share the same .post-content prose treatment */
.page-template-page-legal .post-content{color:var(--mut);line-height:1.75}
.page-template-page-legal .post-content :is(h1,h2,h3,h4,h5){color:var(--tx)}
.page-template-page-legal .post-content p,.page-template-page-legal .post-content li{color:var(--mut)}
.page-template-page-legal .post-content a{color:var(--o);text-decoration:none}
.page-template-page-legal .post-content a:hover{text-decoration:underline}
.page-template-page-legal .post-content strong{color:var(--tx)}
.page-template-page-legal .post-content :is(ul,ol){margin:0 0 1.1em 1.3em}
.page-template-page-legal .post-content blockquote{border-left:3px solid var(--o);background:var(--card);padding:14px 20px;border-radius:8px;color:var(--mut)}
.page-template-page-legal .post-content :is(code,pre){background:var(--card);border:1px solid var(--bd)}
.page-template-page-legal .post-content table{width:100%;border-collapse:collapse;margin:1.4em 0}
.page-template-page-legal .post-content :is(th,td){border:1px solid var(--bd);padding:10px 12px;text-align:left}
.page-template-page-legal .post-content th{background:var(--card);color:var(--tx)}
.page-template-page-legal .post-content hr{border:0;border-top:1px solid var(--bd);margin:2em 0}

/* page-about: dark hero already; darken the shared feature cards + section titles */
.page-template-page-about .section-title,.page-template-page-about h2{color:var(--tx)}
.page-template-page-about .section-label,.page-template-page-about .section-eyebrow{color:var(--o)}
.page-template-page-about .section-sub{color:var(--mut)}
.page-template-page-about .feature-card{background:var(--card) !important;border:1px solid var(--bd) !important}
.page-template-page-about .feature-title{color:var(--tx) !important}
.page-template-page-about .feature-desc{color:var(--mut) !important}
.page-template-page-about p{color:var(--mut)}
.page-template-page-about h1,.page-template-page-about h3{color:var(--tx)}

/* page-contact: form card + inputs + labels */
.page-template-page-contact .section-title{color:var(--tx)}
.page-template-page-contact .section-label{color:var(--o)}
.page-template-page-contact .section-sub{color:var(--mut)}
.page-template-page-contact label{color:var(--mut)}
.page-template-page-contact input,.page-template-page-contact textarea,.page-template-page-contact select{
  background:var(--bg2) !important;color:var(--tx) !important;border-color:var(--bd2) !important}
.page-template-page-contact input::placeholder,.page-template-page-contact textarea::placeholder{color:var(--mut2)}
.page-template-page-contact .pdfrun-notice{background:var(--card);border:1px solid var(--bd);color:var(--tx)}