/* aMarketingese téma-réteg a RÉGI (main.css + inline sötét fejléc/lábléc) oldalakhoz, v1 2026-10-24.
   A sötét módot a mellé beszúrt szkript kapcsolja ki; itt a main.css változóit és az inline stílusokat írjuk felül. */

html,html.dark{
  --c-950:var(--c-950);--c-900:var(--c-900);--c-800:var(--c-800);--c-700:var(--c-700);--c-600:var(--c-600);--c-500:var(--c-500);--c-400:var(--c-400);--c-300:var(--c-300);--c-200:var(--c-200);--c-card:var(--c-card);--c-100:var(--c-100);
  --ae-display:"Archivo","Arial Narrow",sans-serif;--ae-body:"Zalando Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--ae-ui:"Zalando Sans SemiExpanded","Zalando Sans",system-ui,sans-serif;
  --brand:var(--c-600)!important;--brand-dark:var(--c-700)!important;--brand-light:var(--c-200)!important;--brand-bg:var(--c-100)!important;
  --violet:var(--c-500)!important;--cyan:var(--c-300)!important;--emerald:var(--c-mint)!important;
  --bg:var(--white)!important;--bg-alt:var(--c-100)!important;--bg-dark:var(--c-900)!important;--bg-darker:var(--c-900)!important;
  --text:var(--c-900)!important;--text-2:var(--n-700)!important;--text-3:var(--n-300)!important;--border:var(--c-200)!important;
  --shadow:0 1px 2px rgba(33,0,94,.05),0 10px 30px -18px rgba(33,0,94,.25)!important;--glow:none!important;
  --r:16px!important;--r-lg:28px!important;--r-xl:40px!important;
  --f-display:"Zalando Sans",system-ui,sans-serif!important;--f-body:"Zalando Sans",system-ui,sans-serif!important;
  color-scheme:light}
body{font-family:var(--ae-body)!important;background:var(--white)!important;color:var(--c-900)!important}
a{color:var(--c-600)}

/* ---------- Fejléc (inline stílus -> !important) ---------- */
header#nav,header.nav{background:var(--white)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:1px solid var(--n-200)!important;font-family:var(--ae-body)!important}
header#nav .nav-inner{min-height:80px;max-width:1440px!important}
header#nav .logo img,header#nav .logo-img{content:url(/uj/logo-vilagos.png);height:30px!important;width:auto!important}
header#nav .nav-links a{color:var(--c-900)!important;font-size:16px!important;font-weight:400!important;padding:10px 12px;border-radius:10px}
header#nav .nav-links a:hover{background:var(--c-100);color:var(--c-600)!important}
header#nav .nav-icon-btn{background:var(--c-100)!important;border-color:var(--c-200)!important;color:var(--c-900)!important}
header#nav .btn-primary,header#nav .nav-cta{background:var(--c-600)!important;background-image:none!important;color:var(--white)!important;border:0!important;border-radius:16px!important;box-shadow:none!important;
  font-family:var(--ae-ui)!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.055em;font-size:13px!important;padding:12px 20px!important}
header#nav .btn-primary:hover{background:var(--c-700)!important;transform:none}
header#nav .mobile-toggle{background:var(--c-600)!important;border:0!important;border-radius:12px!important;width:48px;height:48px}
header#nav .mobile-toggle span{background:var(--white)!important}
.nav.menu-open #nav-links-main{background:var(--white)!important;border-top:1px solid var(--n-200)!important}

/* ---------- Hero ---------- */
.pillar-hero,.page-hero,.hero,.cs-hero{background:var(--c-900)!important;background-image:none!important}
.pillar-hero::before,.pillar-hero::after,.page-hero::before,.page-hero::after{display:none!important}
.pillar-hero h1,.page-hero h1,.hero h1,.cs-hero h1{font-family:var(--ae-display)!important;font-weight:800!important;font-stretch:72%!important;font-variation-settings:"wdth" 72!important;
  text-transform:uppercase;letter-spacing:0!important;line-height:.92!important;font-size:clamp(40px,5.2vw,72px)!important;color:var(--white)!important}
