.elementor-kit-6{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#008BFFFC;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-395503a:#0F0F0F;--e-global-color-2994a0b:#FFFFFF;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-395503a );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-secondary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* PUSZTAPLAY KÉPREGÉNY GOMBOK - JAVÍTOTT VERZIÓ */

/* Közös gomb stílusok - Szigorúan csak az 'a' (link) taget célozzuk */
.pp-modern-btn a {
    display: inline-block !important; /* Létfontosságú a szétcsúszás megelőzésére */
    border: 3px solid #1d2327 !important;
    border-radius: 8px !important;
    box-shadow: 5px 5px 0px #1d2327 !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important; /* Performancia: csak a változó tulajdonságokat animáljuk az 'all' helyett */
    text-transform: uppercase !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
    padding: 12px 24px !important; /* Egységes belső térköz a stabil mérethez */
    text-decoration: none !important;
    margin: 0 !important; /* Eltávolítjuk a konténerből örökölt felesleges margókat */
    line-height: 1 !important;
}

/* Hover (ráhúzás) effekt */
.pp-modern-btn a:hover {
    transform: translate(3px, 3px) !important;
    box-shadow: 2px 2px 0px #1d2327 !important;
}

/* A Ghost (Belépés / Dashboard) gomb egyedi kinézete */
.pp-btn-ghost a {
    background-color: transparent !important;
    color: #1d2327 !important;
}

.pp-btn-ghost a:hover {
    background-color: rgba(0,0,0,0.05) !important;
}

/* Előfizetés gomb (ha esetleg külön háttérszínt kap) */
.pp-btn-filled a {
    background-color: #ffcc00 !important; /* Példa pop-art sárga szín */
    color: #1d2327 !important;
}
/* PUSZTAPLAY KÉPREGÉNY SOCIAL IKONOK */

.pp-social-icon a {
    display: inline-flex !important; /* Flexbox a tökéletes középre igazításhoz */
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;  /* Fix szélesség */
    height: 42px !important; /* Fix magasság a szabályos formához */
    background-color: transparent !important;
    color: #1d2327 !important; /* Az ikon (pl. Facebook logo) színe */
    border: 3px solid #1d2327 !important;
    border-radius: 50% !important; /* 50% = tökéletes kör. Ha négyzetet akarsz, írj ide 8px-et! */
    box-shadow: 4px 4px 0px #1d2327 !important; /* Kicsit kisebb árnyék, mint a nagy gomboknál */
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
    text-decoration: none !important;
    font-size: 18px !important; /* Magának az ikonnak a mérete */
    margin-left: 10px !important; /* Távolság az ikonok között */
}

/* Hover (ráhúzás) effekt */
.pp-social-icon a:hover {
    transform: translate(3px, 3px) !important;
    box-shadow: 1px 1px 0px #1d2327 !important;
    background-color: #ffcc00 !important; /* Vagány pop-art sárga háttér ráhúzáskor */
    color: #1d2327 !important;
}
/* PUSZTAPLAY FOOTER LINK - FINOMÍTOTT KÉPREGÉNY STÍLUS */

.pp-footer-link a {
    display: inline-block !important;
    color: #ffffff !important; /* Vagy amilyen a footer alapszöveg színe */
    text-decoration: none !important;
    font-weight: 700 !important;
    padding: 2px 6px !important;
    margin-bottom: 8px !important;
    transition: all 0.2s ease !important;
    border-radius: 4px !important;
}

/* Hover effekt: Pop-art sárga kiemelés, vastag keret nélkül */
.pp-footer-link a:hover {
    color: #1d2327 !important; /* Sötét szöveg a világos háttéren */
    background-color: #ffcc00 !important; /* Képregény-sárga háttér */
    transform: translate(2px, 2px) !important; /* Kicsi "benyomódás" */
    box-shadow: 2px 2px 0px #1d2327 !important; /* Vékony pop-art árnyék */
}
/* PUSZTAPLAY FIZETÉSI IKONOK - KONSZOLIDÁLT MÉRET */

/* A tartó konténer (hogy szépen egymás mellett legyenek) */
.pp-payment-icons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important; /* Távolság az ikonok között */
    align-items: center !important;
    margin-top: 15px !important;
}

