/* ============================================================
   OWNDEVZ PREMIUM THEME v5.0
   Complete design system — homepage-matched across ALL pages
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap');

/* ══════════════════════════════════════════════════
   DESIGN TOKENS — DARK (default)
══════════════════════════════════════════════════ */
:root {
  /* Backgrounds */
  --bg:         #0a0a12;
  --bg2:        #0f0f1a;
  --bg3:        #141422;
  /* Surfaces */
  --surface:    rgba(255,255,255,0.035);
  --surface-h:  rgba(255,255,255,0.065);
  --surface-ac: rgba(99,102,241,0.12);
  /* Borders */
  --border:     rgba(255,255,255,0.07);
  --border-h:   rgba(255,255,255,0.16);
  --border-ac:  rgba(99,102,241,0.4);
  /* Text */
  --text:   #f0f4ff;
  --text2:  #b8c4d8;
  --text3:  #6a7590;
  --text4:  #3d4860;
  /* Accent palette */
  --indigo:  #6366f1;
  --purple:  #8b5cf6;
  --violet:  #a78bfa;
  --green:   #22c55e;
  --amber:   #f59e0b;
  --blue:    #3b82f6;
  --red:     #ef4444;
  /* Component tokens */
  --nav-bg:      rgba(10,10,18,0.82);
  --card-bg:     rgba(255,255,255,0.03);
  --card-border: rgba(255,255,255,0.07);
  --card-shadow: 0 2px 12px rgba(0,0,0,0.3);
  --modal-bg:    rgba(10,10,18,0.97);
  --input-bg:    rgba(255,255,255,0.05);
  --input-border:rgba(255,255,255,0.1);
  /* Icon colors — explicit, no inheritance issues */
  --icon-color:  #8892a4;
  /* Easing */
  --spring: cubic-bezier(0.16,1,0.3,1);
  --ease:   cubic-bezier(0.4,0,0.2,1);
  /* Radii */
  --r-xs:4px; --r-sm:8px; --r:12px; --r-lg:16px; --r-xl:24px;
}

/* ══════════════════════════════════════════════════
   DESIGN TOKENS — LIGHT (matches homepage exactly)
══════════════════════════════════════════════════ */
body.owndz-light {
  --bg:         #f8f9fc;
  --bg2:        #f0f2f8;
  --bg3:        #e8eaf4;
  --surface:    rgba(0,0,0,0.023);
  --surface-h:  rgba(0,0,0,0.05);
  --surface-ac: rgba(99,102,241,0.08);
  --border:     rgba(148,163,184,0.18);
  --border-h:   rgba(148,163,184,0.38);
  --border-ac:  rgba(99,102,241,0.35);
  --text:   #0f172a;
  --text2:  #334155;
  --text3:  #64748b;
  --text4:  #94a3b8;
  --indigo:  #4f46e5;
  --purple:  #7c3aed;
  --violet:  #6d28d9;
  --nav-bg:      rgba(248,249,252,0.88);
  --card-bg:     #ffffff;
  --card-border: rgba(148,163,184,0.18);
  --card-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 16px rgba(0,0,0,0.06);
  --modal-bg:    rgba(248,249,252,0.98);
  --input-bg:    rgba(0,0,0,0.03);
  --input-border:rgba(0,0,0,0.1);
  --icon-color:  #64748b;
}

/* ══════════════════════════════════════════════════
   GLOBAL RESET & FONT
══════════════════════════════════════════════════ */
html, body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  background: var(--bg) !important;
  color: var(--text) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
::selection { background: rgba(99,102,241,0.25); color: var(--text); }
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: rgba(128,128,160,0.25); border-radius: 3px; }
/* Theme transition */
body, .owndz-nav, .owndz-blog-card, .owndz-footer {
  transition: background-color 0.25s var(--ease), color 0.25s var(--ease), border-color 0.25s var(--ease) !important;
}

/* Ambient glow — dark only */
body:not(.owndz-light)::after {
  content:''; position:fixed; inset:0; z-index:-2; pointer-events:none;
  background:
    radial-gradient(ellipse 90% 45% at 50% -5%, rgba(99,102,241,0.08) 0%, transparent 60%),
    radial-gradient(ellipse 55% 35% at 95% 95%, rgba(139,92,246,0.05) 0%, transparent 50%);
}
/* Light mode: subtle gradient matching homepage */
body.owndz-light::after {
  content:''; position:fixed; inset:0; z-index:-2; pointer-events:none;
  background:
    radial-gradient(ellipse 80% 40% at 60% -10%, rgba(99,102,241,0.06) 0%, transparent 55%),
    radial-gradient(ellipse 50% 30% at 5% 100%, rgba(139,92,246,0.04) 0%, transparent 50%);
}