.pillar-hero h1 .grad,.hero h1 .grad,.grad{background:none!important;-webkit-text-fill-color:var(--c-300)!important;color:var(--c-300)!important}
.pillar-tag{background:rgba(255,255,255,.14)!important;border:0!important;color:var(--white)!important;border-radius:8px!important;font-family:var(--ae-ui)}
.pillar-update{border-radius:8px!important}

/* ---------- Tartalom ---------- */
h1,h2,h3,h4{font-family:var(--ae-body)!important;letter-spacing:-.015em}
.section-head h2,.cta-card h2,.footer-cta h2{font-family:var(--ae-display)!important;font-stretch:72%!important;font-variation-settings:"wdth" 72!important;text-transform:uppercase;letter-spacing:0!important;line-height:.95!important}
.btn,.btn-primary,.mp-cta-btn,.mp-submit{border-radius:16px!important;font-family:var(--ae-ui)!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.055em}
.btn-primary,.mp-cta-btn,.mp-submit{background:var(--c-600)!important;background-image:none!important;color:var(--white)!important;box-shadow:none!important}
.btn-primary:hover,.mp-cta-btn:hover,.mp-submit:hover{background:var(--c-700)!important}
.btn-outline{border-color:var(--c-400)!important;color:var(--c-900)!important;background:transparent!important}
.card,.ref-card,.mp-card,.pillar-related-card,.guar-card,.logo-card,.newsletter-card,.featured-post,.popular-post{border-radius:28px!important;border-color:var(--c-200)!important}
.cta-card,.footer-cta{background:var(--c-900)!important;background-image:none!important;border-radius:40px!important;color:var(--white)}
.ae-pillar-wrap .ae-midcta{background:var(--c-100)!important;border:0!important;border-left:4px solid var(--c-600)!important;box-shadow:none!important;border-radius:0 20px 20px 0!important}
.toc-list a,.prose a,.pillar-content a{color:var(--c-600)}

/* ---------- Lábléc (inline -> !important) ---------- */
footer.footer{background:var(--c-900)!important;border-top:0!important;color:rgba(255,255,255,.85)!important;font-family:var(--ae-body)!important;padding-top:88px!important}
footer.footer a,footer.footer p,footer.footer span,footer.footer li{color:rgba(255,255,255,.85)!important}
footer.footer a:hover{color:var(--white)!important;text-decoration:underline}
footer.footer h4{color:var(--c-300)!important;font-family:var(--ae-ui)!important;font-weight:600!important}
footer.footer .footer-grid,footer.footer [style*="border-top"],footer.footer [style*="border-bottom"]{border-color:rgba(255,255,255,.14)!important}

.scroll-top,#floating-cta,.floating-cta{background:var(--c-600)!important;background-image:none!important;color:var(--white)!important;border-radius:14px!important}
::selection{background:var(--c-300);color:var(--c-900)}

/* ---------- Közvetlenül az elemekre írt régi kékek ---------- */
[style*="color:#4c6ef5"],[style*="color: #4c6ef5"],[style*="color:#2563eb"],[style*="color:#3b82f6"],[style*="color:#4263eb"]{color:var(--c-600)!important}
[style*="background:#4c6ef5"],[style*="background:#3b82f6"],[style*="background:#2563eb"],[style*="background:linear-gradient(135deg,#3b82f6"],[style*="background:linear-gradient(135deg,#4c6ef5"]{background:var(--c-600)!important;color:var(--white)!important}
[style*="background:rgba(76,110,245"],[style*="background:rgba(59,130,246"],[style*="background:linear-gradient(135deg,rgba(59,130,246"],[style*="background:linear-gradient(135deg,rgba(76,110,245"]{background:var(--c-100)!important}
[style*="border-left:3px solid #4c6ef5"],[style*="border-left:4px solid #4c6ef5"],[style*="border-left:4px solid #3b82f6"],[style*="border-left:3px solid #3b82f6"]{border-left-color:var(--c-600)!important}
[style*="border:1px solid rgba(76,110,245"],[style*="border:1px solid rgba(59,130,246"]{border-color:var(--c-200)!important}
.ae-il{color:var(--c-600)!important;background-image:none!important}
.ae-skip-link{background:var(--c-900)!important}

