első gyereke. === */
.elementor .elementor-widget-text-editor li > span:first-child,
.elementor-widget-text-editor li > span:first-child {
margin-right: 8px !important;
display: inline-block !important;
}
/* === E — hero eyebrow kontraszt a világos hero-kép fölött === */
body.elementor-page-1651 .hero .eyebrow {
background: rgba(13, 13, 13, 0.72) !important;
}
/* === I — bento SVG ikonok mérete (a + ikon 77px volt 34 helyett) === */
body.elementor-page-1651 .bento-icon {
width: 32px !important;
height: 32px !important;
flex: none !important;
}
/* === MOBIL-1 — hosszú magyar szavak törése mobilon (nincs szótörés sehol) === */
body.elementor-page-1651 h1, body.elementor-page-1651 h2, body.elementor-page-1651 h3 {
overflow-wrap: break-word;
hyphens: auto;
}
/* === OPCIONÁLIS — footer-linkek egységes kékre (most vegyes zöld/kék) === */
body.elementor-page-1651 .footer-info a {
color: #1E90FF !important;
}
/* === KARRIERTÉRKÉP — csukható logika (body.elementor-page-1651 NÉLKÜL, a .pcm- prefix egyedi) === */
.pcm-careermap .pcm-card-body {
max-height: 0 !important;
margin-top: 0 !important;
padding-top: 0 !important;
border-top: 0 !important;
overflow: hidden !important;
transition: max-height 0.4s ease, padding-top 0.2s ease, margin-top 0.2s ease !important;
}
.pcm-careermap .pcm-card.is-open .pcm-card-body {
max-height: 800px !important;
margin-top: 18px !important;
padding-top: 18px !important;
border-top: 1px solid rgba(255,255,255,0.12) !important;
}
/* === FAQ — natív Accordion a GENERÁLT tervhez igazítva (konkrét hex, mert var()
natívan nem oldódik fel). Terv: 16px Archivo Black uppercase címsor, #1A1A1A panel,
1px #2E2E2E keret, 12px elemköz, #00FF85 ikon, #A8A8A8 válaszszöveg. Inspect szerint:
elementor-widget-accordion / elementor-tab-title / elementor-tab-content. === */
.elementor-widget-accordion .elementor-accordion-item {
background: #1A1A1A !important;
border: 1px solid #2E2E2E !important;
margin-bottom: 12px !important;
}
.elementor-widget-accordion .elementor-tab-title {
font-family: 'Archivo Black', 'Archivo', system-ui, sans-serif !important;
font-size: 16px !important;
text-transform: uppercase !important;
color: #FFFFFF !important;
padding: 20px 24px !important;
letter-spacing: 0 !important;
line-height: 1.3 !important;
}
.elementor-widget-accordion .elementor-tab-title:hover {
background: #232323 !important;
}
.elementor-widget-accordion .elementor-tab-title .elementor-accordion-icon,
.elementor-widget-accordion .elementor-tab-title .elementor-accordion-icon i,
.elementor-widget-accordion .elementor-tab-title .elementor-accordion-icon svg {
color: #00FF85 !important;
fill: #00FF85 !important;
font-size: 22px !important;
}
.elementor-widget-accordion .elementor-tab-content {
background: #1A1A1A !important;
color: #A8A8A8 !important;
font-size: 15px !important;
line-height: 1.55 !important;
padding: 0 24px 22px !important;
}
/* ============================================================
HERO HÁTTÉR — pixel-pontos terv-reprodukció (Út 2)
Tényleges osztály (élő Inspect): .hero.e-no-lazyload
A konverzió a hátteret sima háttérképként vitte át (teljes opacity,
overlay nélkül). Itt visszaállítom a generált terv overlay-ét EGZAKTUL:
linear-gradient(180deg, rgba(13,13,13,0.4) 0%, rgba(13,13,13,0.85) 70%, #0D0D0D 100%)
+ kék rács (40px), a kép halványításával.
============================================================ */
.hero {
position: relative !important;
}
/* A háttérkép halványítása: a konténer háttérképére nincs opacity, ezért
a gradiens overlay-jel sötétítünk (a terv kép-opacity 0.25 hatását az
erős gradiens adja vissza). */
.hero::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: 0 !important;
pointer-events: none !important;
background:
linear-gradient(180deg,
rgba(13,13,13,0.40) 0%,
rgba(13,13,13,0.85) 70%,
#0D0D0D 100%),
linear-gradient(rgba(30,144,255,0.05) 1px, transparent 1px),
linear-gradient(90deg, rgba(30,144,255,0.05) 1px, transparent 1px) !important;
background-size: 100% 100%, 40px 40px, 40px 40px !important;
}
/* A hero TARTALMA az overlay fölé (különben az overlay eltakarná a szöveget) */
.hero > * {
position: relative !important;
z-index: 1 !important;
}
/* ============================================================
PIXEL-PONTOS JAVÍTÁSOK (élő screenshot + forrás összevetés)
============================================================ */
/* 1) 01/02/03 + 01/02 számok MÉRETE. Terv: font-size 64px, line-height 0.8,
Archivo Black. A konverzió csak margin:0-t vitt át a -re, a méret elveszett.
Ugyanaz az id-alapú szelektor, mint a színnél. */
.elementor [id^="step-num"] .elementor-widget-container p,
.elementor [id^="step-num"] p,
[id^="step-num"] .elementor-widget-container p {
font-family: 'Archivo Black', 'Archivo', system-ui, sans-serif !important;
font-size: 64px !important;
line-height: 0.8 !important;
}
/* 2) "MUTASD A BÉRSÁVOT" (btn-secondary) HOVER: a terv szerint fehér háttér +
SÖTÉT szöveg. Az élőn a szöveg fehér maradt -> olvashatatlan. A hover
szövegszínt kényszerítjük. A gomb . */
a[href*="karrierterkep"]:hover,
a[href*="karrierterkep"]:hover * {
background: #FFFFFF !important;
color: #0D0D0D !important;
}
/* 3) Bento "+" ikon (AI-BIZTOS MELÓ) MÉRETE. Terv: 32x32. A korábbi
.bento-icon szelektor nem hatott (átírt osztály). Az SVG-t a konténerében
méretre kényszerítjük, a text-editor/icon widgeten belül. */
.bento-cell svg,
.bento-cell .bento-icon svg,
.bento-cell .bento-icon,
.bento-cell .elementor-widget-icon svg {
width: 32px !important;
height: 32px !important;
max-width: 32px !important;
}
/* === HERO KÉP — pixel-pontos terv (a tényleges .hero osztályra).
A hero háttérkép külön Kép elem a konténerben (Szerkezet-panel igazolta),
ezért a konténer-overlay nem halványította. Itt a .hero-n BELÜLI képet
halványítjuk a terv értékére: opacity 0.25 + grayscale .4 + contrast 1.1.
A .hero::before sötét gradiens overlay (külön blokkban) e fölött marad. === */
.hero img,
.hero .elementor-widget-image img,
.hero figure img {
opacity: 0.25 !important;
filter: grayscale(0.4) contrast(1.1) !important;
}
/* === HERO sötétítés — FÜGGETLEN attól, hogy a kép ![]()
vagy background.
Tényleges azonosítók (Inspect): .hero, #hero-inner, .hero-inner, .hero-grid.
Ha a kép ![]()
: halványítjuk. PLUS egy sötét overlay a .hero-ra, ami a
tartalom mögött mindenképp sötétíti a hátteret (a kép típusától függetlenül). === */
.hero img, #hero-inner img, .hero-inner img {
opacity: 0.25 !important;
filter: grayscale(0.4) contrast(1.1) !important;
}
/* Sötét overlay a hero teljes hátterére (a kép fölé, a tartalom mögé) */
.hero::after {
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: 0 !important;
pointer-events: none !important;
background: linear-gradient(180deg,
rgba(13,13,13,0.55) 0%,
rgba(13,13,13,0.88) 70%,
#0D0D0D 100%) !important;
}
.hero { position: relative !important; }
.hero > *, #hero-inner { position: relative !important; z-index: 1 !important; }/* End custom CSS */