/* WebRendbe - kiegészítő stílusok. A színek, betűk, méretek az Elementorban állíthatók;
   ide csak az kerül, amit az Elementor ingyenes változata nem tud (ragadós fejléc, aláhúzás, cetli, űrlap). */
:root {
	--wr-navy: #0F2A4A; --wr-text: #3D4F63; --wr-kek: #1E9BD7; --wr-sarga: #FFC72C;
	--wr-hover: #00D9FF; --wr-vkek: #EEF6FC; --wr-krem: #FFF8EC; --wr-sotet: #0B2240;
}
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body { -webkit-font-smoothing: antialiased; }
[id] { scroll-margin-top: 84px; }

/* Teljes szélességű oldalak (Elementor Full Width sablon): a szakaszok háttere a képernyő széléig ér, mint a landingon.
   A tartalom szélességét a szakaszok saját beállítása (dobozolt szélesség) adja. */
body.elementor-template-full-width .site-content > .ast-container { max-width: 100%; padding-left: 0; padding-right: 0; }
/* Köszönőoldal: a fejléc "Konzultációt kérek" gombja nem kell, a látogató már jelentkezett */
.wr-koszono-oldal .wr-erdekel { display: none !important; }

/* Ragadós fejléc - az "Érdekel" gomb mindig látszik */
.wr-header { position: sticky !important; top: 0; z-index: 999 !important; transition: box-shadow .2s ease; }
.admin-bar .wr-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .wr-header { top: 0; } }
.wr-header.wr-scrolled { box-shadow: 0 6px 24px rgba(15, 42, 74, .08); }
/* Közös fejléc (Elementor Pro Theme Builder): a sablon kerete legyen ragadós, ne csak a belseje */
.elementor-location-header:has(.wr-header) { position: sticky; top: 0; z-index: 999; }
.admin-bar .elementor-location-header:has(.wr-header) { top: 32px; }
@media (max-width: 782px) { .admin-bar .elementor-location-header:has(.wr-header) { top: 0; } }
.elementor-location-header .wr-header { top: 0 !important; }
.wr-logo img { width: 46px !important; height: auto; }
.wr-logo-text .elementor-heading-title { white-space: nowrap; }
.wr-web { color: var(--wr-navy); } .wr-rendbe { color: var(--wr-kek); }
.wr-menu .elementor-icon-list-icon { display: none !important; }
.wr-menu .elementor-icon-list-items { justify-content: center; }
.wr-menu a { transition: color .15s; }
.wr-menu a:hover .elementor-icon-list-text { color: var(--wr-kek) !important; }
@media (max-width: 767px) {
	.wr-logo img { width: 38px !important; }
	.wr-erdekel .elementor-button { padding: 12px 18px !important; font-size: 16px !important; }
}