/* ---------- Eszközök / hub oldalak ---------- */
.hub-hero{background:var(--c-900)!important;background-image:none!important;color:var(--white)}
.hub-hero h1{font-family:var(--ae-display)!important;font-weight:800!important;font-stretch:72%!important;font-variation-settings:"wdth" 72!important;text-transform:uppercase;letter-spacing:0!important;line-height:.92!important;color:var(--white)!important}
.tool-card{background:var(--white)!important;background-image:none!important;border:1px solid var(--c-200)!important;border-radius:28px!important;color:var(--c-900)!important;box-shadow:none!important;transition:transform .6s,border-color .3s,box-shadow .3s!important}
.tool-card:hover{border-color:var(--c-300)!important;box-shadow:0 24px 48px -30px rgba(33,0,94,.45)!important;transform:translateY(-4px)}
.tool-card *{color:inherit}
.tool-card p{color:var(--n-700)!important}
.tool-tag{background:var(--c-200)!important;color:var(--c-700)!important;border-color:transparent!important;border-radius:8px!important;font-family:var(--ae-ui)}
.tool-cta{color:var(--c-600)!important;font-family:var(--ae-ui);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:13px}
.cta-box{background:var(--c-900)!important;background-image:none!important;border:0!important;border-radius:40px!important;color:var(--white)!important}
.cta-box *{color:var(--white)}
.cta-box a.btn,.cta-box .btn{background:var(--c-200)!important;color:var(--c-900)!important}
.pillar-callout{background:var(--c-100)!important;border-left:4px solid var(--c-600)!important;border-radius:0 20px 20px 0!important}
.ae-inline-cta{background:var(--c-900)!important;background-image:none!important;border:0!important;border-radius:28px!important;color:var(--white)!important}
.ae-inline-cta *{color:var(--white)}
.ae-inline-cta-tag{background:rgba(255,255,255,.14)!important;color:var(--white)!important;border-radius:8px!important}
.ae-inline-cta a,.ae-inline-cta button{background:var(--c-200)!important;background-image:none!important;color:var(--c-900)!important;border-radius:16px!important}
.cookie-inner{background:var(--white)!important;color:var(--c-900)!important;border:1px solid var(--n-200)!important;border-radius:24px!important}
main button[style*="linear-gradient"],main a[style*="linear-gradient"]{background:var(--c-600)!important;color:var(--white)!important}
main div[style*="linear-gradient(135deg,#4c6ef5"],main div[style*="linear-gradient(135deg,#3b82f6"]{background:var(--c-900)!important;color:var(--white)!important}
.urgency-bar,[class*="urgency"]{background:var(--c-900)!important;background-image:none!important;color:var(--white)!important;font-family:var(--ae-body)!important}

/* ---------- Olvashatóság ---------- */
.pillar-callout h4,.pillar-callout span{color:var(--c-700,var(--c-700))!important}
.pillar-cta-box a:not(.btn),.pillar-inner a:not(.btn){color:var(--c-300)!important}
.cta-box p,.cta-box li{color:rgba(255,255,255,.88)!important}
.cta-box .ae-il,.cta-box a.ae-il{color:var(--c-300)!important}
.art-meta,.art-meta span{color:var(--n-300)!important}

/* ---------- Régi, majdnem fekete „sziget”-blokkok az új mélylilára ---------- */
body:has(.pm-fo-torzs > .pm-sav > header.hero),body:has(.pm-fo-torzs header.hero){background:var(--c-950)!important}
.pm-fo-torzs header.hero{background:var(--c-900)!important;background-image:none!important;border-radius:40px}
.pm-fo-torzs :is(.box,.tier,details,.step,.who){background:var(--c-900)!important;background-image:none!important;border-color:rgba(183,168,255,.22)!important;border-radius:24px}
.pm-fo-torzs .tier.pop{background:var(--c-800)!important;border-color:var(--c-400)!important}
.pm-fo-torzs :is(.gbtn,.secondary){background:var(--c-800)!important;color:var(--white)!important;border-color:transparent!important}
.pm-fo-torzs .field input,.pm-fo-torzs .field select,.pm-fo-torzs .field textarea{border-color:transparent!important}
:is(.ae-ai-sec,.ae-methodology,.ae-video){background:var(--c-900)!important;background-image:none!important}
section[style*="background:#080a0f"],section[style*="background: #080a0f"],div[style*="background:#0b1020"]{background:var(--c-900)!important}
:is(.qa-card,.related-grid a,.related-grid > *){background:var(--c-900)!important;background-image:none!important;border-color:rgba(183,168,255,.22)!important;border-radius:24px!important}
details[style*="#13131a"],a[style*="#13131a"]{background:var(--c-900)!important}

