/* ==========================================================================
   SÖTÉT ALOLDALAK — az új főoldal (prototipus/fooldal) megjelenése a v4
   aloldalakon. A tartalom szó szerint az éles oldalaké; ez a lap csak a
   paper.css/pages.css tokenjeit és a papírra hangolt részleteket írja felül.
   2026-10-13, Krisztián: „mehet az aloldalakra, mert ott a régi oldal nyílik meg".
   ========================================================================== */

:root {
  --paper: #0b0b0a;
  --paper-deep: #111110;
  --paper-dark: #191917;
  --card: #141412;
  --white: #161614;
  --ink: #f1eee7;
  --ink-rgb: 241, 238, 231;
  --ink-2: #d9d5cc;
  --muted: #aaa69b;
  --faint: #959186;
  --line: rgba(241, 238, 231, 0.1);
  --line-2: rgba(241, 238, 231, 0.2);
  --line-ink: rgba(241, 238, 231, 0.14);
  --lime-ink: #e7ff63;
  --warm: 231, 255, 99;
  color-scheme: dark;
}

/* a papírra hangolt keverések sötéten eltüntetnék a világos szöveget */
*, *::before, *::after { mix-blend-mode: normal !important; }
html, body { background: #0b0b0a; }
/* nincs rugalmas túlhúzás a lap alján (2026-10-27, Krisztián: „Túl lehet görgetni”) — a főoldallal azonosan */
html { overscroll-behavior-y: none; }
.grain { opacity: 0.04; filter: invert(1); }
.lamp { opacity: 0 !important; }
.marks { display: none; }

/* halvány fény a nyitórész mögött — ugyanaz a „Csak fény", mint a főoldalon */
body::before {
  content: ""; position: fixed; inset: -12%; z-index: 0; pointer-events: none;
  background:
    radial-gradient(40% 36% at 74% 30%, rgba(231, 255, 99, 0.13), transparent 70%),
    radial-gradient(36% 32% at 12% 90%, rgba(106, 92, 255, 0.15), transparent 70%);
  animation: sAur 18s ease-in-out infinite alternate;
}
@keyframes sAur { to { transform: translate(-4%, 3%) scale(1.08); } }
/* a tartalom a derengés fölött; a fejléc (60), a fiók és a margó-sáv a saját, eredeti rétegén marad — 1-re véve görgetés
   után a tartalom alá csúszott, és nem lehetett rákattintani (Krisztián, 2026-10-14) */
#main { position: relative; z-index: 1; }

/* fejléc: sötét üveg, lime logó */
.head { background: rgba(11, 11, 10, 0.78) !important; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(241, 238, 231, 0.08); }
.head .brand img { filter: none !important; }
.nav a { color: #d6d2c9; }
.nav a:hover, .nav a.here { color: #f1eee7; }
.drawer { background: #0b0b0a !important; }

/* gombok: a lime gomb szövege sötét marad */
.btn-fill, .btn-fill:hover { color: #1b1a17 !important; }
.btn-ink { background: #f1eee7; color: #0b0b0a; }
.btn-line { color: #f1eee7; border-color: rgba(241, 238, 231, 0.3); }
.btn-line-on { border-color: rgba(241, 238, 231, 0.45); }

/* a kiemelés: lime sáv helyett lime betű, halvány fénnyel (mint a főoldalon) */
.hl, .in .hl, [data-r].in .hl, .title.in .hl {
  background: none !important; color: #e7ff63;
  text-shadow: 0 0 18px rgba(231, 255, 99, 0.35);
}
.draw path { stroke: #e7ff63 !important; }

/* kártyák és sávok: doboz helyett hajszálvonal */
.sec-band, .band { background: transparent !important; }

/* képek: a papírhoz kevert fotók sötéten is természetesek maradjanak */
img { filter: none; }

/* lime hátterű elemeken a szöveg sötét marad (a paper.css/pages.css lime hátterű szabályaiból gyűjtve) */
#mlb2-42373270 .ml-form-embedSubmit button.primary,
#mlb2-42373270 .ml-form-embedWrapper .ml-form-embedBody .ml-block-form .ml-form-embedSubmit button.primary,
.audit-checkbox-option:has(input:checked),
.audit-option:has(input:checked),
.btn-fill,
.clip-featured .clip-tag,
.col.is-lead i,
.col:hover i,
.cut-big:hover,
.device-demo i,
.exp-foot a:hover,
.exp-id i,
.eyebrow b,
.lb-open:hover,
.loop b,
.nav-panel a:hover,
.person-mark,
.picks input:checked + span,
.platform-choice:has(input:checked),
.pr-bar b,
.rack-btn:hover,
.rail-dark .rail-progress i,
.reel-play-ico,
.reel-title .eyebrow b,
.toc-in a.here { color: #1b1a17 !important; }
.eyebrow b, .toc-in a.here b { color: #1b1a17 !important; }

/* a szakaszok menüje: sötét üveg */
.toc { background: rgba(11, 11, 10, 0.84) !important; border-color: var(--line) !important; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.toc a { color: #cfcabf; }

/* konténer-tilalom: színes bal és felső él helyett semleges hajszálvonal */
.card-index { border-left: 1px solid var(--line-2) !important; }
.pan-yes { border-top: 1px solid var(--line-2) !important; }
/* a papírra ragasztott szalag sötéten idegen */
.tape { display: none !important; }
.colm-mark { background: #1a1a17 !important; }

/* hírlevél-űrlap (MailerLite) sötéten */
#mlb2-42373270 .ml-form-embedWrapper input.form-control { background: #141412 !important; color: #f1eee7 !important; border-color: rgba(241, 238, 231, 0.22) !important; }
#mlb2-42373270 .ml-form-embedWrapper .label-description p, #mlb2-42373270 .ml-form-embedWrapper .label-description a { color: #cfcabf !important; }
/* a MailerLite saját (futás közben betöltött) stílusa erősebb — a kettőzött azonosító felülírja */
#mlb2-42373270#mlb2-42373270 .label-description p, #mlb2-42373270#mlb2-42373270 .label-description p a, #mlb2-42373270#mlb2-42373270 .ml-form-embedContent p { color: #cfcabf !important; }
#mlb2-42373270#mlb2-42373270 input.form-control { background: #141412 !important; color: #f1eee7 !important; border-color: rgba(241, 238, 231, 0.22) !important; }
#mlb2-42373270#mlb2-42373270 button.primary { color: #1b1a17 !important; }
.colm-mark::before { display: none !important; }
/* a rövidítés után: ahol egy hasáb maradt, az kapja a teljes szélességet; az oldaldobozok egymás mellé kerülnek */
.split > :only-child { grid-column: 1 / -1; }
.split > .side:only-child { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 16px; align-items: start; }

/* ==========================================================================
   EGYSÉGES FEKETE (Krisztián, 2026-10-14: „néhol a színek meg a háttér se jó, pl. feketén az effekt"):
   a papírra tervezett rajzolt minta (plot), a „képernyős" szakaszok kékes háttere és meleg fénye, és a lime
   zárósáv helyett ugyanaz a fekete és halvány derengés, mint a főoldalon.
   ========================================================================== */
.plot { display: none !important; }
.sec-screen { background: transparent !important; }
.sec-screen::before, .sec-screen::after { display: none !important; }
.sec-screen .pan, .sec-screen .note { background: #141412 !important; border-color: rgba(241, 238, 231, 0.12) !important; }
.closing {
  background: radial-gradient(55% 70% at 78% 45%, rgba(231, 255, 99, 0.09), transparent 70%), radial-gradient(40% 60% at 10% 90%, rgba(106, 92, 255, 0.1), transparent 70%) !important;
  color: #f1eee7; border-top: 1px solid var(--line);
}
.closing::before, .closing::after { display: none !important; }
.closing .btn-ink { background: #e7ff63; color: #1b1a17; }
.closing .btn-line { color: #f1eee7; border-color: rgba(241, 238, 231, 0.3); }
.closing .closing-lede { color: #cfcabf !important; }
.closing .eyebrow-on { color: #e7ff63 !important; }
/* a szakasz-menü aktív pontja: a lime háttér és a sötét szám egyszerre vált (az átmenet alatt sötét volt a sötéten) */
.toc-in a, .toc-in a b { transition: none !important; }
/* 2026-10-26, átnézés: a fejléc „Kapcsolat" gombja körvonalas, mint a főoldalon (görgetés után se váltson lime-ra) */
.head .head-cta, .head.on-dark .head-cta { background: transparent !important; color: #f1eee7 !important; box-shadow: inset 0 0 0 1px rgba(241, 238, 231, 0.35) !important; }
.head .head-cta::before { display: none !important; }
.head .head-cta:hover { box-shadow: inset 0 0 0 1px #f1eee7 !important; }
/* a Stúdió munkalistája: a kiválasztott sor lime betű és bal oldali vonal, doboz nélkül (konténer-tilalom) */
.cut-pick[aria-current="true"] { background: transparent !important; box-shadow: inset 2px 0 0 #e7ff63; }
.cut-pick[aria-current="true"] .cut-name { color: #fff !important; }
.cut-pick[aria-current="true"] b, .cut-pick[aria-current="true"] .cut-cat { color: #e7ff63 !important; }
/* 2026-10-26, Krisztián: „a csík belelóg" — a bal oldali sáv (fix, 40-es réteg) ne fusson rá a láblécre */
footer.pfoot { z-index: 45 !important; }
/* a záró szakasz gombja hoverkor lime betűt kapott lime alapon (eltűnt a felirat), és a mágneses hatás rácsúsztatta a másik gombra */
.closing .btn-ink:hover { color: #1b1a17 !important; }
.closing .acts [data-mag] { transform: none !important; }
/* Storylines: a kiemelt írás címkéje lime szöveg, nem teljes szélességű lime sáv (konténer-tilalom, 2026-10-26, átnézés) */
.clip.clip-featured .clip-tag { background: transparent !important; color: #e7ff63 !important; padding: 0 !important; }
/* cikkek „Kapcsolódó gondolatok": a cím és a magyarázat egymás alatt (a .note li flex-sora telefonon két keskeny oszlopba szorította) */
.note-links li { display: block !important; }
.note-links li > span { display: block; margin-top: 0.35rem; color: #a9a59c; }
/* telefonos menü: a lenyíló panel alja hajszálvonal, nem éles fehér csík */
.drawer { border-bottom-color: rgba(241, 238, 231, 0.12) !important; }

/* Árak, ledger-sorok: a v4 „filctoll" hover-kiemelése kilógott a sorból, és sötétben színezett dobozként átlépte a margó-vonalat
   (2026-10-27, Krisztián: „pici határhiba a sárga kijelölésnél") — a sorban marad, háttér helyett lime vonal (konténer-tilalom) */
.lgr > div::before { left: 0 !important; right: 0 !important; background: transparent !important; box-shadow: inset 2px 0 0 #e7ff63; }

/* a hero jobb oldala (golive, 2026-10-27): valódi videó keretben, illetve a kiemelt cikk kártyája — a v4 hero-rács második oszlopa */
.hmedia { align-self: center; justify-self: center; margin: 0; }
.hmedia-f { width: min(300px, 26vw); aspect-ratio: 9 / 16; border-radius: 26px; overflow: hidden; background: #171715; box-shadow: 0 0 0 1px rgba(241,238,231,.14), 0 30px 80px -30px rgba(231,255,99,.22); }
.hmedia-phone .hmedia-f { border-radius: 36px; box-shadow: 0 0 0 8px #1c1c1a, 0 0 0 9px rgba(241,238,231,.16), 0 30px 80px -30px rgba(231,255,99,.25); }
.hmedia video { display: block; width: 100%; height: 100%; object-fit: cover; }
.hmedia-c { margin-top: 14px; text-align: center; font-size: 11px !important; color: #8d897f; }
.hmedia-card { justify-self: stretch; max-width: 520px; }
.hmedia-card .clip { margin: 0; }
@media (max-width: 900px) { .hmedia:not(.hmedia-card) { display: none; } }
/* a csapatlistában az aláírás portréja a monogram helyén */
.person-ph { display: block; width: 120px; height: 120px; border-radius: 50%; object-fit: cover; margin-bottom: 14px; box-shadow: 0 0 0 2px rgba(231,255,99,.5); }

/* mezőhiba a kapcsolati űrlapon: a papír sötétvöröse a sötét kártyán olvashatatlan — a főoldali űrlap hibaszíne (2026-10-27) */
.field-error { color: #ff9d8c; font-size: 0.78rem; }
.has-error input, .has-error select, .has-error textarea { border-color: #ff9d8c !important; }
/* automatikus kitöltés (iPhone): a Safari saját hátterét a belső árnyék takarja, ha a betű világos lett (script.js `af`) */
.formcard input.af { -webkit-box-shadow: 0 0 0 400px var(--white) inset; box-shadow: 0 0 0 400px var(--white) inset; }
/* a fejrész szövege kezdettől látszik (a beúszás mozgása marad): az átlátszóról induló bekezdés a lap legnagyobb eleme volt, és
   telefonon 1,4–3,2 mp-ig rejtve maradt, amíg a paper.js görgetésfigyelője meg nem jelölte (PageSpeed LCP 4,5–6,1 mp, 2026-10-28) */
.phero [data-r] { opacity: 1; }