/* Maguknak az ikonoknak a szigorú méretezése */
.pp-payment-icons img, 
.pp-payment-icons svg {
    max-width: 45px !important; /* Ezt a számot írd át, ha kisebbet/nagyobbat akarsz! */
    height: auto !important;
    display: block !important;
    transition: transform 0.2s ease, filter 0.2s ease !important;
    
    /* PRO TIPP: Alapból szürkévé és kicsit halvánnyá tesszük őket, hogy egységesek legyenek */
    filter: grayscale(100%) opacity(0.7) !important; 
}

/* Hover (ráhúzás) effekt: Visszajön a színük és picit kiugranak */
.pp-payment-icons img:hover, 
.pp-payment-icons svg:hover {
    transform: scale(1.1) translateY(-2px) !important;
    filter: grayscale(0%) opacity(1) !important; /* Eredeti pop-art színek visszahozása */
}
/* PUSZTAPLAY ÁRTÁBLÁZAT KÁRTYÁK */
.pp-pricing-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.pp-pricing-card:hover {
    transform: translateY(-10px) !important; /* Felugrik 10 pixelt */
    box-shadow: 15px 15px 0px #1d2327 !important; /* Az árnyék megnő, mintha felemelkedne a papírról */
}
/* PUSZTAPLAY KÉPREGÉNY FAQ - ÚJ GENERÁCIÓS (NESTED) VERZIÓ */