/* ══════════════════════════════════════════════════
   HIDE WP NATIVE HEADER
══════════════════════════════════════════════════ */
#masthead, .site-header, header.site-header,
.site-header.has-inline-mobile-toggle, .inside-header,
.site-branding-container, .main-navigation,
.mobile-menu-control-wrapper, .nav-primary,
footer.site-footer, .site-footer { display: none !important; }
#wpadminbar { display: block !important; position: fixed !important; z-index: 99999 !important; }
body.admin-bar .owndz-nav { top: 32px !important; }
@media screen and (max-width:782px) { body.admin-bar .owndz-nav { top: 46px !important; } }
body:not(.admin-bar) { padding-top: 64px !important; }
body.admin-bar    { padding-top: 96px !important; }

/* ══════════════════════════════════════════════════
   NAV
══════════════════════════════════════════════════ */
.owndz-nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 9000;
  background: var(--nav-bg);
  backdrop-filter: blur(24px) saturate(200%);
  -webkit-backdrop-filter: blur(24px) saturate(200%);
  border-bottom: 1px solid var(--border);
  height: 64px;
}
.owndz-nav.scrolled { box-shadow: 0 4px 32px rgba(0,0,0,0.15); border-bottom-color: var(--border-h); }
body.owndz-light .owndz-nav.scrolled { box-shadow: 0 4px 24px rgba(0,0,0,0.07); }
.owndz-nav-inner {
  max-width: 1280px; margin: 0 auto; height: 64px;
  display: flex; align-items: center; gap: 28px; padding: 0 24px;
}
/* Logo */
.owndz-logo {
  font-size: 17px; font-weight: 800; letter-spacing: -0.4px;
  text-decoration: none !important; white-space: nowrap;
  display: flex; align-items: center; gap: 6px;
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}
.owndz-logo-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  flex-shrink: 0; display: inline-block;
  -webkit-text-fill-color: initial; /* reset so dot shows */
}
/* Nav links */
.owndz-nav-links { display: flex; align-items: center; gap: 2px; flex: 1; }
.owndz-nav-links a {
  font-size: 14px; font-weight: 500; color: var(--text2) !important;
  text-decoration: none !important; padding: 6px 12px;
  border-radius: var(--r-sm); transition: color 0.18s, background 0.18s !important;
}
.owndz-nav-links a:hover { color: var(--text) !important; background: var(--surface-h); }
.owndz-nav-links a.active {
  color: var(--text) !important; background: var(--surface-h);
  font-weight: 600 !important;
}
/* Nav actions */
.owndz-nav-actions { display: flex; align-items: center; gap: 6px; margin-left: auto; }

/* ── ICON BUTTONS — explicit colors, no inheritance issues ── */
.owndz-icon-btn {
  width: 36px; height: 36px; border-radius: 8px;
  border: 1px solid var(--border) !important;
  background: var(--surface) !important;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  /* EXPLICIT color overrides to fix broken icons: */
  color: var(--icon-color) !important;
  transition: background 0.18s, border-color 0.18s, transform 0.18s, color 0.18s !important;
  text-decoration: none !important; flex-shrink: 0;
}
.owndz-icon-btn:hover {
  background: var(--surface-h) !important;
  border-color: var(--border-h) !important;
  color: var(--text) !important;
  transform: translateY(-1px);
}
.owndz-icon-btn svg {
  display: block;
  pointer-events: none;
  overflow: visible;
}
/* SVG lines/circles in icon buttons — explicit stroke */
.owndz-icon-btn svg circle,
.owndz-icon-btn svg path,
.owndz-icon-btn svg line { stroke: currentColor !important; }
/* Filled moon icon uses fill */
.owndz-icon-btn .icon-dark svg { fill: currentColor !important; stroke: none !important; }
.owndz-icon-btn .icon-light svg circle { fill: none !important; stroke: currentColor !important; }
/* Theme toggle display logic */
.icon-dark { display: flex; align-items: center; justify-content: center; }
.icon-light { display: none; align-items: center; justify-content: center; }
body.owndz-light .icon-dark { display: none; }
body.owndz-light .icon-light { display: flex; }

/* Explore Tools CTA */
.owndz-cta-btn {
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  color: #fff !important; border: none !important;
  padding: 8px 18px; border-radius: var(--r-sm);
  font-size: 13px; font-weight: 600; letter-spacing: -0.1px;
  cursor: pointer; text-decoration: none !important; white-space: nowrap;
  transition: opacity 0.18s, transform 0.18s, box-shadow 0.18s !important;
  box-shadow: 0 4px 14px rgba(99,102,241,0.35);
}
.owndz-cta-btn:hover { opacity: 0.92; transform: translateY(-1px); box-shadow: 0 6px 20px rgba(99,102,241,0.45); }

