/* GPC New Wave Miskolc — Karrier oldal SÖTÉT TÉMA overlay (B2 redesign, 2026-08-12,
   web-robot [SUBROLE: landing])

   FORK-FELSZÁMOLÁS: ez a fájl a korábbi karrier/assets/brand.css (14,1 KB, 2026-07-27,
   az iroda/assets/brand.css leágazása — lásd brand/2026-08-11_arculat-gap-analizis.md
   2.4 fejezet) TELJES HELYETTESÍTŐJE. A karrier/ oldalak mostantól a KÖZÖS
   ../iroda/assets/brand.css-t töltik be BÁZISKÉNT (nav/gomb/footer/form/accordion/
   kártya/tag/lead-modal szerkezet, reset, betűtöltés, animáció-keyframe-ek — mind
   onnan jön, változatlan szerkezettel), és EZ a fájl CSAK azokat a deklarációkat
   írja felül, amik a karrier oldal SÖTÉT/arany-primer témája miatt ténylegesen
   eltérnek az iroda világos/piros-primer témájától. Módszertan a gap-analízis
   2.4 fejezetének B-opciója szerint: ".theme-dark overlay", NEM a brand.css egyenes
   importja (az utóbbi hibás renderelést adna: fehér body, piros CTA, sötét fejléc-
   szöveg világos alapra tervezve stb. — lásd lentebb h1-h6 megjegyzés).

   Betöltési sorrend KÖTELEZŐ: ez a <link> a ../iroda/assets/brand.css UTÁN álljon
   a <head>-ben, különben a felülírások nem érvényesülnek (azonos specificitású
   szabályoknál a forrás-sorrend dönt).

   Amit SZÁNDÉKOSAN NEM vettem át az eredeti fork-fájlból (holt kód, 0 tényleges
   HTML-hivatkozás a karrier/index.html + thank-you.html-ben, ellenőrizve grep-pel):
   .progress-bar-wrap/.progress-bar-fill, @keyframes fadeIn/countUp/shimmer,
   .footer-bottom .generali, .animate-fadeup/.delay-1..6 (a fadeUp-ot a markup
   mindenhol inline style="animation:fadeUp ..." formában hívja, nem ezekkel az
   utility-osztályokkal). A @keyframes pulse-gold VISSZA lett véve, mert a
   .pulse-cta (index.html inline <style>) ténylegesen hivatkozik rá és az
   iroda/assets/brand.css-ben nincs meg.

   Az oldal-specifikus blokkok (.hero, .hero-grid, .testimonial-card,
   .partner-marquee-*, .funnel/.step-*/.journey-*/.income-*/.ty-* stb.) a
   karrier/index.html és thank-you.html SAJÁT inline <style> blokkjában élnek,
   azokhoz NEM nyúltam — azok nem részei ennek a fork-nak, oldal-tartalom, nem
   megosztott brand-komponens. */

/* -- Szín-token felülírás: a karrier oldal a --gold-ot kezeli elsődleges CTA-
   színként (nem a --red-et, mint iroda), és a --text-muted itt a sötét témás
   #a0a0a0 (nem iroda világos-témás #6b6b6b-je). A --gold/--red/--dark-* alap-
   értékek byte-azonosak a bázissal, nem kell újra felsorolni. */
:root {
  --text-muted: #a0a0a0;
}

/* Body — sötét alap (bázis: fehér/text-body világos témára tervezve) */
body {
  background: var(--dark) !important;
  color: var(--text-light) !important;
  line-height: 1.6;
}

/* Fejléc-színek — a bázis h1-h6 szabálya var(--text-dark)!important-ot ad
   (világos alapra tervezve); sötét body felett ez láthatatlanná tenné a
   szöveget, ezért itt kötelező felülírni. */
h1, h2, h3,
h4, h5, h6 {
  color: var(--text-light) !important;
}

/* NAV */
.site-nav {
  background: rgba(27,27,27,0.95);
  border-bottom: 1px solid rgba(219,171,50,0.15);
  box-shadow: none;
}

.nav-inner { height: 70px; }

.nav-logo img { height: 40px; width: auto; }

/* A bázis .nav-links a::after aláhúzás-effektet ad hoverre (piros csúszó vonal) —
   a karrier navnak ez sosem volt, csak sima színváltás. Kikapcsolva. */
.nav-links a::after { display: none !important; }

.nav-links a { color: var(--text-light); }
.nav-links a:hover,
.nav-links a.active { color: var(--gold); }

.nav-cta {
  background: var(--gold) !important;
  color: var(--dark) !important;
}
.nav-cta:hover { background: var(--gold-light) !important; }

.nav-hamburger span { background: var(--text-light); }

.mobile-menu {
  top: 70px;
  background: var(--dark-2);
  border-bottom: 1px solid rgba(219,171,50,0.2);
  box-shadow: none;
}
.mobile-menu a {
  color: var(--text-light);
  border-bottom: 1px solid rgba(255,255,255,0.07);
}
.mobile-menu a:hover { color: var(--gold); }