:is(.page-hero,.hero,.hub-hero,.pillar-hero,.cs-hero,.glossary-hero,[class*=-hero]) :is(.tag,.pillar-tag,.eyebrow){color:var(--white)!important;background:rgba(255,255,255,.14)!important;border-color:transparent!important}

/* ---------- Mobil fejléc: a szélesebb (sötét feliratú) logó ne tolja ki a gombokat ---------- */
@media (max-width:600px){
  header#nav .nav-inner{padding:.6rem 14px!important;gap:10px!important;min-height:68px}
  header#nav .logo img,header#nav .logo-img{height:22px!important;max-width:146px}
  header#nav .btn-primary,header#nav .nav-cta{font-size:11px!important;padding:10px 12px!important;letter-spacing:.04em}
  header#nav .mobile-toggle{width:42px!important;height:42px!important;flex:0 0 42px}
}
@media (max-width:360px){header#nav .btn-primary,header#nav .nav-cta{display:none!important}}
.ae-cta{background:var(--c-900)!important;background-image:none!important;border:0!important;border-radius:28px!important}
.ae-cta p{color:rgba(255,255,255,.9)!important}

/* =====================================================================
   CRO-RÉTEG v1 (2026-10-24): gyors audit-kártya, mobil sáv, bizalmi sáv, szerzői doboz
   ===================================================================== */
.ae-qa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;background:var(--c-900);color:var(--white);border-radius:32px;padding:36px;margin:48px 0;position:relative;overflow:hidden;font-family:"Zalando Sans",system-ui,sans-serif}
.ae-qa::after{content:"";position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9ee7ff 0,var(--c-600) 45%,transparent 70%);opacity:.55;pointer-events:none}
.ae-qa__eye{font:600 12px/1.2 "Zalando Sans SemiExpanded","Zalando Sans",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--c-300)!important;margin:0 0 10px!important}
.ae-qa__h{font-family:"Archivo","Arial Narrow",sans-serif!important;font-weight:800!important;font-stretch:72%!important;font-variation-settings:"wdth" 72!important;text-transform:uppercase;font-size:clamp(30px,3vw,42px)!important;line-height:.95!important;color:var(--white)!important;margin:0 0 12px!important;border:0!important;padding:0!important}
.ae-qa__p{color:rgba(255,255,255,.85)!important;font-size:16px!important;line-height:1.55!important;margin:0!important}
.ae-qa__f{display:grid;gap:10px;position:relative;z-index:1}
.ae-qa__l{position:relative;display:block;margin:0}
.ae-qa__l span{position:absolute;left:16px;top:9px;font:600 10px/1 "Zalando Sans SemiExpanded",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--c-600)}
.ae-qa__l input{width:100%;border:0;border-radius:10px;background:var(--white);color:var(--c-900);font:400 16px/1.3 "Zalando Sans",sans-serif;padding:26px 16px 11px;min-height:58px;box-sizing:border-box}
.ae-qa__l input:focus{outline:3px solid var(--c-300);outline-offset:0}
.ae-qa__b{border:0;border-radius:16px;background:var(--c-200);color:var(--c-900);font:600 14px/1 "Zalando Sans SemiExpanded",sans-serif;letter-spacing:.055em;text-transform:uppercase;padding:18px 22px;cursor:pointer;transition:background .25s,transform .6s}
.ae-qa__b:hover{background:var(--white)}.ae-qa__b:active{transform:scale(.97)}.ae-qa__b:disabled{opacity:.7;cursor:wait}
.ae-qa__n{font-size:12.5px!important;color:rgba(255,255,255,.7)!important;margin:2px 0 0!important}.ae-qa__n a{color:var(--white)!important}
.ae-qa__msg{margin:0!important;font-size:14px!important;color:var(--white)!important}.ae-qa__msg.is-err{color:#FFD1DC!important}.ae-qa__msg a{color:var(--white)!important}
.ae-qa__ok{background:rgba(255,255,255,.1);border-radius:16px;padding:20px;margin:0!important;color:var(--white)!important;font-size:16px!important}
@media (max-width:760px){.ae-qa{grid-template-columns:1fr;padding:26px 22px;gap:20px}}

.ae-mbar{display:none}
@media (max-width:760px){
  .ae-mbar{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;position:fixed;left:10px;right:10px;bottom:10px;z-index:9990;background:rgba(255,255,255,.96);
    -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--n-200);border-radius:20px;padding:8px;box-shadow:0 20px 40px -18px rgba(33,0,94,.45);
    transform:translateY(140%);transition:transform .5s cubic-bezier(.2,.9,.3,1.2)}
  .ae-mbar.is-on{transform:none}
  .ae-mbar__a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:14px;text-decoration:none!important;font:600 13px/1 "Zalando Sans SemiExpanded","Zalando Sans",sans-serif;letter-spacing:.05em;text-transform:uppercase}
  .ae-mbar__a--tel{background:var(--c-200);color:var(--c-900)!important}
  .ae-mbar__a--cta{background:var(--c-600);color:var(--white)!important}
  .ae-has-mbar .ae-sticky-cta,.ae-has-mbar .scroll-top,.ae-has-mbar .totop,.ae-has-mbar .wa-btn,.ae-has-mbar .fab-group{display:none!important}
  .ae-has-mbar .ae-ajanlat{bottom:84px!important}
  .ae-has-mbar body{padding-bottom:80px}
}