/* ══════════════════════════════════════════════════
   SEARCH MODAL
══════════════════════════════════════════════════ */
.owndz-search-overlay {
  position: fixed; inset: 0; z-index: 99999;
  background: rgba(5,5,15,0.65); backdrop-filter: blur(6px);
  display: flex; align-items: flex-start; justify-content: center;
  padding: 80px 16px 0;
  opacity: 0; pointer-events: none;
  transition: opacity 0.2s;
}
body.owndz-light .owndz-search-overlay { background: rgba(10,10,30,0.4); }
.owndz-search-overlay.open { opacity: 1; pointer-events: all; }
.owndz-search-box {
  width: 100%; max-width: 580px;
  background: var(--modal-bg); border: 1px solid var(--border-h);
  border-radius: 16px; box-shadow: 0 24px 80px rgba(0,0,0,0.4);
  overflow: hidden;
  transform: translateY(-12px) scale(0.97);
  transition: transform 0.22s var(--spring);
}
body.owndz-light .owndz-search-box { box-shadow: 0 24px 80px rgba(0,0,0,0.12); }
.owndz-search-overlay.open .owndz-search-box { transform: translateY(0) scale(1); }
.owndz-search-wrap {
  display: flex; align-items: center; gap: 10px;
  padding: 14px 18px; border-bottom: 1px solid var(--border);
}
.owndz-search-wrap svg { flex-shrink: 0; color: var(--text3) !important; }
.owndz-search-wrap svg path, .owndz-search-wrap svg circle { stroke: currentColor !important; }
.owndz-search-input-el {
  flex: 1; background: none; border: none; outline: none;
  font-size: 15px; font-family: inherit; color: var(--text) !important;
  caret-color: var(--indigo);
}
.owndz-search-input-el::placeholder { color: var(--text3); }
.owndz-search-esc {
  background: var(--surface-h); border: 1px solid var(--border);
  border-radius: 5px; color: var(--text3) !important; font-size: 11px;
  padding: 3px 7px; cursor: pointer; font-family: inherit; flex-shrink: 0;
}
.owndz-search-list { max-height: 380px; overflow-y: auto; padding: 6px; }
.owndz-s-item {
  display: flex; align-items: center; gap: 10px;
  padding: 9px 10px; border-radius: 8px;
  text-decoration: none !important; color: var(--text) !important;
  transition: background 0.12s;
}
.owndz-s-item:hover, .owndz-s-item.sel { background: var(--surface-h); }
.owndz-s-icon {
  width: 34px; height: 34px; border-radius: 9px;
  background: var(--surface-ac); display: flex; align-items: center;
  justify-content: center; font-size: 16px; flex-shrink: 0;
}
.owndz-s-name { font-size: 14px; font-weight: 500; }
.owndz-s-type { font-size: 11px; color: var(--text3); margin-top: 1px; }
.owndz-s-empty { padding: 28px 16px; text-align: center; color: var(--text3); font-size: 14px; }
.owndz-search-foot {
  padding: 10px 16px; border-top: 1px solid var(--border);
  display: flex; gap: 14px;
}
.owndz-search-foot span { font-size: 11px; color: var(--text3); display: flex; align-items: center; gap: 4px; }
kbd {
  background: var(--surface-h); border: 1px solid var(--border);
  border-radius: 4px; padding: 2px 5px; font-size: 11px; font-family: inherit;
}

/* ══════════════════════════════════════════════════
   LAYOUT — make all WP content transparent
══════════════════════════════════════════════════ */
.site-content, #primary, .content-area, main.site-main,
.site-main, #content, .entry-content-wrap, .inside-article,
.inside-page-header, .container, .page-content,
.separate-containers .inside-article,
.separate-containers #primary {
  background: transparent !important;
  color: var(--text2) !important;
}
.site-main, #primary, .content-area { background: var(--bg) !important; }

/* ══════════════════════════════════════════════════
   BLOG ARCHIVE / CATEGORY PAGE — homepage-matched design
══════════════════════════════════════════════════ */
.owndz-blog-section {
  max-width: 1200px; margin: 0 auto; padding: 64px 24px 80px;
}
/* Section header — matches homepage "FROM THE BLOG" style exactly */
.owndz-section-eyebrow {
  display: inline-flex; align-items: center; gap: 6px;
  background: var(--surface-ac); border: 1px solid rgba(99,102,241,0.2);
  border-radius: 20px; padding: 5px 14px;
  font-size: 12px; font-weight: 600; color: var(--indigo) !important;
  letter-spacing: 0.4px; text-transform: uppercase;
  margin-bottom: 16px;
}
.owndz-section-title {
  font-size: clamp(26px, 4vw, 40px) !important; font-weight: 800 !important;
  color: var(--text) !important; letter-spacing: -0.6px !important;
  line-height: 1.18 !important; margin: 0 0 10px !important;
}
.owndz-section-sub {
  font-size: 16px; color: var(--text3); margin: 0 0 36px !important;
}
/* Category tabs — pill style matching homepage */
.owndz-cat-tabs {
  display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 32px;
}
.owndz-cat-tab {
  padding: 6px 16px; border-radius: 20px; font-size: 13px; font-weight: 500;
  border: 1px solid var(--border); background: var(--surface);
  color: var(--text2) !important; cursor: pointer;
  text-decoration: none !important; transition: all 0.18s; white-space: nowrap;
}
.owndz-cat-tab:hover { background: var(--surface-h); color: var(--text) !important; border-color: var(--border-h); }
.owndz-cat-tab.active {
  background: var(--surface-ac); color: var(--indigo) !important;
  border-color: rgba(99,102,241,0.35); font-weight: 600;
}
/* Blog grid */
.owndz-blog-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;
}
@media (max-width: 900px) { .owndz-blog-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 600px) { .owndz-blog-grid { grid-template-columns: 1fr; } }