/* BUTTONS — karrier elsődleges CTA arany, nem piros */
.btn-primary {
  background: var(--gold);
  color: var(--dark);
  font-weight: 700;
  letter-spacing: 0.03em;
}
.btn-primary:hover {
  background: var(--gold-light);
  box-shadow: 0 8px 24px rgba(219,171,50,0.3);
}

.btn-secondary {
  color: var(--gold);
  border-color: var(--gold);
}
.btn-secondary:hover {
  background: var(--gold);
  color: var(--dark);
}

/* .btn-red — nincs megfelelője az iroda-bázisban (ott a piros MAGA a
   .btn-primary), a karrier viszont másodlagos piros CTA-változatként külön
   használja. Egyedi, teljes egészében átvéve az eredeti fork-fájlból. */
.btn-red {
  display: inline-block;
  background: var(--red);
  color: var(--white);
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  padding: 0.875rem 2rem;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
}
.btn-red:hover {
  background: var(--red-dark);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(192,36,37,0.35);
}

/* CARD */
.card {
  background: var(--dark-2);
  border: 1px solid var(--dark-4);
}
.card:hover {
  border-color: rgba(219,171,50,0.3);
  transform: translateY(-2px);
  box-shadow: none;
}

/* TAG — karrier alap .tag maga arany (iroda-bázisban a .tag piros, az arany
   változat ott .tag-gold néven külön van; karrierben nincs .tag-gold igény) */
.tag {
  background: rgba(219,171,50,0.15);
  color: var(--gold);
  border-color: rgba(219,171,50,0.3);
}

/* STAT NUMBER */
.stat-number {
  font-size: 3rem;
  color: var(--gold);
}

/* FOOTER */
.site-footer {
  background: #111;
  border-top: 1px solid rgba(219,171,50,0.15);
  padding: 3rem 1.5rem 1.5rem;
}
.footer-grid {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
  margin-bottom: 2.5rem;
}
.footer-brand p {
  color: var(--text-muted);
  margin-top: 0;
}
.footer-col h4 {
  color: var(--gold) !important;
  font-size: 0.875rem;
  margin-bottom: 1rem;
}
.footer-col a {
  color: var(--text-muted);
  margin-bottom: 0.5rem;
}
.footer-bottom p { color: var(--text-muted); }

/* FORM */
.form-group label {
  color: var(--text-muted);
  letter-spacing: 0.03em;
}
.form-group input,
.form-group select,
.form-group textarea {
  background: var(--dark-3);
  border: 1px solid var(--dark-4);
  color: var(--text-light);
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  border-color: var(--gold);
  box-shadow: 0 0 0 3px rgba(219,171,50,0.15);
}
.form-group input::placeholder,
.form-group textarea::placeholder { color: var(--text-muted); }
.form-group select option { background: var(--dark-3); }

/* ACCORDION */
.accordion-item { border: 1px solid var(--dark-4); }
.accordion-item.open { border-color: rgba(219,171,50,0.4); }
.accordion-header {
  background: var(--dark-2);
  color: var(--text-light);
}
.accordion-header:hover { background: var(--dark-3); }
.accordion-icon { color: var(--gold); }
.accordion-body {
  padding: 0 1.5rem 1.25rem;
  background: var(--dark-2);
  color: var(--text-muted);
  border-top: none;
}

/* CUSTOM CHECKBOX — a bázis var(--red)-et használ, karrierben arany */
.custom-checkbox input[type="checkbox"] { accent-color: var(--gold); }
.custom-checkbox a { color: var(--gold); }

/* pulse-gold — a .pulse-cta (index.html + thank-you.html saját inline <style>-je)
   erre a keyframe-re hivatkozik; az iroda-bázisban nincs ilyen animáció. */
@keyframes pulse-gold {
  0%, 100% { box-shadow: 0 0 0 0 rgba(219,171,50,0.4); }
  50%       { box-shadow: 0 0 0 12px rgba(219,171,50,0); }
}

/* LEAD-CAPTURE MODAL — sötét témás verzió (bázis világos témára tervezve) */
.lead-modal-overlay { background: rgba(0,0,0,0.7); }
.lead-modal-box {
  background: var(--dark-2);
  border: 1px solid var(--dark-4);
  box-shadow: 0 24px 64px rgba(0,0,0,0.5);
}
.lead-modal-close {
  background: var(--dark-3);
  color: var(--text-light);
}
.lead-modal-close:hover { background: var(--dark-4); }

@media (max-width: 768px) {
  .footer-grid { gap: 1.5rem; }
  .section { padding: 3rem 1rem; }

  /* .btn-red touch-target — a bázis csak .btn-primary/.btn-secondary-t méretezi,
     a .btn-red karrier-egyedi, itt kell hozzáadni. */
  .btn-red {
    min-height: 48px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }

  /* Funnel wrap — karrier-egyedi (jelentkezési űrlap lépés-panel), nincs
     megfelelője a bázisban. Átvéve az eredeti fork-fájlból változatlanul. */
  .funnel-wrap { padding: 1.5rem 1.25rem; }
  .funnel-wrap .step-panel > div[style*="display:flex;gap:1rem"] { gap: .75rem; }
}

@media (max-width: 480px) {
  .section { padding: 2.5rem 1rem; }
  .stat-number { font-size: 2.4rem !important; }
}