/* Gombok: ráhúzáskor erős kék (#00D9FF), egyértelmű fókusz billentyűzettel is */
.elementor-button { transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .15s ease, box-shadow .2s ease !important; }
.wr-btn .elementor-button:hover, .wr-btn .elementor-button:focus-visible {
	background-color: var(--wr-hover) !important; border-color: var(--wr-hover) !important; color: var(--wr-navy) !important;
	transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0, 217, 255, .28);
}
.wr-btn .elementor-button:focus-visible, .wr-urlap :focus-visible, .wr-menu a:focus-visible { outline: 3px solid var(--wr-navy); outline-offset: 3px; }
.wr-kapcsolat-sav .wr-btn .elementor-button:focus-visible { outline-color: #fff; }
.wr-viragbolt-gomb .elementor-button { width: 100%; }
@media (max-width: 767px) {
	.wr-btn.elementor-mobile-align-justify .elementor-button, .wr-btn .elementor-button { width: 100%; justify-content: center; }
	.wr-header .wr-btn .elementor-button { width: auto; }
/* Telefonon a fejléc "Konzultációt kérek" gombja kisebb, egy sorban */
@media (max-width: 767px) { .wr-header .elementor-button { padding: 10px 16px !important; font-size: 15px !important; white-space: nowrap; } .wr-header .elementor-button .elementor-button-content-wrapper { flex-wrap: nowrap; gap: 6px; } }
}

/* Kiemelés: kék, kézzel húzott hatású aláhúzás */
.wr-underline { position: relative; white-space: nowrap; display: inline-block; }
.wr-underline::after {
	content: ""; position: absolute; left: -2%; right: -2%; bottom: -.12em; height: .32em;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M3 14C40 6 90 4 197 9' fill='none' stroke='%231E9BD7' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M20 18C70 12 120 11 180 14' fill='none' stroke='%231E9BD7' stroke-width='3' stroke-linecap='round' opacity='.55'/%3E%3C/svg%3E") no-repeat center / 100% 100%;
}
.wr-kapcsolat-sav .wr-underline::after { filter: hue-rotate(-160deg) saturate(3) brightness(1.6); }

.wr-eyebrow .elementor-heading-title { letter-spacing: .12em; }
.wr-microcopy p { margin: 0; }
.wr-trust .elementor-icon-list-items { row-gap: 8px; }

/* Hős kép és a sárga cetli */
.wr-hero-media { position: relative; }
.wr-hero-img img { box-shadow: 0 24px 60px rgba(15, 42, 74, .14); }
.wr-note { position: absolute !important; top: -18px; left: -26px; width: auto !important; max-width: 230px; z-index: 2;
	background: #FFF3B8; padding: 14px 18px 16px; border-radius: 10px; transform: rotate(-4deg);
	box-shadow: 0 10px 24px rgba(15, 42, 74, .14); }
@media (max-width: 1024px) { .wr-note { left: 8px; top: -14px; max-width: 200px; } }
@media (max-width: 767px) { .wr-note { position: relative !important; left: auto; top: auto; margin: -36px auto 0 12px; transform: rotate(-3deg); } }

/* Főoldal "Egy ember, tíz munka": számozott, kétoszlopos szakmalista fehér kártyán */
.wr-szerepek-kartya { background: #fff; border: 1px solid #F1E4CC; border-radius: 10px; padding: 24px 26px 20px; box-shadow: 0 8px 24px rgba(15, 42, 74, .06); }
.wr-szerepek-kartya p { margin: 0; }
.wr-szerepek-cim { font-size: 24px; font-weight: 800; line-height: 1.25; color: var(--wr-navy, #0F2A4A); margin-bottom: 16px !important; }
.wr-szerepek-cim span { color: var(--wr-kek, #1E9BD7); }
.wr-szerepek { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 22px; margin-bottom: 16px; }
.wr-szerep { display: flex; align-items: center; gap: 10px; font-size: 17px; font-weight: 600; color: var(--wr-navy, #0F2A4A); line-height: 1.3; }
.wr-szerep-szam { flex: 0 0 30px; height: 30px; border-radius: 50%; background: #FFF3B8; color: var(--wr-navy, #0F2A4A); font-size: 14px; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.wr-szerepek-meg { color: #5B6B7D; font-size: 16px; margin-bottom: 6px !important; }
.wr-szerepek-ismeros { color: var(--wr-kek, #1E9BD7); font-size: 18px; font-weight: 800; margin-bottom: 12px !important; }
.wr-szerepek-zaro { padding-top: 12px; border-top: 1px solid #F1E4CC; color: var(--wr-navy, #0F2A4A); font-size: 17px; }
@media (max-width: 420px) { .wr-szerepek { grid-template-columns: 1fr; } }

/* "A telefonod este" elem (wr-telefon, 2026-10-24): rajzolt telefon, egymás után érkező üzenetekkel */
.wr-tel-elem { display: flex; flex-direction: column; align-items: center; text-align: center; }
.wr-tel-elem p { margin: 0; }
.wr-tel { width: 290px; max-width: 100%; background: #0E1116; border-radius: 38px; padding: 11px; box-shadow: 0 24px 50px rgba(15, 42, 74, .18); }
.wr-tel-kijelzo { position: relative; height: 470px; border-radius: 28px; overflow: hidden; padding: 22px 12px 12px; display: flex; flex-direction: column;
	background: linear-gradient(180deg, #23324A 0%, #121B2A 100%); text-align: left; }
.wr-tel-kijelzo::before { content: ""; position: absolute; top: 9px; left: 50%; width: 76px; height: 20px; margin-left: -38px; border-radius: 12px; background: #0E1116; }
.wr-tel-jelzo { position: absolute; top: 34px; right: 16px; min-width: 22px; padding: 2px 7px; border-radius: 12px; background: #E24B4A; color: #fff; font-size: 13px; font-weight: 700; text-align: center; }
.wr-tel-megoldas .wr-tel-jelzo { transition: background .4s; }
.wr-tel-ora { color: #fff; font-size: 48px; font-weight: 300; text-align: center; line-height: 1.1; margin-top: 18px !important; letter-spacing: .02em; }
.wr-tel-nap { color: #B9C7D6; font-size: 15px; text-align: center; margin-bottom: 16px !important; }
.wr-tel-lista { display: flex; flex-direction: column; gap: 7px; flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.35) transparent; padding-right: 2px; }
.wr-tel-ert { flex: 0 0 auto; display: none; background: rgba(255, 255, 255, .94); border-radius: 14px; padding: 8px 11px; transition: background-color .45s ease; }
.wr-tel-ert.wr-tel-lat { display: block; animation: wr-tel-be .4s ease; }
@keyframes wr-tel-be { from { opacity: 0; transform: translateY(-14px); } to { opacity: 1; transform: none; } }
.wr-tel-honnan, .wr-tel-kesz-cim { display: block; font-size: 12px; font-weight: 700; color: #5B6B7D; text-transform: none; }
.wr-tel-szoveg, .wr-tel-kesz { display: block; font-size: 14px; line-height: 1.35; color: var(--wr-navy, #0F2A4A); }
.wr-tel-kesz-cim, .wr-tel-kesz { display: none; }
.wr-tel-ert.wr-tel-kesz-be { background: var(--wr-navy, #0F2A4A); }
.wr-tel-kesz-be .wr-tel-honnan, .wr-tel-kesz-be .wr-tel-szoveg { display: none; }
.wr-tel-kesz-be .wr-tel-kesz-cim { display: block; color: #FFC72C; }
.wr-tel-kesz-be .wr-tel-kesz { display: block; color: #fff; }
.wr-tel-alatta { margin-top: 22px !important; font-size: 20px; font-weight: 700; color: var(--wr-navy, #0F2A4A); line-height: 1.35; text-wrap: balance; }
.wr-tel-gomb { display: inline-flex; align-items: center; gap: 10px; margin-top: 16px; background: #FFC72C; color: var(--wr-navy, #0F2A4A) !important; border-radius: 10px;
	padding: 16px 28px; font-family: Montserrat, sans-serif; font-size: 17px; font-weight: 700; line-height: 1.2; text-decoration: none !important; transition: background-color .2s ease; }
.wr-tel-gomb:hover, .wr-tel-gomb:focus-visible { background: #00D9FF; }
.wr-tel-gomb svg { width: 18px; height: 18px; }
@media (max-width: 767px) { .wr-tel { width: 270px; } .wr-tel-kijelzo { height: 440px; } .wr-tel-alatta { font-size: 18px; } }
@media (prefers-reduced-motion: reduce) { .wr-tel-ert.wr-tel-lat { animation: none; } }

/* "Egy ember, tíz munka" elem (wr-szerepek, 2026-10-24, 2. változat): ferdén ragasztott cetlik, kiválasztás, utána telefon */
.wr-szj { text-align: center; }
.wr-szj p { margin: 0; }
.wr-szj-felhivas { font-size: 19px; font-weight: 600; color: var(--wr-navy, #0F2A4A); margin-bottom: 22px !important; text-wrap: balance; }
.wr-szj-felhivas span { color: var(--wr-navy, #0F2A4A); }
.wr-szj-cetlik { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; max-width: 1010px; margin: 0 auto; }
.wr-szj-c { width: 236px; display: flex; flex-direction: column; gap: 3px; text-align: left; padding: 14px 12px 12px; border-radius: 10px; background: #fff; border: 1px solid #E8DCC4;
	box-shadow: 0 6px 16px rgba(15, 42, 74, .08); transform: rotate(var(--wr-szj-r, 0deg)); cursor: pointer; font-family: Montserrat, sans-serif; color: var(--wr-navy, #0F2A4A);
	transition: transform .25s ease, background-color .35s ease, border-color .35s ease, opacity .35s ease; }
.wr-szj-c:hover, .wr-szj-c:focus-visible { transform: rotate(0deg) scale(1.05); }
.wr-szj-c:focus-visible { outline: 3px solid #1E9BD7; outline-offset: 3px; }
/* Csoportos elrendezés: témánként egy oszlop, saját címmel */
.wr-szj-cetlik.wr-szj-csoportos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; max-width: 1000px; align-items: start; }
.wr-szj-csoport { display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
.wr-szj-csoportos .wr-szj-c { width: 100%; }
.wr-szj-csoport-cim { font-size: 15px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #1E9BD7; text-align: center; margin-bottom: 2px !important; }
@media (max-width: 900px) { .wr-szj-cetlik.wr-szj-csoportos { grid-template-columns: 1fr; max-width: 380px; gap: 22px; } }.wr-szj-nev { font-size: 16px; font-weight: 700; line-height: 1.25; white-space: nowrap; }
.wr-szj-most, .wr-szj-utana { font-size: 14px; line-height: 1.35; color: #5B6B7D; }
.wr-szj-utana { display: none; }
.wr-szj-c.wr-szj-val { transform: rotate(0deg) scale(1.04); }
.wr-szj-c.wr-szj-val .wr-szj-most { color: var(--wr-navy, #0F2A4A); }
.wr-szj-fut .wr-szj-c { cursor: default; }
.wr-szj-c.wr-szj-le { background: var(--wr-navy, #0F2A4A); border-color: var(--wr-navy, #0F2A4A); color: #fff; transform: rotate(0deg); }
.wr-szj-c.wr-szj-le .wr-szj-most, .wr-szj-c.wr-szj-ma .wr-szj-most { display: none; }
.wr-szj-c.wr-szj-le .wr-szj-utana { display: block; color: #FFC72C; font-weight: 600; }
.wr-szj-c.wr-szj-ma { background: #fff; border: 2px dashed #FFC72C; transform: rotate(0deg); }
.wr-szj-c.wr-szj-ma .wr-szj-utana { display: block; }
.wr-szj-c.wr-szj-halv { opacity: .35; }
.wr-szj-also { margin-top: 26px; }
.wr-szj-gomb { display: inline-flex; align-items: center; background: var(--wr-navy, #0F2A4A); color: #fff; border: 0; border-radius: 10px; padding: 15px 26px;
	font-family: Montserrat, sans-serif; font-size: 17px; font-weight: 700; cursor: pointer; transition: background-color .2s ease, color .2s ease; }
.wr-szj-gomb:hover, .wr-szj-gomb:focus-visible { background: #00D9FF; color: var(--wr-navy, #0F2A4A); }
.wr-szj-gomb[hidden] { display: none; }
.wr-szj-hiba { margin-top: 10px !important; color: #A32D2D; font-size: 16px; }
.wr-szj-ujra[hidden] { display: none !important; }
.wr-szj-eredmeny { margin-top: 30px; }
.wr-szj-tel-cim { font-size: 20px; font-weight: 700; color: var(--wr-navy, #0F2A4A); margin-bottom: 16px !important; }
.wr-szj-vege { margin-top: 26px; }
.wr-szj-nagy { font-size: 28px; font-weight: 800; line-height: 1.25; color: var(--wr-navy, #0F2A4A); text-wrap: balance; }
.wr-szj-mondat { font-size: 18px; color: var(--wr-navy, #0F2A4A); margin-top: 8px !important; text-wrap: balance; }
.wr-szj-meghivas { max-width: 620px; margin: 26px auto 0; padding: 22px 24px; background: #fff; border: 1.5px solid #A9D6F0; border-radius: 10px; font-size: 18px; line-height: 1.55; color: var(--wr-navy, #0F2A4A); text-wrap: pretty; }
.wr-szj-meghivas-cim { font-size: 21px; font-weight: 800; color: #1E9BD7; margin-bottom: 6px !important; }
.wr-szj-cta { display: inline-flex; align-items: center; gap: 10px; margin-top: 22px; background: #FFC72C; color: var(--wr-navy, #0F2A4A) !important; border-radius: 10px;
	padding: 16px 28px; font-family: Montserrat, sans-serif; font-size: 17px; font-weight: 700; line-height: 1.2; text-decoration: none !important; transition: background-color .2s ease; }
.wr-szj-cta:hover, .wr-szj-cta:focus-visible { background: #00D9FF; }
.wr-szj-cta svg { width: 18px; height: 18px; }
.wr-szj-ujra { margin-top: 14px; background: none; border: 0; color: #5B6B7D; font-family: Montserrat, sans-serif; font-size: 15px; text-decoration: underline; cursor: pointer; }
@media (max-width: 767px) {
	.wr-szj-cetlik { gap: 10px; }
	.wr-szj-c { width: 100%; max-width: 360px; padding: 12px 14px; }
	.wr-szj-c:not(.wr-szj-val):not(.wr-szj-le):not(.wr-szj-ma) { transform: rotate(calc(var(--wr-szj-r, 0deg) / 4)); }
	.wr-szj-felhivas { font-size: 17px; }
	.wr-szj-nagy { font-size: 23px; }
}
@media (prefers-reduced-motion: reduce) { .wr-szj-c { transition: none; } }
/* A téma gombstílusa (sárga háttér, árnyék) ne üljön rá a cetlikre és az "Újrakezdem" gombra */
.wr-szj .wr-szj-c, .wr-szj .wr-szj-c:hover, .wr-szj .wr-szj-c:focus { background: #fff !important; color: var(--wr-navy, #0F2A4A) !important; border: 1.5px solid #A9D6F0 !important; }
.wr-szj .wr-szj-c.wr-szj-val { background: #FFC72C !important; border: 1.5px solid #FFC72C !important; color: var(--wr-navy, #0F2A4A) !important; }
.wr-szj .wr-szj-c.wr-szj-val .wr-szj-most { color: var(--wr-navy, #0F2A4A) !important; }
.wr-szj .wr-szj-c.wr-szj-le { background: var(--wr-navy, #0F2A4A) !important; border-color: var(--wr-navy, #0F2A4A) !important; color: #fff !important; }
.wr-szj .wr-szj-c.wr-szj-ma { background: #fff !important; border: 2px dashed #1E9BD7 !important; }
.wr-szj .wr-szj-ujra { display: inline-flex; margin-top: 22px; background: var(--wr-navy, #0F2A4A) !important; color: #fff !important; border: 0 !important; box-shadow: none !important; border-radius: 10px; padding: 15px 26px; font-family: Montserrat, sans-serif; font-size: 17px; font-weight: 700; text-decoration: none; cursor: pointer; }
.wr-szj .wr-szj-ujra:hover, .wr-szj .wr-szj-ujra:focus-visible { background: #00D9FF !important; color: var(--wr-navy, #0F2A4A) !important; }
.wr-szj .wr-szj-gomb { border: 0 !important; background: var(--wr-navy, #0F2A4A) !important; color: #fff !important; box-shadow: none !important; }

/* Hős jobb oldala: rajzolt laptop, a képernyőn kész, világos weboldal (HTML, az Elementorban átírható), címkével (2026-10-24) */
.wr-laptop-elem { position: relative; width: 100% !important; margin: 0 !important; }
/* Széles képernyőn a laptop nagyobb: jobbra kinyúlik a margóba, a szöveg oszlopa nem szűkül */
@media (min-width: 1300px) { .wr-laptop-elem { width: 106% !important; max-width: none !important; } }
@media (min-width: 1400px) { .wr-laptop-elem { width: 116% !important; } }
.wr-laptop-elem p { margin: 0; }
.wr-laptop { filter: none; }
.wr-laptop-fedel { background: #0E1116; border-radius: 16px; padding: 7px; box-shadow: none; }
.wr-laptop-alap { display: none !important; }
.wr-laptop-kijelzo { aspect-ratio: 16 / 10; border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; position: relative; }
/* Világos képernyő: fehér alap, finom pontrács, halvány kék és sárga derengés */
.wr-laptop-vilagos { background:
	radial-gradient(55% 60% at 100% 0%, rgba(30, 155, 215, .14) 0%, transparent 70%),
	radial-gradient(45% 55% at 0% 100%, rgba(255, 199, 44, .14) 0%, transparent 70%),
	radial-gradient(circle at 1px 1px, rgba(15, 42, 74, .10) 1px, transparent 1.2px) 0 0 / 14px 14px,
	#FFFFFF; }
/* Valósághű éjszakai égbolt a képernyőn (saját generált kép: assets/img/laptop-csillagos-eg.webp), fehér szöveggel */
.wr-laptop-eg { background: #05070C url("img/laptop-csillagos-eg.webp") center / cover no-repeat; }
/* Állapotjelző a képernyő jobb felső sarkában: zölden pislákoló pont */
.wr-laptop-allapot { display: inline-flex; align-items: center; gap: 7px; font-size: 10.5px; font-weight: 700; color: #DFF4FF;
	padding: 4px 10px; border-radius: 99px; background: rgba(30, 155, 215, .16); border: 1px solid rgba(0, 217, 255, .45); }
.wr-laptop-allapot i { width: 7px; height: 7px; border-radius: 50%; background: #00D9FF; box-shadow: 0 0 8px #00D9FF; animation: wr-pislog-zold 2s ease-in-out infinite; }
@keyframes wr-pislog-zold { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .wr-laptop-allapot i { animation: none; } }
.wr-laptop-horizont { position: absolute; left: -15%; right: -15%; bottom: -80%; height: 100%; border-radius: 50%; z-index: 0; pointer-events: none;
	background: radial-gradient(60% 50% at 50% 0%, rgba(30, 155, 215, .32) 0%, rgba(6, 14, 28, .92) 45%, #04060B 75%);
	border-top: 1px solid rgba(0, 217, 255, .6); box-shadow: 0 -10px 40px rgba(0, 217, 255, .28); }
.wr-laptop-eg .wr-laptop-fejlec, .wr-laptop-eg .wr-laptop-test { position: relative; z-index: 1; }
.wr-laptop-eg .wr-laptop-fejlec { background: rgba(5, 7, 12, .45); border-bottom-color: rgba(255, 255, 255, .08); }
.wr-laptop-eg .wr-laptop-logo { color: #fff; }
.wr-laptop-eg .wr-laptop-menu i { color: rgba(255, 255, 255, .7); }
.wr-laptop-eg .wr-laptop-felirat { color: #FFC72C; }
.wr-laptop-eg .wr-laptop-cim { color: #fff; text-shadow: 0 2px 18px rgba(0, 0, 0, .6); }
.wr-laptop-eg .wr-ertesites { background: rgba(255, 255, 255, .94); border-color: rgba(255, 255, 255, .6); box-shadow: 0 10px 26px rgba(0, 0, 0, .35); }
.wr-laptop-fejlec { display: flex; align-items: center; justify-content: space-between; padding: 10px 16px; border-bottom: 1px solid #E8EFF5; background: rgba(255, 255, 255, .85); }
.wr-laptop-logo { font-size: 13px; font-weight: 800; color: #0F2A4A; }
.wr-laptop-logo b { color: #1E9BD7; font-weight: 800; }
.wr-laptop-menu { display: flex; gap: 12px; }
.wr-laptop-menu i { font-style: normal; font-size: 10px; font-weight: 600; color: #5B6B7D; }
.wr-laptop-test { flex: 1; display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; gap: 4%; padding: 0 6% 2% 7%; }
.wr-laptop-tartalom { display: flex; flex-direction: column; gap: 10px; }
.wr-laptop-felirat { font-size: 10px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #1E9BD7; }
.wr-laptop-cim { font-size: clamp(14px, 1.3vw, 21px); font-weight: 800; line-height: 1.18; color: #0F2A4A; }
.wr-laptop-gomb { display: inline-block; background: #FFC72C; color: #0F2A4A !important; font-weight: 700; font-size: 12px; text-decoration: none;
	padding: 8px 14px; border-radius: 10px; box-shadow: 0 6px 14px rgba(255, 199, 44, .35); transition: background-color .2s ease; }
.wr-laptop-gomb:hover, .wr-laptop-gomb:focus-visible { background: #00D9FF; }
/* Lebegő értesítés-kártyák (üveghatás) */
.wr-laptop-ertesitesek { display: flex; flex-direction: column; gap: 10px; }
.wr-ertesites { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 10px; background: rgba(255, 255, 255, .9);
	border: 1px solid #E2ECF4; box-shadow: 0 8px 20px rgba(15, 42, 74, .10); animation: wr-lebeg 5s ease-in-out infinite; }
.wr-ertesites-2 { margin-left: 12%; animation-delay: -2.5s; }
.wr-ertesites b { display: block; font-size: 10.5px; font-weight: 800; color: #0F2A4A; line-height: 1.2; }
.wr-ertesites em { display: block; font-style: normal; font-size: 9.5px; color: #5B6B7D; line-height: 1.3; }
.wr-ertesites-ikon { flex: 0 0 22px; height: 22px; border-radius: 7px; position: relative; }
.wr-ertesites-ikon::after { content: ""; position: absolute; left: 7px; top: 5px; width: 6px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.wr-ertesites-kek { background: #1E9BD7; }
.wr-ertesites-zold { background: #1E9BD7; }
@keyframes wr-lebeg { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
@media (prefers-reduced-motion: reduce) { .wr-ertesites { animation: none; } }
.wr-laptop-alap { height: 18px; margin: 0 -6%; background: linear-gradient(#E6EAEF, #C3CBD4); border-radius: 0 0 16px 16px; position: relative; }
.wr-laptop-alap::after { content: ""; position: absolute; left: 50%; top: 0; width: 16%; height: 6px; transform: translateX(-50%); background: #B1BBC6; border-radius: 0 0 6px 6px; }
.wr-hero-cimke { position: absolute !important; right: 22px; bottom: 22px; width: auto !important; z-index: 3; margin: 0 !important;
	display: flex !important; align-items: center; gap: 12px;
	background: rgba(9, 16, 30, .94); border: 1px solid rgba(30, 155, 215, .35); border-radius: 12px; padding: 10px 16px 10px 10px;
	box-shadow: 0 6px 16px rgba(4, 8, 16, .35); backdrop-filter: blur(6px); }
.wr-hero-cimke .elementor-widget-container, .wr-hero-cimke .elementor-text-editor { display: flex; align-items: center; gap: 12px; }
.wr-hero-cimke p { margin: 0; }
.wr-hero-cimke-ikon { flex: 0 0 38px; height: 38px; border-radius: 9px; background: rgba(30, 155, 215, .12); border: 1px solid rgba(0, 217, 255, .45);
	color: #00D9FF; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 0 14px rgba(0, 217, 255, .25); }
.wr-hero-cimke-ikon svg { width: 19px; height: 19px; }
/* A WR logó alkalmazásikonként: fehér, lekerekített négyzet */
.wr-app-ikon { flex-basis: 46px; height: auto; background: none; border: 0; box-shadow: none; padding: 0; border-radius: 0; }
.wr-app-ikon img { width: 100%; height: auto; display: block; }
.wr-hero-cimke-szovegek { display: flex; flex-direction: column; line-height: 1.3; }
.wr-hero-cimke-cim { font-weight: 800; font-size: 14px; color: #fff; }
.wr-hero-cimke-szoveg { font-size: 12.5px; color: rgba(255, 255, 255, .68); }
@media (max-width: 1024px) { .wr-hero-cimke { right: 8px; } }
/* Telefonon a laptop ugyanaz, mint gépen, csak arányosan kicsinyítve (Magdolna: "az arányok maradjanak meg"):
   a laptop oszlopa 560 px széles marad és a zoom kicsinyíti a képernyő szélességéhez. */
@media (max-width: 767px) {
	.elementor-element-a767c76 { width: 560px !important; max-width: none !important; flex: 0 0 auto !important; align-self: center; zoom: .6; }
}
@media (min-width: 400px) and (max-width: 767px) { .elementor-element-a767c76 { zoom: .67; } }
@media (min-width: 460px) and (max-width: 767px) { .elementor-element-a767c76 { zoom: .76; } }
@media (min-width: 560px) and (max-width: 767px) { .elementor-element-a767c76 { zoom: .92; } }
@media (max-width: 359px) { .elementor-element-a767c76 { zoom: .52; } }
/* Hős: színátmenetes kiemelés (sötétkékből kékbe), a kézi aláhúzás alatta marad */
.wr-gradient { background: linear-gradient(90deg, #0F2A4A 0%, #1E9BD7 100%); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
/* Hős: másodlagos, körvonalas gomb */
.wr-btn-masod .elementor-button:hover, .wr-btn-masod .elementor-button:focus-visible { background-color: #EEF6FC !important; border-color: var(--wr-kek, #1E9BD7) !important; box-shadow: 0 10px 22px rgba(30, 155, 215, .18); }
.wr-hero-gombok .elementor-widget-button { width: auto; }
/* Hős: felül a 3 szolgáltatás (elválasztóval), a gomb alatt kinek szól */
.wr-elv { margin: 0 12px; color: #B8CCDD; font-weight: 400; }
@media (max-width: 767px) { .wr-elv { margin: 0 5px; } }
/* Telefonon a hős felső felirata (Weboldalak | Alkalmazások | Támogatás) kisebb, hogy ne lógjon ki a képernyőről */
@media (max-width: 767px) { .elementor-element-d1a7e33 .elementor-heading-title { font-size: 12px !important; letter-spacing: .5px !important; display: flex; flex-wrap: wrap; } }
.wr-szolg-sav p { margin: 6px 0 0; font-size: 14px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #5B6B7D; }
@media (max-width: 767px) { .wr-szolg-sav p { text-align: center; font-size: 13px; letter-spacing: .08em; } }

/* Kártyák: finom keret és árnyék, egyforma ikondobozok */
.wr-card { transition: transform .2s ease, box-shadow .2s ease; border: 1px solid #E2ECF4; box-shadow: 0 6px 20px rgba(15, 42, 74, .06); }
.wr-card:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(15, 42, 74, .10); }
.wr-card .elementor-icon-box-icon .elementor-icon { width: 60px; height: 60px; display: inline-flex; align-items: center; justify-content: center;
	background: #EEF6FC; border: 1.5px solid #CFE6F5; border-radius: 10px; font-size: 28px !important; }
.wr-card .elementor-icon-box-icon .elementor-icon svg { width: 28px; height: 28px; }
.wr-card .elementor-icon-box-title { margin-top: 0; }

/* Folyamat lépések: számozott körök */
.wr-step-num .elementor-heading-title { width: 52px; height: 52px; line-height: 48px !important; border-radius: 50%; border: 2px solid var(--wr-kek); background: var(--wr-vkek); margin: 0 auto; }
@media (min-width: 768px) {
	.wr-step { position: relative; }
	.wr-step:not(:last-child)::after { content: ""; position: absolute; top: 26px; left: calc(50% + 40px); width: calc(100% - 56px); border-top: 2px dashed #B9DCF0; }
}

/* Munkáim: "Hamarosan élesben" címke */
.wr-badge { display: inline-block; background: var(--wr-krem); color: #8A5A00; border: 1px solid #F6E3B5; font-weight: 700; font-size: 16px; padding: 6px 12px; border-radius: 99px; }
.wr-badge-wrap p { margin: 0; }

/* Rólam */
.wr-rolam-img img { aspect-ratio: 8 / 9; object-fit: cover; box-shadow: 0 20px 50px rgba(15, 42, 74, .12); }
/* Rólam fotó asztali nézetben jobb oldalon, hogy a szöveg felé nézzen; mobilon a szöveg felett marad */
@media (min-width: 768px) { .e-con:has(> .wr-rolam-img) { order: 2; } }
.wr-signature .elementor-heading-title { margin-top: 4px; }

/* GYIK */
.e-n-accordion-item-title { cursor: pointer; }
.e-n-accordion-item { margin-bottom: 12px; }

/* Visszahívás űrlap */
.wr-urlap { color: var(--wr-text); font-family: Montserrat, system-ui, sans-serif; }
.wr-urlap-cim { font-size: 22px; font-weight: 800; color: var(--wr-navy); margin: 0 0 4px; line-height: 1.25; }
.wr-urlap-alcim { margin: 0 0 18px; font-size: 16px; }
.wr-mezo { margin: 0 0 14px; }
.wr-mezo label { display: block; font-weight: 600; font-size: 16px; color: var(--wr-navy); margin: 0 0 6px; }
.wr-urlap select { appearance: none; -webkit-appearance: none; cursor: pointer; padding-right: 40px !important;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230F2A4A' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center !important; }
.wr-urlap input[type=text], .wr-urlap input[type=tel], .wr-urlap input[type=email], .wr-urlap select {
	width: 100%; min-height: 50px; padding: 12px 14px; border: 1.5px solid #CAD9E6; border-radius: 10px; font: 500 16px Montserrat, sans-serif;
	background: #fff; color: var(--wr-navy); transition: border-color .15s, box-shadow .15s; }
.wr-portfolio textarea { width: 100%; min-height: 96px; padding: 12px 14px; border: 1.5px solid #CAD9E6; border-radius: 10px; font: inherit; font-size: 16px; color: var(--wr-text); background: #fff; resize: vertical; }
.wr-portfolio textarea:focus { border-color: var(--wr-kek); box-shadow: 0 0 0 3px rgba(30, 155, 215, .18); outline: none; }
.wr-portfolio textarea[aria-invalid=true] { border-color: #D64545; }
.wr-urlap input:focus { border-color: var(--wr-kek); box-shadow: 0 0 0 3px rgba(30, 155, 215, .18); outline: none; }
.wr-urlap input[aria-invalid=true] { border-color: #D64545; }
.wr-hiba { display: block; color: #C03030; font-size: 16px; margin-top: 4px; min-height: 0; }
.wr-hiba:empty { display: none; }
.wr-tobb { margin: 0 0 14px; }
.wr-tobb summary { cursor: pointer; color: var(--wr-kek); font-weight: 600; font-size: 16px; padding: 4px 0 10px; }
.wr-pipa { display: flex; gap: 10px; align-items: flex-start; font-size: 16px; line-height: 1.45; margin: 4px 0 6px; cursor: pointer; }
.wr-pipa input { width: 20px; height: 20px; margin-top: 1px; flex: none; accent-color: var(--wr-kek); }
.wr-pipa a { color: var(--wr-kek); }
.wr-gomb { display: flex; width: 100%; align-items: center; justify-content: center; min-height: 56px; margin-top: 14px; padding: 14px 24px; border: 0; border-radius: 10px;
	background: var(--wr-sarga); color: var(--wr-navy); font: 700 17px Montserrat, sans-serif; cursor: pointer; transition: background-color .2s, transform .15s, box-shadow .2s; }
.wr-gomb:hover, .wr-gomb:focus-visible { background: var(--wr-hover); transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0, 217, 255, .28); }
.wr-gomb[disabled] { opacity: .7; cursor: wait; }
.wr-urlap-megj { text-align: center; font-size: 16px; color: #5B6B7D; margin: 10px 0 0; }
.wr-urlap-csillag { font-size: 16px; color: #5B6B7D; margin: 0 0 4px; }
.wr-urlap-allapot { margin: 8px 0 0; font-size: 16px; text-align: center; }
.wr-urlap-allapot:empty { display: none; }
.wr-urlap-kesz { text-align: center; padding: 20px 0; outline: none; }
.wr-urlap-pipa { width: 64px; height: 64px; margin: 0 auto 14px; border-radius: 50%; background: var(--wr-vkek); color: var(--wr-kek); font-size: 32px; line-height: 64px; font-weight: 800; }
.wr-csapda { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Űrlap: két oszlop és kattintós válaszok */
.wr-ket-oszlop { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
@media (max-width: 600px) { .wr-ket-oszlop { grid-template-columns: 1fr; } }
.wr-valaszt { border: 0; padding: 0; margin: 4px 0 14px; min-width: 0; }
.wr-valaszt legend { font-weight: 600; font-size: 16px; color: var(--wr-navy); margin: 0 0 8px; padding: 0; }
.wr-chipek { display: flex; flex-wrap: wrap; gap: 8px; }
.wr-chip { position: relative; cursor: pointer; }
.wr-chip input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.wr-chip span { display: inline-block; padding: 9px 14px; border: 1.5px solid #CAD9E6; border-radius: 99px; font-size: 16px; font-weight: 600; color: var(--wr-navy); background: #fff; transition: all .15s; }
.wr-chip:hover span { border-color: var(--wr-kek); }
.wr-chip input:focus-visible + span { outline: 3px solid var(--wr-navy); outline-offset: 2px; }
.wr-chip input:checked + span { background: var(--wr-kek); border-color: var(--wr-kek); color: #fff; }
a.wr-gomb { text-decoration: none; }

/* Betű mindenhol Montserrat (a téma alapbetűje helyett) */
body, .elementor-widget-icon-list .elementor-icon-list-text, .elementor-widget-text-editor { font-family: Montserrat, system-ui, sans-serif; }
.wr-erdekel .elementor-button, .wr-btn .elementor-button { white-space: nowrap; }
@media (max-width: 400px) { .wr-btn .elementor-button { white-space: normal; } }

/* Adatkezelési tájékoztató táblázatai */
.wr-jogi table { width: 100%; border-collapse: collapse; font-size: 16px; margin: 6px 0 14px; }
.wr-jogi th, .wr-jogi td { border: 1px solid #E2ECF4; padding: 8px 10px; text-align: left; vertical-align: top; }
.wr-jogi th { background: var(--wr-vkek); color: var(--wr-navy); font-weight: 700; }
.wr-jogi thead th:empty { display: none; }
.wr-tabla { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.wr-jogi ul { padding-left: 20px; }
.wr-jogi a { color: var(--wr-kek); }

/* Süti-sáv */
.wr-sutik { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 9999; max-width: 560px; margin: 0 auto; background: #fff; color: var(--wr-text);
	border: 1px solid #E2ECF4; border-radius: 14px; box-shadow: 0 16px 40px rgba(15, 42, 74, .18); padding: 18px 20px; font: 15px/1.5 Montserrat, sans-serif; }
.wr-sutik[hidden] { display: none; }
.wr-sutik p { margin: 0 0 12px; } .wr-sutik a { color: var(--wr-kek); }
.wr-sutik-gombok { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.wr-gomb.wr-gomb-kicsi { width: auto; min-height: 44px; margin: 0; padding: 10px 20px; font-size: 16px; }
.wr-sutik-nem { background: none; border: 0; color: var(--wr-text); text-decoration: underline; cursor: pointer; font: 500 14px Montserrat, sans-serif; padding: 8px; }

/* Köszönő oldal */
.wr-koszono .wr-nev:empty { display: none; }

/* Rajzolt ikonok (nyíl, pipa) a saját elemekben */
.wr-ikon { flex: none; vertical-align: -0.2em; }
.wr-gomb { gap: 10px; }
.wr-gomb .wr-ikon { width: 20px; height: 20px; transition: transform .2s ease; }
.wr-gomb:hover .wr-ikon { transform: translateX(3px); }
.wr-urlap-pipa { display: flex; align-items: center; justify-content: center; }
.wr-urlap-pipa .wr-ikon { width: 32px; height: 32px; stroke-width: 2.5; }
.elementor-button .elementor-button-icon svg { transition: transform .2s ease; }
.elementor-button:hover .elementor-button-icon svg { transform: translateX(3px); }
.wrt .wrt-vissza, .wrt .link { display: inline-flex; align-items: center; gap: 6px; }
.wrt .wrt-vissza .wr-ikon, .wrt .link .wr-ikon { width: 16px; height: 16px; }
.wrt .ag-ikon { display: inline-flex; }
.wrt .ag-ikon .wr-ikon { width: 22px; height: 22px; }
.wrt .wrt-nem-kell .wr-ikon { width: 16px; height: 16px; margin-right: 4px; }
.wrt .wrt-email-kesz .wr-ikon { width: 18px; height: 18px; stroke-width: 2.5; }
.wrt .btn .wr-ikon { width: 20px; height: 20px; }

/* Hírlevél feliratkozás (lábléc) */
.wr-hirlevel { color: var(--wr-text); font-family: Montserrat, system-ui, sans-serif; }
.wr-hirlevel .wr-urlap-cim { font-size: 17px; margin-bottom: 4px; }
.wr-hirlevel p { font-size: 16px; line-height: 1.45; }
.wr-hirlevel-sor { display: flex; gap: 10px; }
.wr-hirlevel .wr-hirlevel-nyit { width: auto; margin-top: 4px; }
.wr-hirlevel-reszlet[hidden], .wr-hirlevel-nyit[hidden] { display: none !important; }
/* Lábléc: kompakt hírlevél a sötét sávban (csak a gomb, kattintásra nyílik az e-mail mező) */
.wr-lablec-hirlevel .wr-hirlevel { color: #D6E2EE; text-align: center; }
.wr-lablec-hirlevel .wr-hirlevel-nyit { margin-left: auto; margin-right: auto; }
.wr-lablec-hirlevel .wr-hirlevel-form { display: flex; flex-direction: column; align-items: center; }
.wr-lablec-hirlevel .wr-hirlevel-reszlet { width: 100%; }
.wr-lablec-hirlevel .wr-urlap-cim { color: #fff; font-size: 16px; margin: 0 0 6px; }
.wr-lablec-hirlevel .wr-urlap-alcim { display: none; }
.wr-lablec-hirlevel .wr-pipa, .wr-lablec-hirlevel .wr-hirlevel-kesz { color: #D6E2EE; font-size: 16px; }
.wr-lablec-hirlevel .wr-pipa a { color: #FFC72C; }
.wr-lablec-hirlevel .wr-hirlevel-kesz { color: #fff; }
.wr-hirlevel input[type=email] { flex: 1; min-width: 0; min-height: 44px; padding: 8px 12px; border: 1.5px solid #CAD9E6; border-radius: 10px;
	font: 500 16px Montserrat, sans-serif; background: #fff; color: var(--wr-navy); }
.wr-hirlevel input:focus { border-color: var(--wr-kek); box-shadow: 0 0 0 3px rgba(30, 155, 215, .18); outline: none; }
.wr-hirlevel input[aria-invalid=true] { border-color: #D64545; }
.wr-hirlevel .wr-gomb { width: auto; min-height: 44px; padding: 8px 18px; margin: 0; white-space: nowrap; font-size: 16px; }
.wr-hirlevel .wr-pipa { margin-top: 8px; }
.wr-hirlevel :focus-visible { outline: 3px solid var(--wr-navy); outline-offset: 3px; }
.wr-hirlevel-kesz { font-weight: 600; color: var(--wr-navy); margin: 0; outline: none; display: flex; gap: 8px; align-items: center; }
.wr-hirlevel-kesz .wr-ikon { color: var(--wr-kek); width: 22px; height: 22px; stroke-width: 2.5; }
.wr-hirlevel-kesz[hidden], .wr-hirlevel-form[hidden] { display: none; }
@media (max-width: 600px) { .wr-hirlevel-sor { flex-direction: column; } .wr-hirlevel .wr-gomb { width: 100%; } }
.wr-kozosseg .elementor-social-icon { transition: background-color .2s ease, transform .15s ease; }
.wr-kozosseg .elementor-social-icon:hover { transform: translateY(-2px); }

/* Nem kötelező online jelenlét mezők */
.wr-online { border-top: 1px dashed #CAD9E6; padding-top: 14px; margin-top: 4px; }
.wr-opc { font-weight: 400; color: #5B6B7D; font-size: 16px; }
.wr-segit { font-size: 16px; color: #5B6B7D; margin: -4px 0 14px; line-height: 1.5; }
.wrt .wr-online { border-top-color: rgba(230,238,243,.25); }
.wrt .wr-opc, .wrt .wr-segit { color: var(--muted); }

/* Munkáim kártyák: ugyanaz a kártya és gomb, mint a kiemelt munkánál */
.wr-munkaim { font-family: Montserrat, system-ui, sans-serif; color: var(--wr-text); }
.wr-munkaim-cim { font-size: 24px; font-weight: 800; color: var(--wr-navy); margin: 8px 0 16px; line-height: 1.25; }
.wr-munkaim-racs { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 20px; }
.wr-munkaim-kartya { background: #fff; border: 1px solid #E2ECF4; border-radius: 18px; padding: 28px; box-shadow: 0 10px 30px rgba(15, 42, 74, .07); display: flex; flex-direction: column; gap: 10px; transition: transform .2s ease, box-shadow .2s ease; }
.wr-munkaim-kartya:hover { transform: translateY(-3px); }
.wr-munkaim-kartya img { width: 100%; height: auto; border-radius: 18px; border: 1px solid #E2ECF4; }
.wr-munkaim-kartya h4 { font-size: 21px; font-weight: 800; color: var(--wr-navy); margin: 4px 0 0; line-height: 1.25; }
.wr-munkaim-kartya p { font-size: 17px; line-height: 1.5; margin: 0; }
.wr-munkaim-kartya .wr-munkaim-meta { font-size: 16px; color: #5B6B7D; }
.wr-munkaim-gomb { margin-top: auto; align-self: flex-start; display: inline-flex; align-items: center; gap: 10px; padding: 14px 24px; border: 2px solid var(--wr-navy); border-radius: 10px; background: #fff; color: var(--wr-navy) !important; font-weight: 700; font-size: 16px; text-decoration: none !important; transition: background-color .2s, border-color .2s, transform .15s; }
.wr-munkaim-gomb:hover, .wr-munkaim-gomb:focus-visible { background: var(--wr-hover); border-color: var(--wr-hover); transform: translateY(-2px); }
.wr-munkaim-gomb:focus-visible { outline: 3px solid var(--wr-navy); outline-offset: 3px; }
.wr-munkaim-ures { padding: 16px; border: 1px dashed #CAD9E6; border-radius: 10px; color: #5B6B7D; }
@media (max-width: 767px) { .wr-munkaim-kartya { padding: 22px 20px; } }

/* WebRendbe Rendelő checklista űrlap */
.wr-checklista-elemzes { background: var(--wr-vkek, #EEF6FC); border-radius: 12px; padding: 12px 14px; margin: 6px 0 12px; font-size: 16px; }
.wr-checklista-elemzes b { color: var(--wr-navy, #0F2A4A); font-weight: 700; }
.wr-checklista-oldalak { border-left: 3px solid var(--wr-kek, #1E9BD7); padding: 4px 0 2px 14px; margin: 0 0 12px; }
.wr-checklista-sugo { font-size: 16px; color: #5B6B7D; margin: -4px 0 10px; }
.wr-checklista-kesz-elemzes { margin-top: 10px; }

/* WebRendbe Rendelő (online kivizsgálás) */
/* 2026-10-23: a teszt világos WebRendbe-stílusa (csak a WebRendbe színei, mindenhol 10 px) */
.wrr { background: #fff; border: 1px solid #E2ECF4; border-radius: 10px; padding: 28px 26px; box-shadow: 0 10px 30px rgba(15, 42, 74, .06); }
.wrr-cim { font-family: Montserrat, system-ui, sans-serif; font-weight: 800; font-size: 24px; line-height: 1.25; color: var(--wr-navy); margin: 0 0 10px; outline: none; }
.wrr-szoveg { font-size: 17px; margin: 0 0 18px; }
.wrr-halad { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; font-weight: 700; color: var(--wr-navy); font-size: 16px; }
.wrr-sav { flex: 1; height: 8px; background: var(--wr-vkek); border-radius: 99px; overflow: hidden; }
.wrr-sav i { display: block; height: 100%; width: 0; background: var(--wr-kek); border-radius: 99px; transition: width .3s; }
.wrr-kerdes { font-family: Montserrat, system-ui, sans-serif; font-weight: 800; font-size: 22px; line-height: 1.3; color: var(--wr-navy); margin: 0 0 14px; outline: none; }
.wrr-tunet, .wrr-vizsg { border-radius: 10px; padding: 10px 14px; margin: 0 0 10px; font-size: 16px; line-height: 1.5; }
.wrr-tunet { background: var(--wr-krem, #FFF8EC); border-left: 4px solid var(--wr-sarga, #FFC72C); } .wrr-tunet b { color: var(--wr-navy); }
.wrr-vizsg { background: var(--wr-vkek); border-left: 4px solid var(--wr-kek); } .wrr-vizsg b { color: var(--wr-navy); }
.wrr-valasz { display: flex; gap: 12px; margin: 18px 0 10px; }
.wrr .wrr-v { flex: 1; font-family: Montserrat, system-ui, sans-serif; font-weight: 700; font-size: 20px; min-height: 64px; padding: 14px 10px; border-radius: 10px; cursor: pointer; border: 2px solid #D5E1EC; background: #fff; color: var(--wr-navy); box-shadow: none; transition: border-color .15s, background .15s; }
.wrr .wrr-igen:hover, .wrr .wrr-igen:focus-visible { background: var(--wr-vkek); border-color: var(--wr-kek); color: var(--wr-navy); }
.wrr .wrr-nem:hover, .wrr .wrr-nem:focus-visible { background: var(--wr-krem, #FFF8EC); border-color: var(--wr-sarga, #FFC72C); color: var(--wr-navy); }
.wrr .wrr-vissza { background: none; border: 0; box-shadow: none; color: #5B6B7D; font-weight: 600; font-size: 16px; cursor: pointer; padding: 8px 0; display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; text-decoration: underline; text-underline-offset: 3px; }
.wrr .wrr-vissza:hover, .wrr .wrr-vissza:focus-visible { background: none; color: var(--wr-navy); }
.wrr-sugo { font-size: 16px; color: #5B6B7D; margin: -6px 0 14px; }
.wrr-ertesit { background: var(--wr-vkek); border-radius: 10px; padding: 10px 14px; margin: 0 0 16px; display: flex; gap: 8px; align-items: center; }
.wrr-zaro { background: var(--wr-krem, #FFF8EC); border: 1px solid var(--wr-sarga, #FFC72C); color: #3D4F63; border-radius: 10px; padding: 20px 22px; margin-top: 22px; }
.wrr-zaro .wrr-cim { color: var(--wr-navy); }
.wrr-kuld { margin-top: 22px; padding: 20px 22px; border-radius: 10px; background: var(--wr-vkek); border-left: 4px solid var(--wr-kek); }
.wrr-kuld .wrr-cim { font-size: 20px; }
.wrr-kuld-kod { text-align: center; }
.wrr-kuld-kod .wr-gomb { margin-top: 0; }
.wrr-kuld-gombok { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.wrr-kuld-gombok .wr-gomb { width: auto; min-width: 280px; }
@media (max-width: 600px) { .wrr-kuld-gombok .wr-gomb { width: 100%; } }
/* Ha van leletkép, az a fő gomb; a link továbbküldése mellette másodlagos (fehér, keretes). */
.wrr-lelet-gomb:not([hidden]) + .wrr-kuld-gomb { background: #fff; color: var(--wr-navy); border: 2px solid var(--wr-navy); }
.wrr-lelet-gomb:not([hidden]) + .wrr-kuld-gomb:hover { background: var(--wr-hover, #00D9FF); border-color: var(--wr-hover, #00D9FF); }
/* A továbbküldő gomb fölött is pontosan a szokásos 24 px legyen (a szöveg utolsó bekezdése ne adjon még hozzá). */
.elementor-widget-text-editor:has(+ .elementor-widget-shortcode .wrr-kuld-kod) p:last-child { margin-bottom: 0; }
.wrr-kuld-allapot { margin: 10px 0 0; font-size: 16px; color: var(--wr-navy); }
.wrr-kuld-allapot:empty { display: none; }
.wrr-kapu { margin-top: 26px; padding: 22px 20px 12px; border: 1px solid var(--wr-sarga, #FFC72C); border-radius: 10px; background: var(--wr-krem, #FFF8EC); }
.wrr-zaro .wr-gomb { display: inline-flex; text-decoration: none; margin-top: 6px; }
.wrr [hidden] { display: none !important; }
@media (max-width: 600px) { .wrr { padding: 20px 16px; } .wrr-kerdes { font-size: 20px; } .wrr-v { font-size: 18px; padding: 14px 8px; } }

/* Hős: a gomb alatti kis szöveg mellett Magdolna kis kerek fotója (bizalom az első képernyőn) */
.wr-hero-bizalom { display: flex; align-items: center; gap: 10px; margin: 0 !important; }
.wr-hero-bizalom img { width: 40px !important; height: 40px !important; border-radius: 50% !important; object-fit: cover; flex: 0 0 40px; max-width: none !important; border: 2px solid #fff; box-shadow: 0 2px 8px rgba(15, 42, 74, .15); }
@media (max-width: 767px) { .wr-hero-bizalom { justify-content: center; text-align: left; } }

/* Hős: gépen balra, telefonon középen, egymás alatt (Magdolna, 2026-10-24) */
@media (max-width: 767px) {
	.elementor-element-d1a7e33 .elementor-heading-title, .elementor-element-c742547 .elementor-heading-title { text-align: center !important; }
	.elementor-element-70f5890 p { text-align: center !important; text-wrap: balance; }
	.wr-hero-bizalom { justify-content: center; text-align: center; }
	.wr-hero-bizalom span { text-wrap: balance; }
}

/* Hős: Magdolna fotója a "Konzultációt kérek" gomb előtt, egy sorban (2026-10-24) */
.wr-hero-arc-elem { flex: 0 0 auto !important; width: auto !important; margin: 0 !important; }
.wr-hero-arc-elem p { margin: 0; }
.wr-hero-arc { display: block; width: 56px !important; height: 56px !important; max-width: none !important; border-radius: 50% !important; object-fit: cover; border: 3px solid #fff; box-shadow: 0 4px 14px rgba(15, 42, 74, .18); }
@media (max-width: 767px) { .wr-hero-gombok .elementor-widget-button { flex: 1 1 auto !important; } .wr-hero-arc { width: 52px !important; height: 52px !important; } }

/* Telefonon a hős felirata két sorban: Čechová Magdolna / Digitális működési és automatizálási specialista */
@media (max-width: 767px) { .elementor-element-d1a7e33 .elementor-heading-title { display: block !important; text-align: center !important; line-height: 1.7 !important; } }
/* Egy sorban maradó szövegrész (pl. a hős felirata: a megnevezés ne törjön ketté) */
.wr-egyben { white-space: nowrap; }
/* Hős felirata: gépen és telefonon is egymás alatt (név, alatta a megnevezés), elválasztó jel nélkül */
.wr-felirat-sor { display: block; white-space: nowrap; }
.wr-felirat-sor + .wr-felirat-sor { margin-left: 0; }
@media (max-width: 767px) { .wr-felirat-sor { display: block; white-space: normal; text-wrap: balance; } .wr-felirat-sor + .wr-felirat-sor { margin-left: 0; } }


/* Szolgáltatás-kártyák (2026-10-24): a magyarázat pontozott lista, a kártyában középre tett, balra igazított blokkban. */
.wr-szolg-lista { display: inline-block; text-align: left; max-width: 300px; }
.wr-szolg-sor { display: block; position: relative; padding-left: 18px; margin-top: 6px; }
.wr-szolg-sor:first-child { margin-top: 0; }
.wr-szolg-sor::before { content: ""; position: absolute; left: 0; top: .62em; width: 7px; height: 7px; border-radius: 50%; background: #1E9BD7; }
.wr-szolg-alatta { margin-top: 8px; }

/* Kész válaszok csomag (2026-10-24): kitöltendő részek kiemelve, másoló gomb */
.wr-kv-hely { background: #FFF1C7; border-radius: 3px; padding: 0 1px; }
.wr-kv-uzenet p { margin: 0; }
.wr-kv-masol { background: #FFFFFF !important; color: #0F2A4A !important; border: 2px solid #0F2A4A !important; border-radius: 10px !important; padding: 8px 18px !important; font-family: Montserrat, sans-serif !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.2 !important; cursor: pointer; }
.wr-kv-masol:hover, .wr-kv-masol:focus { background: #00D9FF !important; border-color: #00D9FF !important; color: #0F2A4A !important; }
.wr-kv-masol.wr-kv-kesz { background: #FFC72C !important; border-color: #FFC72C !important; }
.wr-kv-lista { margin: 0; padding-left: 20px; }
.wr-kv-lista li { margin-bottom: 8px; }
.wr-kv-kero form { display: flex; flex-direction: column; gap: 14px; max-width: 520px; }
.wr-kv-mezo label { display: block; font-weight: 700; color: #0F2A4A; font-size: 16px; margin-bottom: 6px; }
.wr-kv-mezo input { width: 100%; border: 1px solid #C9D9E8 !important; border-radius: 10px !important; padding: 12px 14px !important; font-size: 16px; font-family: Montserrat, sans-serif; }
.wr-kv-pipa { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; line-height: 1.5; color: #3D4F63; }
.wr-kv-pipa input { margin-top: 4px; width: 18px; height: 18px; flex: 0 0 auto; }
.wr-kv-csapda { position: absolute !important; left: -9999px !important; }
.wr-kv-hiba { color: #B42318; font-size: 15px; margin: 0; min-height: 0; }
.wr-kv-kuld { align-self: flex-start; background: #FFC72C !important; color: #0F2A4A !important; border: 2px solid #FFC72C !important; border-radius: 10px !important; padding: 14px 28px !important; font-family: Montserrat, sans-serif !important; font-size: 17px !important; font-weight: 700 !important; cursor: pointer; }
.wr-kv-kuld:hover, .wr-kv-kuld:focus { background: #00D9FF !important; border-color: #00D9FF !important; }
.wr-kv-kesz-uzenet { background: #EEF6FC; border-radius: 10px; padding: 14px 16px; font-weight: 700; color: #0F2A4A; }
@media (max-width: 767px) { .wr-kv-kuld { align-self: stretch; } }
/* /beszeljunk/ (2026-10-24, Magdolna): a "Hol érhetlek el?" középen, nagyobb betűvel, alatta több hely */
.wr-beszeljunk .wr-urlap-form > .wr-urlap-cim { text-align: center !important; font-size: 28px !important; line-height: 1.25 !important; margin: 0 0 12px !important; }
.wr-beszeljunk .wr-urlap-form > .wr-urlap-alcim { text-align: center !important; margin: 0 0 28px !important; }
@media (max-width: 767px) { .wr-beszeljunk .wr-urlap-form > .wr-urlap-cim { font-size: 24px !important; } }
.wr-kv-magatol { display: inline-block; margin-left: 8px; background: #EEF6FC; color: #1E9BD7; border: 1px solid #BFE0F4; border-radius: 10px; padding: 2px 10px; font-size: 13px; font-weight: 700; vertical-align: middle; white-space: nowrap; }
/* Átvilágítás landing: a fotó kitölti a lista melletti helyet */
.page-id-72 .elementor-widget-image img[src*="atvilagitas-papirmunka"] { width: 100%; height: 100%; min-height: 300px; object-fit: cover; }
@media (max-width: 767px) { .page-id-72 .elementor-widget-image img[src*="atvilagitas-papirmunka"] { min-height: 0; height: 240px; } }
.wr-tel-alatta { transition: opacity .25s ease; }
.wr-tel-alatta-valt { opacity: 0; }

/* Átvilágítás landing (2026-10-24, 1-es színváltozat): meleg törtfehér hős, puha sárga folt a telefon mögött */
.wr-atv-telefon-hatter { background: radial-gradient(circle at 50% 44%, rgba(255,199,44,.42) 0, rgba(255,199,44,.22) 30%, rgba(255,199,44,0) 58%); }
/* Átvilágítás hős: a cím kiegyensúlyozott sorokban (gépen 2 sor) */
.wr-atv-cim .elementor-heading-title { text-wrap: balance; }

/* Átvilágítás zárás: gépen 2 sor (az első mondat egyben) */
@media (min-width: 1025px) { .wr-atv-zaro-sor { white-space: nowrap; } }

/* Átvilágítás landing: telefonon kisebb telefon (3 üzenet, ne legyen üres sötét rész); gépen az eredeti méret */
@media (max-width: 767px) { .wr-atv-telefon-hatter .wr-tel-kijelzo { height: 310px; } }
/* Átvilágítás: 'Már működik' blokk középen */
.wr-atv-mar-mukodik { margin-left: auto !important; margin-right: auto !important; }
.wr-atv-mar-mukodik .elementor-widget-image { width: 100%; text-align: center; }
.wr-atv-mar-mukodik .elementor-widget-image img { margin: 0 auto; }

/* Időmegtakarítási terv hőse (2026-10-25): az elintézett üzenet világos marad, sárga csíkkal, hogy jól olvasható legyen a sötét telefonon */
.wr-tel-elem[data-mod="kattintasra"] .wr-tel-ert.wr-tel-kesz-be { background: #FFF6D6; box-shadow: inset 4px 0 0 #FFC72C; }
.wr-tel-elem[data-mod="kattintasra"] .wr-tel-kesz-be .wr-tel-kesz-cim { color: #0F2A4A; }
.wr-tel-elem[data-mod="kattintasra"] .wr-tel-kesz-be .wr-tel-kesz { color: #0F2A4A; }

/* Kérdőív (2026-10-25): nyíló, nem kötelező kérdések a végén */
form:not(.wr-nyilo-nyitva) .elementor-field-group.wr-nyilo { display: none; }
.wr-nyilo-gomb { display: inline-flex; align-items: center; gap: 8px; background: none !important; border: 0 !important; padding: 6px 0 !important; color: #1E9BD7 !important; font-family: Montserrat, sans-serif; font-weight: 700; font-size: 16px; cursor: pointer; text-align: left; box-shadow: none !important; }
.wr-nyilo-gomb:hover, .wr-nyilo-gomb:focus { color: #0F2A4A !important; background: none !important; }
.wr-nyilo-gomb svg { flex: 0 0 auto; transition: transform .2s ease; }
.wr-nyilo-gomb[aria-expanded="true"] svg { transform: rotate(180deg); }
/* Kérdőív: telefonon a pipák között több hely, hogy ne nyúljon mellé */
.elementor-field-type-checkbox .elementor-field-option, .elementor-field-type-radio .elementor-field-option { padding: 5px 0; }/* Időmegtakarítási terv kérdőív: a felső felirat fekete, mint a landingon (2026-10-25) */
.page-id-74 .wr-eyebrow .elementor-heading-title { color: #231F20 !important; }

/* Impresszum most nem kell a láblécekben (Magdolna 2026-11-04); az oldal megmarad */
.elementor-icon-list-item:has(> a[href*="/impresszum"]) { display: none !important; }

/* „Konzultációt kérek” gombok egérre megrezegnek (Magdolna 2026-11-04); minden, a Beszéljünk oldalra vivő gomb */
@keyframes wrRezeg { 0%,100% { transform: translateX(0) rotate(0); } 15% { transform: translateX(-4px) rotate(-2deg); } 30% { transform: translateX(4px) rotate(2deg); } 45% { transform: translateX(-3px) rotate(-1.5deg); } 60% { transform: translateX(3px) rotate(1.5deg); } 75% { transform: translateX(-1px) rotate(-.5deg); } }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
	a[href*="beszeljunk"]:hover, a[href*="beszeljunk"]:hover .elementor-button, .elementor-button[href*="beszeljunk"]:hover { animation: wrRezeg .5s ease-in-out both; }
}