/* ══════════════════════════════════════════════════
   BLOG CARD — exact homepage match
══════════════════════════════════════════════════ */
.owndz-blog-card {
  background: var(--card-bg); border: 1px solid var(--card-border);
  border-radius: var(--r-lg); padding: 22px 24px;
  text-decoration: none !important; color: var(--text) !important;
  display: flex; flex-direction: column; gap: 10px;
  transition: transform 0.22s var(--spring), box-shadow 0.22s, border-color 0.22s;
  position: relative; overflow: hidden;
  box-shadow: var(--card-shadow);
}
.owndz-blog-card::before {
  content:''; position:absolute; inset:0; border-radius: inherit;
  background: linear-gradient(135deg, rgba(99,102,241,0) 0%, rgba(139,92,246,0) 100%);
  opacity: 0; transition: opacity 0.3s;
}
.owndz-blog-card:hover {
  transform: translateY(-4px);
  border-color: var(--border-ac) !important;
  box-shadow: 0 0 0 1px rgba(99,102,241,0.15), 0 8px 32px rgba(99,102,241,0.12), 0 20px 48px rgba(0,0,0,0.15) !important;
}
body.owndz-light .owndz-blog-card:hover {
  box-shadow: 0 0 0 1px rgba(99,102,241,0.2), 0 8px 24px rgba(99,102,241,0.08), 0 16px 40px rgba(0,0,0,0.08) !important;
}
.owndz-blog-card:hover::before { opacity: 0.03; }
/* Card category badge — matches homepage style */
.owndz-card-cat {
  display: inline-flex; align-items: center;
  font-size: 11px; font-weight: 700; letter-spacing: 0.6px;
  text-transform: uppercase; padding: 3px 9px; border-radius: 20px;
  width: fit-content; width: -moz-fit-content;
}
.owndz-card-title {
  font-size: 15px; font-weight: 700; color: var(--text) !important;
  line-height: 1.38; letter-spacing: -0.1px;
}
.owndz-card-excerpt {
  font-size: 13px; color: var(--text3) !important; line-height: 1.65;
  flex: 1;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
  overflow: hidden;
}
.owndz-card-meta {
  display: flex; align-items: center; gap: 8px;
  font-size: 12px; color: var(--text3); margin-top: 4px;
  font-weight: 400;
}
.owndz-card-meta-dot { opacity: 0.4; }
/* Loading / empty state */
.owndz-grid-msg {
  grid-column: 1/-1; padding: 56px 24px; text-align: center;
  color: var(--text3); font-size: 15px;
}

/* ══════════════════════════════════════════════════
   SINGLE POST — HERO
══════════════════════════════════════════════════ */
.owndz-post-hero {
  padding: 52px 24px 44px; text-align: center; position: relative;
  border-bottom: 1px solid var(--border);
}
.owndz-post-hero::before {
  content:''; position:absolute; inset:0; z-index:0; pointer-events:none;
  background: radial-gradient(ellipse 75% 90% at 50% -15%, rgba(99,102,241,0.1) 0%, transparent 65%);
}
.owndz-post-hero > * { position: relative; z-index: 1; }
.owndz-post-breadcrumb {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  font-size: 12px; color: var(--text3); margin-bottom: 14px;
}
.owndz-post-breadcrumb a { color: var(--text3) !important; text-decoration: none !important; }
.owndz-post-breadcrumb a:hover { color: var(--indigo) !important; }
.owndz-post-cat-badge {
  display: inline-flex; align-items: center;
  font-size: 11px; font-weight: 700; letter-spacing: 0.6px;
  text-transform: uppercase; padding: 4px 12px; border-radius: 20px;
  margin-bottom: 14px; text-decoration: none !important;
}
.owndz-post-title {
  font-size: clamp(22px, 4vw, 38px) !important; font-weight: 800 !important;
  color: var(--text) !important; letter-spacing: -0.5px !important;
  line-height: 1.2 !important; max-width: 740px; margin: 0 auto 14px !important;
}
.owndz-post-meta {
  display: flex; align-items: center; justify-content: center;
  gap: 14px; font-size: 13px; color: var(--text3); flex-wrap: wrap;
}

