/* ============================================================
   PÉNZÜGYES — ZenBlog dark re-skin
   A main.css UTÁN töltődik be. Sötét téma + lime accent + ResistSans.
   ============================================================ */

/* ---- Fontok (a főoldal assetjeiből, /blog-hoz képest ../assets) ---- */
@font-face { font-family:'ResistSansDisplay'; src:url('../../../assets/fonts/ResistSansDisplay-Regular.otf') format('opentype'); font-weight:400; font-display:swap; }
@font-face { font-family:'ResistSansDisplay'; src:url('../../../assets/fonts/ResistSansDisplay-Bold.otf') format('opentype'); font-weight:700; font-display:swap; }
@font-face { font-family:'ResistSansDisplay'; src:url('../../../assets/fonts/ResistSansDisplay-ExtraBold.otf') format('opentype'); font-weight:800; font-display:swap; }
@font-face { font-family:'ResistSansText'; src:url('../../../assets/fonts/ResistSansText-Regular.otf') format('opentype'); font-weight:400; font-display:swap; }
@font-face { font-family:'ResistSansText'; src:url('../../../assets/fonts/ResistSansText-Medium.otf') format('opentype'); font-weight:500; font-display:swap; }
@font-face { font-family:'ResistSansText'; src:url('../../../assets/fonts/ResistSansText-Bold.otf') format('opentype'); font-weight:700; font-display:swap; }

:root {
  --font-default: 'ResistSansText', system-ui, -apple-system, sans-serif;
  --font-primary: 'ResistSansDisplay', system-ui, sans-serif;
  --font-secondary: 'ResistSansText', system-ui, sans-serif;

  /* Pénzügyes paletta */
  --pu-bg: #0a0a0a;
  --pu-surface: #141414;
  --pu-surface-2: #1a1a1a;
  --pu-line: rgba(255,255,255,0.10);
  --pu-fg: #fafafa;
  --pu-fg-dim: rgba(250,250,250,0.62);
  --pu-lime: #c6ff3d;
  --pu-lime-deep: #95d40a;

  /* ZenBlog tokenek felülírása */
  --color-default: #e8e8e8;
  --color-secondary: rgba(250,250,250,0.60);
  --color-links: #fafafa;
  --color-links-hover: #c6ff3d;
}

/* ---- Alap ---- */
body {
  background: var(--pu-bg);
  color: var(--pu-fg);
  font-family: var(--font-default);
}
h1,h2,h3,h4,h5,h6 { color: var(--pu-fg); font-family: var(--font-primary); }
p, li, span, .content { color: var(--pu-fg-dim); }
a { color: var(--color-links); }
a:hover { color: var(--pu-lime); }
hr { border-color: var(--pu-line); }

/* ---- Fejléc / nav ---- */
.header {
  background: rgba(10,10,10,0.85) !important;
  backdrop-filter: saturate(140%) blur(12px);
  border-bottom: 1px solid var(--pu-line);
}
.header .logo h1 { color: var(--pu-fg) !important; }
.navmenu a, .navmenu a:focus { color: var(--pu-fg) !important; }
.navmenu a:hover, .navmenu .active, .navmenu .active:focus { color: var(--pu-lime) !important; }
.navmenu .dropdown ul { background: var(--pu-surface) !important; border: 1px solid var(--pu-line); }
.mobile-nav-toggle { color: var(--pu-fg) !important; }

/* ---- Szekciók / kártyák ---- */
section { background: var(--pu-bg); }
.post-entry, .blog-author, .widget-item, .card, .sidebar .widget-item {
  background: var(--pu-surface);
  border: 1px solid var(--pu-line);
  border-radius: 14px;
}
.post-entry .post-meta, .post-meta, .post-author { color: var(--pu-fg-dim); }

/* Kategória / cimkék accent */
.post-category, .category, .post-entry-1 .post-category, .meta .cat a,
.tags li a, .post-entry .post-category {
  color: var(--pu-lime) !important;
  text-transform: uppercase;
  letter-spacing: .08em;
}

/* ---- Gombok ---- */
.btn.btn-primary, .btn-primary {
  background: var(--pu-lime);
  border-color: var(--pu-lime);
  color: #0a0a0a;
  font-weight: 700;
}
.btn.btn-primary:hover, .btn-primary:hover {
  background: var(--pu-lime-deep);
  border-color: var(--pu-lime-deep);
  color: #0a0a0a;
}