/* 1. Alap doboz (A <details> tag) */
.pp-faq-comic details,
.pp-faq-comic .e-n-accordion-item {
    border: 3px solid #1d2327 !important;
    margin-bottom: 15px !important;
    background-color: #ffffff !important;
    box-shadow: 6px 6px 0px #1d2327 !important;
    border-radius: 0px !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

/* 2. Hover (ráhúzás) effekt a kérdés dobozára */
.pp-faq-comic details:hover,
.pp-faq-comic .e-n-accordion-item:hover {
    transform: translate(-2px, -2px) !important;
    box-shadow: 8px 8px 0px #1d2327 !important;
}

/* 3. A Kérdés fejléce (A <summary> tag) */
.pp-faq-comic summary,
.pp-faq-comic .e-n-accordion-item-title {
    background-color: #ffffff !important;
    padding: 20px !important;
    color: #1d2327 !important;
    font-weight: 800 !important;
    border-bottom: none !important;
    outline: none !important; /* Eltünteti a böngésző fókusz keretét kattintáskor */
    cursor: pointer !important;
    list-style: none !important; /* Biztos ami biztos, kilövi a gyári kis nyilakat */
}

/* 4. Amikor NYITVA van a kérdés (A varázslat!) */
.pp-faq-comic details[open] summary,
.pp-faq-comic .e-n-accordion-item[open] .e-n-accordion-item-title {
    background-color: #00E5FF !important; /* Ciánkék villanás */
    border-bottom: 3px dashed #1d2327 !important; /* Szaggatott elválasztó */
}

/* 5. A belső tartalom (amibe a widgeteket húzod) alap háttere */
.pp-faq-comic details > div,
.pp-faq-comic .e-n-accordion-item > *:not(summary) {
    background-color: #ffffff !important;
}

/* 6. Plusz ikon forgatása nyitáskor (hogy X legyen belőle) */
.pp-faq-comic details[open] summary .e-n-accordion-icon svg,
.pp-faq-comic details[open] summary .e-n-accordion-icon i {
    transform: rotate(45deg) !important; 
    transition: transform 0.3s ease !important;
}
/* PUSZTAPLAY ESZKÖZ KÁRTYÁK (MATRICÁK) */
.pp-device-card {
    border: 3px solid #1d2327 !important;
    background-color: #ffffff !important;
    box-shadow: 6px 6px 0px #1d2327 !important;
    padding: 30px 20px !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
    text-align: center;
}
.pp-device-card:hover {
    transform: translate(-4px, -4px) !important;
    box-shadow: 10px 10px 0px #1d2327 !important;
    background-color: #FFCC00 !important; /* Pop-art sárga robbanás */
}
.pp-device-card .elementor-icon-box-icon i,
.pp-device-card .elementor-icon-box-icon svg {
    color: #1d2327 !important;
    font-size: 50px !important;
    margin-bottom: 20px !important;
    transition: transform 0.3s ease !important;
}
.pp-device-card:hover .elementor-icon-box-icon i,
.pp-device-card:hover .elementor-icon-box-icon svg {
    transform: scale(1.1) !important;
}
.pp-device-card .elementor-icon-box-title {
    color: #1d2327 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
}
/* PUSZTAPLAY SZÖVEGBUBORÉK (RÓLUNK OLDAL) */

/* A buborék teste */
.pp-speech-bubble {
    background-color: #ffffff !important;
    border: 4px solid #1d2327 !important;
    border-radius: 15px !important; /* Pici kerekítés a képregényes hatásért */
    padding: 40px !important;
    box-shadow: 10px 10px 0px #1d2327 !important;
    position: relative;
    margin-bottom: 60px !important; /* Helyet hagyunk a buborék farkának */
}

/* A buborék farka (A vastag fekete külső háromszög) */
.pp-speech-bubble::before {
    content: "";
    position: absolute;
    bottom: -34px; /* Kilóg az alján */
    left: 50px; /* Bal oldalra húzva */
    border-width: 30px 30px 0 0;
    border-style: solid;
    border-color: #1d2327 transparent transparent transparent;
}

/* A buborék farkának a belseje (A fehér kitöltés) */
.pp-speech-bubble::after {
    content: "";
    position: absolute;
    bottom: -25px; /* Picit feljebb, hogy mutassa a fekete keretet */
    left: 54px;
    border-width: 22px 22px 0 0;
    border-style: solid;
    border-color: #ffffff transparent transparent transparent;
}
/* PUSZTAPLAY TELEPÍTÉSI LÉPÉSEK (KÉPREGÉNY KOCKÁK) */

/* Maga a lépést tartalmazó panel */
.pp-step-panel {
    border: 4px solid #1d2327 !important;
    background-color: #ffffff !important;
    box-shadow: 8px 8px 0px #1d2327 !important;
    padding: 40px !important;
    margin-bottom: 40px !important; /* Távolság a következő lépéstől */
}

/* A képernyőfotók (Screenshotok) automatikus keretezése a dobozon belül */
.pp-step-panel img {
    border: 3px solid #1d2327 !important;
    margin-top: 20px !important;
}

/* Kiemelő (Sárga) szövegháttér a fontos kódokhoz/linkekhez a leírásban */
.pp-highlight {
    background-color: #FFCC00;
    padding: 2px 8px;
    font-weight: 800;
    border: 2px solid #1d2327;
}
/* PUSZTAPLAY KÉPREGÉNY ŰRLAP (KAPCSOLAT) */

/* A beviteli mezők (Név, Email, Üzenet) stílusa */
.pp-comic-form .elementor-field-group input,
.pp-comic-form .elementor-field-group textarea {
    border: 3px solid #1d2327 !important;
    border-radius: 0px !important; /* Kőkemény szögletes sarkok */
    background-color: #ffffff !important;
    color: #1d2327 !important;
    padding: 15px !important;
    font-weight: 700 !important;
    box-shadow: 4px 4px 0px #1d2327 !important;
    transition: all 0.2s ease !important;
}

/* Amikor a felhasználó belekattint egy mezőbe (Focus) */
.pp-comic-form .elementor-field-group input:focus,
.pp-comic-form .elementor-field-group textarea:focus {
    outline: none !important;
    background-color: #f9f9f9 !important;
    box-shadow: 8px 8px 0px #1d2327 !important;
    transform: translate(-2px, -2px) !important;
}

/* A mezők feletti címkék (Labels) */
.pp-comic-form .elementor-field-label {
    color: #1d2327 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    margin-bottom: 8px !important;
}

/* A Küldés Gomb formázása az űrlapon */
.pp-comic-form .elementor-button {
    background-color: #FFCC00 !important; /* Pop-Art Sárga */
    color: #1d2327 !important;
    border: 4px solid #1d2327 !important;
    border-radius: 0px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    padding: 20px 40px !important;
    box-shadow: 6px 6px 0px #1d2327 !important;
    transition: all 0.2s ease !important;
    width: 100% !important; /* Teljes szélességű gomb */
}

/* Küldés Gomb Hover (Ráhúzás) effekt - Ciánkékre villan! */
.pp-comic-form .elementor-button:hover {
    transform: translate(-4px, -4px) !important;
    box-shadow: 10px 10px 0px #1d2327 !important;
    background-color: #00E5FF !important; 
}
/* =========================================================
   PUSZTAPLAY ULTIMATE KÉPREGÉNY ŰRLAP (KAPCSOLAT + TESZT)
   ========================================================= */

/* 1. BEVITELI MEZŐK ÉS LEGÖRDÜLŐK (Név, Email, Eszköz választó) */
/* (Kivétel: Rádiógombok és Pipák, hogy ne kapjanak bumszli árnyékot) */
.pp-comic-form .elementor-field-group input:not([type="radio"]):not([type="checkbox"]),
.pp-comic-form .elementor-field-group textarea,
.pp-comic-form .elementor-field-group select {
    border: 3px solid #1d2327 !important;
    border-radius: 0px !important;
    background-color: #ffffff !important;
    color: #1d2327 !important;
    padding: 15px !important;
    font-weight: 700 !important;
    box-shadow: 4px 4px 0px #1d2327 !important;
    transition: all 0.2s ease !important;
}

/* Amikor belekattintasz a mezőbe (Focus) */
.pp-comic-form .elementor-field-group input:not([type="radio"]):not([type="checkbox"]):focus,
.pp-comic-form .elementor-field-group textarea:focus,
.pp-comic-form .elementor-field-group select:focus {
    outline: none !important;
    background-color: #f9f9f9 !important;
    box-shadow: 8px 8px 0px #1d2327 !important;
    transform: translate(-2px, -2px) !important;
}

/* 2. RÁDIÓGOMBOK ÉS PIPÁK JAVÍTÁSA (Nincs graffitis árnyék!) */
.pp-comic-form input[type="radio"],
.pp-comic-form input[type="checkbox"] {
    box-shadow: none !important;
    border: 2px solid #1d2327 !important;
    transform: none !important;
    padding: 0 !important;
    width: 18px !important;
    height: 18px !important;
}
.pp-comic-form input[type="radio"] {
    border-radius: 50% !important; /* Kerek a rádiógomb */
}
.pp-comic-form .elementor-field-option label {
    margin-left: 10px !important;
    font-weight: 700 !important;
}

/* 3. CÍMKÉK (A mezők feletti kérdések) */
.pp-comic-form .elementor-field-label {
    color: #1d2327 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    margin-bottom: 8px !important;
}

/* 4. GOMBOK (Küldés és Lapozás) */
.pp-comic-form .elementor-button {
    background-color: #FFCC00 !important; /* Alap Pop-Art Sárga */
    color: #1d2327 !important;
    border: 4px solid #1d2327 !important;
    border-radius: 0px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    padding: 15px 30px !important;
    box-shadow: 6px 6px 0px #1d2327 !important;
    transition: all 0.2s ease !important;
}
.pp-comic-form .elementor-button:hover {
    transform: translate(-4px, -4px) !important;
    box-shadow: 10px 10px 0px #1d2327 !important;
    background-color: #00E5FF !important; /* Ciánkékre villan */
}

/* Kifejezetten a "Tovább / Vissza" gombok (Alapból Ciánkékek, hogy elkülönüljenek) */
.pp-comic-form .elementor-field-type-step .elementor-button {
    background-color: #00E5FF !important; 
    margin-top: 20px !important;
}
.pp-comic-form .elementor-field-type-step .elementor-button:hover {
    background-color: #FFCC00 !important;
}

/* 5. MULTI-STEP FOLYAMATJELZŐ (PROGRESS BAR ÉS SZÁMOK) JAVÍTÁSA */
.pp-comic-form .e-form-steps-indicator {
    margin-bottom: 30px !important;
}
/* Ha folyamatjelző sáv (Progress Bar) */
.pp-comic-form .e-form-steps-indicator__progress-bar {
    height: 25px !important;
    background-color: #ffffff !important;
    border: 3px solid #1d2327 !important;
    border-radius: 0px !important;
    box-shadow: 4px 4px 0px #1d2327 !important;
    overflow: hidden !important;
}
.pp-comic-form .e-form-steps-indicator__progress-bar .e-step-indicator__progress {
    background-color: #FFCC00 !important; /* A belső sáv SÁRGA! */
}
/* Ha ikonos/számos jelző */
.pp-comic-form .e-step-indicator {
    border: 3px solid #1d2327 !important;
    border-radius: 0px !important;
    background-color: #ffffff !important;
    box-shadow: 4px 4px 0px #1d2327 !important;
}
.pp-comic-form .e-step-indicator[data-state="active"] {
    background-color: #FFCC00 !important;
}
/* --- NUKLEÁRIS TAPASZ A RÁDIÓGOMBOKRA ÉS A ZÖLD SÁVRA --- */

/* 1. Rádiógombok árnyékának teljes megsemmisítése */
.pp-comic-form .elementor-field-subgroup input[type="radio"],
.pp-comic-form .elementor-field-subgroup input[type="checkbox"],
.pp-comic-form input[type="radio"],
.pp-comic-form input[type="checkbox"] {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    appearance: auto !important; /* Visszaadja a böngésző gyári, tiszta kinézetét */
    border: none !important;
    background: transparent !important;
    margin-right: 5px !important;
}

/* 2. A makacs ZÖLD folyamatjelző sárgásítása */
.pp-comic-form .e-form-steps-indicator__progress-bar .e-step-indicator__progress {
    background-color: #FFCC00 !important; /* Pop-Art Sárga */
}
.pp-comic-form .e-form-steps-indicator__progress-bar {
    background-color: #f1f1f1 !important; /* Világosszürke háttér a sávnak */
    border: 3px solid #1d2327 !important;
    border-radius: 0px !important;
    box-shadow: 4px 4px 0px #1d2327 !important;
}
/* =========================================================
   PUSZTAPLAY MAGIC LOGIN - PÁNCÉLTÖRŐ POP-ART STÍLUS
   ========================================================= */

/* Célba vesszük a panelt, és minden benne lévő beviteli mezőt! */
.pp-step-panel form input[type="email"],
.pp-step-panel form input[type="text"] {
    border: 3px solid #1d2327 !important;
    border-radius: 0px !important;
    background-color: #ffffff !important;
    color: #1d2327 !important;
    padding: 15px !important;
    font-weight: 700 !important;
    box-shadow: 4px 4px 0px #1d2327 !important;
    transition: all 0.2s ease !important;
    width: 100% !important;
    max-width: 400px !important;
    display: block !important;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}

/* Fókusz effekt */
.pp-step-panel form input[type="email"]:focus,
.pp-step-panel form input[type="text"]:focus {
    outline: none !important;
    background-color: #f9f9f9 !important;
    box-shadow: 8px 8px 0px #1d2327 !important;
    transform: translate(-2px, -2px) !important;
}

/* A Gomb lerohanása */
.pp-step-panel form button,
.pp-step-panel form input[type="submit"] {
    background-color: #FFCC00 !important; /* Ordító Sárga */
    color: #1d2327 !important;
    border: 4px solid #1d2327 !important;
    border-radius: 0px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    padding: 15px 30px !important;
    box-shadow: 6px 6px 0px #1d2327 !important;
    transition: all 0.2s ease !important;
    width: 100% !important;
    max-width: 400px !important;
    display: block !important;
    cursor: pointer !important;
}

/* Gomb hover (Ciánkék) */
.pp-step-panel form button:hover,
.pp-step-panel form input[type="submit"]:hover {
    transform: translate(-4px, -4px) !important;
    box-shadow: 10px 10px 0px #1d2327 !important;
    background-color: #00E5FF !important;
}

/* Címke és üzenetek */
.pp-step-panel form label {
    font-weight: 900 !important;
    color: #1d2327 !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
}

.pp-step-panel p {
    font-weight: bold !important;
    color: #1d2327 !important;
}

/* A Kijelentkezés link láthatóságának megőrzése */
.pp-step-panel a {
    color: #1d2327 !important;
    font-weight: 900 !important;
    text-decoration: underline !important; 
    text-decoration-thickness: 3px !important;
    text-transform: uppercase !important;
}
.pp-step-panel a:hover {
    color: #00E5FF !important;
}/* End custom CSS */