/* ══════════════════════════════════════════════════
   ARTICLE CONTENT
══════════════════════════════════════════════════ */
.entry-header .entry-title { display: none !important; }
.entry-content, .entry-summary {
  font-size: 16px !important; font-weight: 400 !important;
  line-height: 1.82 !important; color: var(--text2) !important;
  max-width: 688px !important; margin: 0 auto !important;
}
.entry-content > p:first-of-type {
  font-size: 17.5px !important; color: var(--text) !important;
  line-height: 1.72 !important; padding-left: 18px !important;
  border-left: 3px solid var(--indigo); margin-bottom: 28px !important;
}
.entry-content h2, .entry-content h3, .entry-content h4 {
  font-family: 'Inter', sans-serif !important; color: var(--text) !important;
  font-weight: 700 !important; letter-spacing: -0.3px !important; margin-top: 2em !important;
}
.entry-content h2 { font-size: clamp(20px,3vw,26px) !important; }
.entry-content h3 { font-size: clamp(17px,2.5vw,21px) !important; }
.entry-content a { color: var(--indigo) !important; text-decoration: underline !important; text-underline-offset: 3px; }
.entry-content a:hover { color: var(--violet) !important; }
.entry-content img { border-radius: var(--r) !important; max-width: 100% !important; }
.entry-content ul, .entry-content ol { padding-left: 1.5em !important; }
.entry-content li { margin-bottom: 0.45em !important; color: var(--text2) !important; }
.entry-content blockquote {
  border-left: 3px solid var(--indigo) !important; margin: 24px 0 !important;
  padding: 14px 20px !important; background: var(--surface-ac) !important;
  border-radius: 0 var(--r-sm) var(--r-sm) 0 !important; color: var(--text2) !important;
}
.entry-content code {
  background: rgba(99,102,241,0.1) !important; color: var(--violet) !important;
  padding: 2px 6px !important; border-radius: 4px !important;
  font-family: 'JetBrains Mono', monospace !important; font-size: 0.86em !important;
}
.entry-content pre {
  background: #0d0d16 !important; border: 1px solid var(--border) !important;
  border-radius: var(--r) !important; padding: 18px 20px !important;
  overflow-x: auto !important; border-left: 3px solid var(--indigo) !important;
}
body.owndz-light .entry-content pre { background: #1a1b26 !important; }
.entry-content pre code { background: none !important; color: #cdd6f4 !important; font-size: 13.5px !important; padding: 0 !important; }
.entry-content table { width: 100% !important; border-collapse: collapse !important; margin: 20px 0 !important; }
.entry-content th { background: var(--bg2) !important; color: var(--text) !important; padding: 10px 14px !important; border: 1px solid var(--border) !important; font-size: 12px !important; text-transform: uppercase; letter-spacing: 0.5px; }
.entry-content td { padding: 10px 14px !important; border: 1px solid var(--border) !important; color: var(--text2) !important; font-size: 14px !important; }
.entry-content tr:nth-child(even) td { background: var(--surface) !important; }
.entry-header, .entry-footer, .entry-meta { max-width: 688px !important; margin: 0 auto !important; }
.entry-footer, .entry-meta { color: var(--text3) !important; font-size: 13px !important; padding-top: 12px; }

/* ══════════════════════════════════════════════════
   TOC
══════════════════════════════════════════════════ */
.owndz-toc {
  background: var(--surface) !important; border: 1px solid var(--border) !important;
  border-radius: var(--r) !important; padding: 18px 22px !important; margin: 28px 0 !important;
  max-width: 688px !important;
}
.owndz-toc-hd { font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; letter-spacing: 0.7px !important; color: var(--text3) !important; margin-bottom: 10px !important; }
.owndz-toc ol { padding-left: 1.2em !important; margin: 0 !important; }
.owndz-toc li { margin-bottom: 5px !important; }
.owndz-toc a { color: var(--text2) !important; font-size: 13.5px !important; text-decoration: none !important; }
.owndz-toc a:hover { color: var(--indigo) !important; }

/* ══════════════════════════════════════════════════
   SHARE BUTTONS
══════════════════════════════════════════════════ */
.owndz-share {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  border-top: 1px solid var(--border); padding-top: 24px; margin-top: 32px !important;
  max-width: 688px !important;
}
.owndz-share-lbl { font-size: 12px; font-weight: 600; color: var(--text3); text-transform: uppercase; letter-spacing: 0.5px; }
.owndz-share-btn {
  padding: 7px 13px; border-radius: var(--r-sm); border: 1px solid var(--border);
  background: var(--surface); color: var(--text2) !important; font-size: 13px;
  font-weight: 500; cursor: pointer; text-decoration: none !important;
  display: flex; align-items: center; gap: 5px;
  transition: all 0.18s !important;
}
.owndz-share-btn:hover { background: var(--surface-h); color: var(--text) !important; border-color: var(--border-h); }

/* ══════════════════════════════════════════════════
   RELATED POSTS
══════════════════════════════════════════════════ */
.owndz-related {
  max-width: 688px; margin: 48px auto 0 !important;
  border-top: 1px solid var(--border); padding-top: 40px;
}
.owndz-related-hd { font-size: 14px; font-weight: 700; color: var(--text3); text-transform: uppercase; letter-spacing: 0.6px; margin-bottom: 18px; }
.owndz-related-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
@media (max-width:600px) { .owndz-related-grid { grid-template-columns: 1fr; } }

/* ══════════════════════════════════════════════════
   READING PROGRESS
══════════════════════════════════════════════════ */
.owndz-progress {
  position: fixed; top: 0; left: 0; z-index: 99999;
  height: 2px; width: 0%; pointer-events: none;
  background: linear-gradient(90deg, var(--indigo), var(--purple));
  box-shadow: 0 0 10px rgba(99,102,241,0.6);
  transition: width 0.08s linear;
}

/* ══════════════════════════════════════════════════
   SCROLL TO TOP
══════════════════════════════════════════════════ */
.owndz-scroll-top {
  position: fixed; bottom: 24px; right: 24px; z-index: 9000;
  width: 40px; height: 40px; border-radius: 10px;
  background: linear-gradient(135deg, var(--indigo), var(--purple));
  border: none; cursor: pointer; color: #fff !important; font-size: 16px;
  display: flex; align-items: center; justify-content: center;
  opacity: 0; transform: translateY(10px) scale(0.9);
  transition: opacity 0.3s, transform 0.3s;
  box-shadow: 0 4px 16px rgba(99,102,241,0.4);
}
.owndz-scroll-top.show { opacity: 1; transform: translateY(0) scale(1); }
.owndz-scroll-top:hover { transform: translateY(-2px) scale(1) !important; }

/* ══════════════════════════════════════════════════
   PAGINATION — fully dark/light matched
══════════════════════════════════════════════════ */
.pagination, .nav-links, .posts-navigation,
.post-navigation, nav.navigation, .page-links {
  background: var(--bg) !important; border: none !important;
  padding: 32px 0 !important; display: flex !important;
  justify-content: center !important;
}
.page-numbers, .nav-links a, .nav-links span {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  min-width: 38px !important; height: 38px !important; padding: 0 12px !important;
  border: 1px solid var(--border) !important; border-radius: var(--r-sm) !important;
  color: var(--text2) !important; font-size: 14px !important; font-weight: 500 !important;
  text-decoration: none !important; background: var(--surface) !important;
  transition: all 0.18s !important; margin: 0 3px !important; cursor: pointer !important;
}
.page-numbers:hover, .nav-links a:hover {
  background: var(--surface-h) !important; color: var(--text) !important;
  border-color: var(--border-h) !important; transform: translateY(-1px) !important;
}
.page-numbers.current, span.page-numbers.current {
  background: linear-gradient(135deg, var(--indigo), var(--purple)) !important;
  color: #fff !important; border-color: transparent !important;
  box-shadow: 0 4px 12px rgba(99,102,241,0.35) !important;
}
.page-numbers.dots { background: none !important; border-color: transparent !important; cursor: default !important; }

/* ══════════════════════════════════════════════════
   FOOTER
══════════════════════════════════════════════════ */
.owndz-footer {
  background: var(--bg2); border-top: 1px solid var(--border); margin-top: 80px;
  padding: 52px 24px 28px;
}
.owndz-footer-inner { max-width: 1200px; margin: 0 auto; }
.owndz-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 40px; }
@media (max-width:768px) { .owndz-footer-grid { grid-template-columns: 1fr 1fr; gap: 28px; } }
.owndz-footer-brand p { color: var(--text3) !important; font-size: 14px !important; line-height: 1.65 !important; max-width: 256px; margin-top: 10px; }
.owndz-footer-col h4 { font-size: 12px !important; font-weight: 700 !important; color: var(--text) !important; text-transform: uppercase !important; letter-spacing: 0.7px !important; margin-bottom: 14px !important; }
.owndz-footer-col ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.owndz-footer-col li { margin-bottom: 9px !important; }
.owndz-footer-col a { color: var(--text3) !important; font-size: 14px !important; text-decoration: none !important; transition: color 0.18s !important; }
.owndz-footer-col a:hover { color: var(--text) !important; }
.owndz-footer-bottom {
  border-top: 1px solid var(--border); padding-top: 18px;
  display: flex; justify-content: space-between; align-items: center;
  font-size: 13px; color: var(--text4); flex-wrap: wrap; gap: 8px;
}

/* ══════════════════════════════════════════════════
   TAGS / CATEGORY PILLS
══════════════════════════════════════════════════ */
.cat-links a, .tags-links a, .post-categories a, .post-tags a {
  display: inline-block; padding: 3px 9px; border-radius: 20px;
  font-size: 11px; font-weight: 600; text-decoration: none !important;
  border: 1px solid var(--border); background: var(--surface);
  color: var(--text2) !important; margin: 2px; transition: all 0.18s;
  text-transform: uppercase; letter-spacing: 0.4px;
}
.cat-links a:hover, .tags-links a:hover { background: var(--surface-h); color: var(--text) !important; }

/* ══════════════════════════════════════════════════
   WIDGET AREA
══════════════════════════════════════════════════ */
.widget, aside.widget-area, #secondary, .sidebar-area, .inside-right-sidebar {
  background: transparent !important; color: var(--text2) !important;
}
.widget-title { color: var(--text) !important; font-weight: 700 !important; font-size: 12px !important; text-transform: uppercase !important; letter-spacing: 0.6px !important; }
.widget ul li a { color: var(--text2) !important; text-decoration: none !important; font-size: 14px !important; }
.widget ul li a:hover { color: var(--indigo) !important; }