.ae-trust{background:var(--white);border-bottom:1px solid var(--c-200)}
.ae-trust__in{max-width:1240px;margin:0 auto;padding:14px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 30px;font:400 14px/1.3 "Zalando Sans",sans-serif;color:var(--n-700)}
.ae-trust__i{display:inline-flex;align-items:center;gap:8px;color:var(--n-700)!important;text-decoration:none!important}
.ae-trust__i b{color:var(--c-900);font-weight:700}
a.ae-trust__i b{color:var(--c-600);letter-spacing:2px}
.ae-trust__press img{height:16px;width:auto;filter:brightness(0) saturate(100%) invert(9%) sepia(80%) saturate(4500%) hue-rotate(262deg);opacity:.75}
@media (max-width:760px){.ae-trust__in{justify-content:flex-start;gap:8px 18px;font-size:13px}.ae-trust__press{display:none}}

.ae-szerzo{display:grid;grid-template-columns:96px 1fr;gap:22px;align-items:center;background:var(--c-100);border-radius:28px;padding:26px;margin:56px 0 16px}
.ae-szerzo img{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:50% 18%}
.ae-szerzo__k{font:600 11px/1.2 "Zalando Sans SemiExpanded",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--c-600)!important;margin:0 0 4px!important}
.ae-szerzo__n{font-weight:700;font-size:19px!important;color:var(--c-900)!important;margin:0 0 6px!important}
.ae-szerzo__d{font-size:15px!important;line-height:1.5!important;color:var(--n-700)!important;margin:0 0 10px!important}
.ae-szerzo__a{font:600 13px/1 "Zalando Sans SemiExpanded",sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--c-600)!important}
@media (max-width:520px){.ae-szerzo{grid-template-columns:64px 1fr;padding:20px}.ae-szerzo img{width:64px;height:64px}}

.ae-qa > *{position:relative;z-index:1}
.ae-qa::after{top:auto!important;bottom:-120px;right:-110px;opacity:.4!important;z-index:0}
.ae-qa h2.ae-qa__h,.pm-proza .ae-qa h2.ae-qa__h{font-family:"Archivo","Arial Narrow",sans-serif!important;font-weight:800!important;font-stretch:72%!important;font-variation-settings:"wdth" 72!important;text-transform:uppercase!important;letter-spacing:0!important;line-height:.95!important;border:0!important;padding:0!important;margin:0 0 12px!important;font-size:clamp(30px,3vw,42px)!important;color:var(--white)!important}