/* ---- Űrlapok ---- */
.php-email-form, .contact .php-email-form { background: var(--pu-surface) !important; border: 1px solid var(--pu-line); }
input, textarea, select, .form-control {
  background: var(--pu-surface-2) !important;
  color: var(--pu-fg) !important;
  border: 1px solid var(--pu-line) !important;
}
input::placeholder, textarea::placeholder { color: var(--pu-fg-dim) !important; }

/* ---- Footer (már sötét, csak accent + finomítás) ---- */
.footer { background: #060606; border-top: 1px solid var(--pu-line); }
.footer a:hover { color: var(--pu-lime) !important; }

/* ---- Képek lágyítása sötét háttéren ---- */
.post-entry img, .card img { border-radius: 12px; }

/* ---- Kijelölés ---- */
::selection { background: var(--pu-lime); color: #0a0a0a; }

/* ===== Cikk + perszóna + hub ===== */
.pu-container{max-width:1100px;margin:0 auto;padding:0 20px}
.article-hero{padding:40px 0 22px;border-bottom:1px solid var(--pu-line);margin-bottom:28px}
.persona-badge{display:inline-block;font:600 12px/1 var(--font-secondary);letter-spacing:.12em;text-transform:uppercase;color:#0a0a0a;background:var(--pu-lime);padding:7px 12px;border-radius:999px;margin-bottom:16px}
.persona-badge.kezdo{background:#7ee0ff}
.persona-badge.tudatos{background:var(--pu-lime)}
.persona-badge.fire{background:#ffd24a}
.article-hero h1{font:800 clamp(28px,5vw,46px)/1.1 var(--font-primary);letter-spacing:-.02em;color:var(--pu-fg);max-width:800px}
.article-meta{margin-top:14px;color:var(--pu-fg-dim);font-size:14px}
.article-prose{max-width:760px;font-size:17px;line-height:1.7}
.article-prose h2{font:800 26px/1.2 var(--font-primary);color:var(--pu-fg);margin:36px 0 14px}
.article-prose h3{font:700 20px/1.3 var(--font-primary);color:var(--pu-fg);margin:26px 0 10px}
.article-prose p{margin:0 0 18px;color:#d2d2d2}
.article-prose ul,.article-prose ol{margin:0 0 18px 22px;color:#d2d2d2}
.article-prose li{margin:0 0 8px}
.article-prose a{color:var(--pu-lime);text-decoration:underline;text-underline-offset:3px}
.article-prose strong{color:var(--pu-fg)}
.article-prose blockquote{border-left:3px solid var(--pu-lime);background:var(--pu-surface);padding:16px 20px;margin:24px 0;border-radius:0 10px 10px 0;color:#e8e8e8}
.article-prose table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px}
.article-prose th,.article-prose td{border:1px solid var(--pu-line);padding:10px 12px;text-align:left}
.article-prose th{background:var(--pu-surface-2);color:var(--pu-fg)}
.disclaimer{max-width:760px;font-size:13px;color:var(--pu-fg-dim);border:1px dashed var(--pu-line);border-radius:10px;padding:12px 16px;margin:24px 0}
.cta-box{max-width:760px;margin:40px 0;background:linear-gradient(135deg,var(--pu-surface),var(--pu-surface-2));border:1px solid var(--pu-line);border-radius:16px;padding:28px}
.cta-box h3{font:800 22px/1.2 var(--font-primary);color:var(--pu-fg);margin:0 0 10px}
.cta-box p{color:var(--pu-fg-dim);margin:0 0 18px}
.cta-box .btn-pu{display:inline-block;background:var(--pu-lime);color:#0a0a0a;font-weight:700;padding:13px 22px;border-radius:999px;text-decoration:none}
.cta-box .btn-pu:hover{background:var(--pu-lime-deep)}
.related{max-width:760px;margin:36px 0 60px}
.related h4{font:700 16px/1 var(--font-secondary);text-transform:uppercase;letter-spacing:.08em;color:var(--pu-fg-dim);margin:0 0 14px}
.related a{display:block;color:var(--pu-fg);padding:12px 16px;border:1px solid var(--pu-line);border-radius:12px;margin-bottom:10px;text-decoration:none}
.related a:hover{border-color:var(--pu-lime);color:var(--pu-lime)}
/* hub */
.hub-hero{padding:56px 0 24px;text-align:center}
.hub-hero h1{font:800 clamp(32px,6vw,54px)/1.05 var(--font-primary);letter-spacing:-.02em;color:var(--pu-fg)}
.hub-hero p{color:var(--pu-fg-dim);font-size:18px;max-width:640px;margin:16px auto 0}
.persona-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0}
@media(max-width:860px){.persona-cards{grid-template-columns:1fr}}
.persona-card{display:block;background:var(--pu-surface);border:1px solid var(--pu-line);border-radius:18px;padding:26px;transition:.2s;text-decoration:none}
.persona-card:hover{border-color:var(--pu-lime);transform:translateY(-3px)}
.persona-card .tag{font:600 12px/1 var(--font-secondary);letter-spacing:.1em;text-transform:uppercase;color:var(--pu-lime)}
.persona-card h3{font:800 22px/1.2 var(--font-primary);color:var(--pu-fg);margin:10px 0 8px}
.persona-card p{color:var(--pu-fg-dim);font-size:15px;margin:0}
.track{margin:48px 0;scroll-margin-top:110px}
.track h2{font:800 28px/1.2 var(--font-primary);color:var(--pu-fg);margin:0 0 6px}
.track .track-sub{color:var(--pu-fg-dim);margin:0 0 18px}
.post-list{max-width:820px}
.post-list a{display:block;background:var(--pu-surface);border:1px solid var(--pu-line);border-radius:12px;padding:16px 18px;margin-bottom:10px;color:var(--pu-fg);text-decoration:none}
.post-list a:hover{border-color:var(--pu-lime)}
.post-list .k{display:block;color:var(--pu-fg-dim);font-size:13px;margin-top:4px}

/* ===== Szintezett tartalom + tipp + GYIK + források ===== */
.level{border-left:3px solid var(--pu-line);padding:4px 0 4px 16px;margin:18px 0}
.level>span{display:inline-block;font:700 11px/1 var(--font-secondary);letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border-radius:6px;margin-bottom:8px}
.level>p{margin:0}
.level.kezdo{border-color:#7ee0ff}.level.kezdo>span{background:rgba(126,224,255,.15);color:#7ee0ff}
.level.haladoknak{border-color:var(--pu-lime)}.level.haladoknak>span{background:rgba(198,255,61,.15);color:var(--pu-lime)}
.pro-tip{background:linear-gradient(135deg,rgba(255,210,74,.10),var(--pu-surface));border:1px solid rgba(255,210,74,.35);border-radius:14px;padding:18px 20px;margin:22px 0}
.pro-tip>span{display:inline-block;font:800 12px/1 var(--font-secondary);letter-spacing:.08em;text-transform:uppercase;color:#ffd24a;margin-bottom:8px}
.pro-tip>p{margin:0;color:#e6e6e6}
.example{background:var(--pu-surface);border:1px dashed var(--pu-line);border-radius:12px;padding:16px 18px;margin:20px 0}
.example>strong{color:var(--pu-lime)}
.faq{max-width:760px;margin:34px 0}
.faq>h2{margin-bottom:14px}
.faq details{border:1px solid var(--pu-line);border-radius:10px;padding:14px 16px;margin-bottom:10px;background:var(--pu-surface)}
.faq summary{cursor:pointer;font-weight:700;color:var(--pu-fg);font-family:var(--font-primary)}
.faq details[open] summary{color:var(--pu-lime)}
.faq details p{margin:10px 0 0;color:#d2d2d2}
.sources{max-width:760px;border-top:1px solid var(--pu-line);margin-top:30px;padding-top:18px;font-size:14px}
.sources h4{font:700 13px/1 var(--font-secondary);text-transform:uppercase;letter-spacing:.08em;color:var(--pu-fg-dim);margin:0 0 10px}
.sources ul{margin:0 0 8px 18px;color:var(--pu-fg-dim)}
.sources li{margin:0 0 6px}
.sources-note{font-size:12px;color:var(--pu-fg-dim);font-style:italic}
.trust-strip{font:600 13px/1.4 var(--font-secondary);color:var(--pu-fg-dim);margin:0 0 14px}
.trust-strip b{color:var(--pu-lime)}