/* ══════════════════════════════════════════════════
   SCROLL REVEAL
══════════════════════════════════════════════════ */
.owndz-reveal {
  opacity: 0; transform: translateY(20px);
  transition: opacity 0.5s var(--ease), transform 0.5s var(--ease);
}
.owndz-reveal.visible { opacity: 1; transform: translateY(0); }

/* ══════════════════════════════════════════════════
   MOBILE
══════════════════════════════════════════════════ */
@media (max-width:768px) {
  .owndz-nav-links { display: none !important; }
  .owndz-nav-inner { gap: 10px !important; padding: 0 16px !important; }
  .entry-content { font-size: 15.5px !important; max-width: 100% !important; }
  .entry-content h2 { font-size: 20px !important; }
  .owndz-blog-section { padding: 40px 16px 60px; }
  .owndz-search-overlay { padding-top: 16px; align-items: flex-start; }
  .owndz-post-hero { padding: 36px 16px 28px; }
}
@media (max-width:480px) {
  .owndz-section-title { font-size: 22px !important; }
  .owndz-related-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition-duration: 0.01ms !important; }
}

/* ══════════════════════════════════════════════════
   PATCH: WP FORMS, COMMENTS, SIDEBAR INPUTS
   (all need explicit dark/light overrides)
══════════════════════════════════════════════════ */

/* All WP form inputs, textareas, selects */
input[type="text"], input[type="email"], input[type="url"],
input[type="search"], input[type="password"], textarea, select,
.wp-block-search__input, .search-field {
  background: var(--input-bg) !important;
  border: 1px solid var(--input-border) !important;
  color: var(--text) !important;
  border-radius: var(--r-sm) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  padding: 9px 12px !important;
  transition: border-color 0.18s !important;
  outline: none !important;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--border-ac) !important;
  box-shadow: 0 0 0 3px rgba(99,102,241,0.12) !important;
}
input::placeholder, textarea::placeholder { color: var(--text3) !important; }

/* Comment form labels */
.comment-form label, #commentform label,
.comment-notes, .logged-in-as {
  color: var(--text3) !important; font-size: 13px !important;
  font-family: 'Inter', sans-serif !important;
}
/* Comment title */
#reply-title, .comment-reply-title {
  color: var(--text) !important; font-size: 18px !important;
  font-weight: 700 !important; font-family: 'Inter', sans-serif !important;
}
/* Comment list */
.comment-author .fn, .comment-metadata a, .comment-content {
  color: var(--text2) !important; font-family: 'Inter', sans-serif !important;
}
/* Submit / Post Comment button */
input[type="submit"], button[type="submit"],
.submit, #submit, .wp-block-search__button {
  background: linear-gradient(135deg, var(--indigo), var(--purple)) !important;
  color: #fff !important; border: none !important;
  padding: 10px 20px !important; border-radius: var(--r-sm) !important;
  font-size: 14px !important; font-weight: 600 !important;
  cursor: pointer !important; font-family: 'Inter', sans-serif !important;
  transition: opacity 0.18s, transform 0.18s !important;
  box-shadow: 0 4px 12px rgba(99,102,241,0.3) !important;
}
input[type="submit"]:hover, button[type="submit"]:hover,
.submit:hover { opacity: 0.9 !important; transform: translateY(-1px) !important; }

/* WP sidebar headings */
.widget-title, h2.widget-title, h3.widgettitle {
  font-size: 13px !important; font-weight: 700 !important;
  color: var(--text) !important; text-transform: uppercase !important;
  letter-spacing: 0.6px !important; font-family: 'Inter', sans-serif !important;
  border: none !important; background: none !important;
}
/* Sidebar widget links */
.widget a, .widgettitle a { color: var(--text2) !important; font-size: 14px !important; }
.widget a:hover { color: var(--indigo) !important; }

/* WP comment area wrapper */
#comments, .comments-area {
  background: transparent !important;
  max-width: 688px !important; margin: 40px auto 0 !important;
  border-top: 1px solid var(--border); padding-top: 32px;
}
#comments h2.comments-title {
  color: var(--text) !important; font-size: 18px !important;
  font-weight: 700 !important; font-family: 'Inter', sans-serif !important;
  margin-bottom: 24px !important;
}
/* Comment items */
.comment-body {
  background: var(--surface) !important; border: 1px solid var(--border) !important;
  border-radius: var(--r) !important; padding: 16px !important; margin-bottom: 16px !important;
}
/* Light mode specific */
body.owndz-light input[type="text"],
body.owndz-light input[type="email"],
body.owndz-light textarea,
body.owndz-light .search-field {
  background: #ffffff !important;
  border-color: rgba(148,163,184,0.25) !important;
}

/* ── Sidebar WP Recent Posts / Comments ── */
.widget_recent_entries ul li a,
.widget_recent_comments ul li,
.widget_archive ul li a,
.widget_categories ul li a {
  color: var(--text2) !important; font-size: 14px !important;
  line-height: 1.5 !important;
}
.recentcomments { color: var(--text3) !important; font-size: 13px !important; }

/* ══════════════════════════════════════════════════
   FIX — FREE TOOLS PAGE LIGHT MODE
   Targets ft-* custom classes from the page builder.
   Dark mode is untouched (no body.owndz-light prefix).
══════════════════════════════════════════════════ */

/* Card container */
body.owndz-light .ft-card {
  background: #ffffff !important;
  border: 1px solid rgba(148,163,184,0.18) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 16px rgba(0,0,0,0.06) !important;
  color: #0f172a !important;
}
body.owndz-light .ft-card:hover {
  background: #fafbff !important;
  border-color: rgba(99,102,241,0.35) !important;
  box-shadow:
    0 0 0 1px rgba(99,102,241,0.2),
    0 8px 24px rgba(99,102,241,0.09),
    0 16px 40px rgba(0,0,0,0.08) !important;
  transform: translateY(-3px) !important;
}
/* Tool name heading */
body.owndz-light .ft-name {
  color: #0f172a !important;
}
/* Tool description */
body.owndz-light .ft-desc {
  color: #475569 !important;
}
/* "Use Free →" CTA */
body.owndz-light .ft-btn {
  color: #4f46e5 !important;
}
body.owndz-light .ft-btn:hover {
  color: #6366f1 !important;
}
/* Tool icon bubble */
body.owndz-light .ft-ico {
  background: rgba(99,102,241,0.09) !important;
}
/* Category filter pills */
body.owndz-light .ft-cat {
  background: rgba(0,0,0,0.025) !important;
  color: #475569 !important;
  border-color: rgba(148,163,184,0.22) !important;
}
body.owndz-light .ft-cat:hover {
  background: rgba(0,0,0,0.05) !important;
  color: #0f172a !important;
  border-color: rgba(148,163,184,0.4) !important;
}
/* Active/selected category pill */
body.owndz-light .ft-cat.on,
body.owndz-light .ft-cat.active {
  background: rgba(99,102,241,0.09) !important;
  color: #4f46e5 !important;
  border-color: rgba(99,102,241,0.28) !important;
  font-weight: 600 !important;
}
/* Search bar wrapper */
body.owndz-light .ft-search-wrap {
  background: #ffffff !important;
  border-color: rgba(148,163,184,0.22) !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important;
}
body.owndz-light .ft-search-wrap input,
body.owndz-light .ft-search-wrap textarea {
  background: transparent !important;
  color: #0f172a !important;
}
body.owndz-light .ft-search-wrap input::placeholder {
  color: #94a3b8 !important;
}
body.owndz-light .ft-search-wrap svg,
body.owndz-light .ft-search-wrap .search-icon { color: #94a3b8 !important; }
/* "NEW" badge */
body.owndz-light .ft-new {
  background: rgba(34,197,94,0.14) !important;
  color: #15803d !important;
}
/* Section heading / hero area */
body.owndz-light .ft-head h1,
body.owndz-light .ft-head h2,
body.owndz-light .ft-head h3 { color: #0f172a !important; }
body.owndz-light .ft-head p,
body.owndz-light .ft-stats,
body.owndz-light .ft-stat { color: #475569 !important; }
/* Stat checkmarks / icons */
body.owndz-light .ft-stat svg,
body.owndz-light .ft-stat .icon { color: #4f46e5 !important; }
/* Grid background should be transparent */
body.owndz-light .ft-grid,
body.owndz-light .ft-wrap { background: transparent !important; }
/* ft-count badge on category tab */
body.owndz-light .ft-count {
  background: rgba(148,163,184,0.18) !important;
  color: #475569 !important;
}
body.owndz-light .ft-cat.on .ft-count,
body.owndz-light .ft-cat.active .ft-count {
  background: rgba(99,102,241,0.14) !important;
  color: #4f46e5 !important;
}