.elementor-4210 .elementor-element.elementor-element-6cf1bfc:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-6cf1bfc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://smarttrans.org/wp-content/uploads/2025/03/home_banner.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4210 .elementor-element.elementor-element-6cf1bfc > .elementor-container{min-height:400px;}.elementor-4210 .elementor-element.elementor-element-6cf1bfc{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4210 .elementor-element.elementor-element-6cf1bfc > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4210 .elementor-element.elementor-element-6cf1bfc > .elementor-shape-bottom .elementor-shape-fill{fill:#F6F7FB;}.elementor-4210 .elementor-element.elementor-element-6cf1bfc > .elementor-shape-bottom svg{width:calc(272% + 1.3px);height:84px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4210 .elementor-element.elementor-element-6d69dab{text-align:center;}.elementor-4210 .elementor-element.elementor-element-6d69dab .elementor-heading-title{color:#FFFFFF;}.elementor-4210 .elementor-element.elementor-element-6e82e04:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-6e82e04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F7FB;}.elementor-4210 .elementor-element.elementor-element-6e82e04{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 20px 80px 20px;}.elementor-4210 .elementor-element.elementor-element-6e82e04 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4210 .elementor-element.elementor-element-e46c331:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-e46c331 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4210 .elementor-element.elementor-element-e46c331 > .elementor-container{max-width:780px;}.elementor-4210 .elementor-element.elementor-element-e46c331{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E5E7EB;box-shadow:2px 2px 14px 3px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:24px 24px 24px 24px;}.elementor-4210 .elementor-element.elementor-element-e46c331, .elementor-4210 .elementor-element.elementor-element-e46c331 > .elementor-background-overlay{border-radius:18px 18px 18px 18px;}.elementor-4210 .elementor-element.elementor-element-e46c331 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4210 .elementor-element.elementor-element-81b8795{text-align:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4210 .elementor-element.elementor-element-99b3ec2{text-align:center;}.elementor-4210 .elementor-element.elementor-element-2459d74{text-align:center;}.elementor-4210 .elementor-element.elementor-element-2459d74 p{margin-block-end:0px;}.elementor-4210 .elementor-element.elementor-element-6f361b3{--spacer-size:50px;}.elementor-4210 .elementor-element.elementor-element-810e496:not(.elementor-motion-effects-element-type-background), .elementor-4210 .elementor-element.elementor-element-810e496 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://smarttrans.org/wp-content/uploads/2025/10/pexels-photo-192364-192364-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4210 .elementor-element.elementor-element-810e496 > .elementor-background-overlay{background-color:#000000;opacity:0.75;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4210 .elementor-element.elementor-element-810e496 > .elementor-container{min-height:250px;}.elementor-4210 .elementor-element.elementor-element-810e496{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4210 .elementor-element.elementor-element-810e496 > .elementor-shape-top svg{width:calc(272% + 1.3px);height:60px;}/* Start custom CSS for pms-register, class: .elementor-element-6cbe16b *//* ===== Alapszínek (nyugodt steel blue) ===== */
:root{
  --brand: #6E84A3;
  --ink:   #0F172A;
  --muted: #64748B;
  --card:  #FFFFFF;
  --bd:    #E5E7EB;
}
:root[data-theme="dark"]{
  --ink:#E5E7EB; --muted:#A3AED0; --card:#111827; --bd:#1F2937;
}

/* ========= A teljes „Plans” terület „keretben” ========= */
.pms-form-register .pms-field-subscriptions{
  background: color-mix(in srgb, var(--card) 100%, transparent);
  border: 1px solid var(--bd);
  border-radius: 16px;
  padding: 16px 18px;
  box-shadow: 0 12px 30px rgba(2,6,23,.08);
}

/* A listát rácsba rendezzük – 2 oszlop, kis képernyőn 1. */
.pms-form-register .pms-subscription-plan{
  margin: 0; /* kinullázzuk a témát */
}
.pms-form-register .pms-field-subscriptions > .pms-subscription-plan{
  display: grid;
  grid-template-columns: 1fr;           /* desktopon is egy-egy kártya sorban; ha két oszlop kell: repeat(2,minmax(260px,1fr)) */
  gap: 12px;
}

/* ========= A rádió „eltüntetése”, de hozzáférhetően ========= */
.pms-form-register .pms-subscription-plan input[type="radio"]{
  position:absolute; inline-size:1px; block-size:1px; overflow:hidden;
  clip: rect(0 0 0 0); white-space:nowrap; border:0; padding:0; margin:0;
}

/* ========= A LABEL lesz maga a kártya =========
   (PMS-nél van amikor a radio a label-ben van, van amikor előtte:
    mindkét esetet fedjük le az alábbi szelektorokkal) */
.pms-form-register .pms-subscription-plan > label,
.pms-form-register .pms-subscription-plan label{
  display: grid;
  grid-template-columns: 24px auto;   /* balra a custom „radio”, jobbra a tartalom */
  align-items: start;
  column-gap: 12px;

  padding: 14px 16px;
  border: 1px solid var(--bd);
  border-radius: 14px;
  background: var(--card);
  color: var(--ink);
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(2,6,23,.06);
  transition: border-color .15s ease, box-shadow .15s ease, transform .12s ease, background .15s ease;
}

/* Hover */
.pms-form-register .pms-subscription-plan label:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(2,6,23,.10);
}

/* ========= Egyedi „radio” pötty ========= */
.pms-form-register .pms-subscription-plan > label::before,
.pms-form-register .pms-subscription-plan label::before{
  content: "";
  width: 18px; height: 18px;
  border-radius: 50%;
  border: 2px solid var(--brand);
  background: #fff;
  box-shadow: inset 0 0 0 4px #fff;
  align-self: center;
  margin-top: 2px;
}

/* Kijelölt állapot – két markup variánsra: :has() és adjacent + */
.pms-form-register .pms-subscription-plan label:has(input[type="radio"]:checked),
.pms-form-register .pms-subscription-plan input[type="radio"]:checked + label{
  border-color: var(--brand);
  background: linear-gradient(180deg, color-mix(in srgb, var(--brand) 4%, #fff 96%), var(--card));
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--brand) 18%, transparent),
    0 12px 26px rgba(2,6,23,.12);
}
.pms-form-register .pms-subscription-plan label:has(input[type="radio"]:checked)::before,
.pms-form-register .pms-subscription-plan input[type="radio"]:checked + label::before{
  background: var(--brand);
  box-shadow: inset 0 0 0 4px #fff;
}

/* ========= Cím, ár, időtartam szépítése ========= */
.pms-form-register .pms-subscription-plan-name{
  font-weight: 800;
  letter-spacing: .2px;
  color: var(--ink);
  display:inline-block;
}
.pms-form-register .pms-subscription-plan-price{
  color: var(--muted);
  font-weight: 600;
  display:inline-block;
  margin-left: 6px;
}
.pms-form-register .pms-duration-divider,
.pms-form-register .pms-divider{ color: var(--muted); }

/* Opcionális: ikon a név elé – az első kettőhöz (emoji), igazíthatod bátran */
.pms-form-register .pms-field-subscriptions .pms-subscription-plan:nth-of-type(1) .pms-subscription-plan-name::before{ content:"📦 "; }
.pms-form-register .pms-field-subscriptions .pms-subscription-plan:nth-of-type(2) .pms-subscription-plan-name::before{ content:"🚚 "; }

/* Leírás halványabban, a „pötty” alatt beljebb húzva */
.pms-form-register .pms-subscription-plan-description{
  grid-column: 2 / -1;   /* a custom radio oszlopát ugorja át */
  color: var(--muted);
  font-style: italic;
  margin-top: 4px;
}

/* ========= Auto renew – csinos „kapcsoló” ========= */
.pms-form-register .pms-subscription-plan-auto-renew{
  display:flex; align-items:center; gap:10px;
  margin-top: 14px;
  color: var(--ink);
  font-weight: 600;
}
.pms-form-register .pms-subscription-plan-auto-renew input[type="checkbox"]{
  appearance: none;
  width: 38px; height: 22px;
  background: #e5e7eb;
  border-radius: 999px;
  position: relative;
  outline: none; border: 1px solid var(--bd);
  transition: background .2s ease, border-color .2s ease;
  cursor: pointer;
}
.pms-form-register .pms-subscription-plan-auto-renew input[type="checkbox"]::after{
  content: "";
  position: absolute; top: 50%; left: 2px;
  width: 18px; height: 18px; border-radius: 50%;
  background: #fff; transform: translateY(-50%);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
  transition: left .2s ease;
}
.pms-form-register .pms-subscription-plan-auto-renew input[type="checkbox"]:checked{
  background: color-mix(in srgb, var(--brand) 60%, #fff 40%);
  border-color: var(--brand);
}
.pms-form-register .pms-subscription-plan-auto-renew input[type="checkbox"]:checked::after{
  left: 18px;
}

/* ========= Dark mode finomhangolás ========= */
:root[data-theme="dark"] .pms-form-register .pms-field-subscriptions{
  background: #0B1220; border-color: #1f2937; box-shadow: none;
}
:root[data-theme="dark"] .pms-form-register .pms-subscription-plan > label,
:root[data-theme="dark"] .pms-form-register .pms-subscription-plan label{
  background:#111827; border-color:#1f2937; color:#e5e7eb; box-shadow:none;
}
:root[data-theme="dark"] .pms-form-register .pms-subscription-plan label:has(input[type="radio"]:checked),
:root[data-theme="dark"] .pms-form-register .pms-subscription-plan input[type="radio"]:checked + label{
  background: color-mix(in srgb, #111827 90%, var(--brand) 10%);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand) 22%, transparent);
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-6e82e04 *//* ===== ALAP SZÍNEK ===== */
:root{
  --brand: #6E84A3;   /* akcent */
  --bg-page: #F6F7FB;
  --ink: #0F172A;
  --muted: #64748B;
  --card: #FFFFFF;
  --bd: #E5E7EB;
}
:root[data-theme="dark"]{
  --bg-page: #0F172A;
  --ink: #E5E7EB;
  --muted: #A3AED0;
  --card: #111827;
  --bd: #1F2937;
}

/* ===== KÜLSŐ SZEKCIÓ – levegő + finom háttér ===== */
.signup-screen{ background: var(--bg-page); position: relative; }
.signup-screen:before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(1000px 400px at 80% -10%, rgba(110,132,163,.10), transparent 60%),
    radial-gradient(900px 360px at 0% 100%, rgba(110,132,163,.12), transparent 60%);
}

/* ===== KÁRTYA ===== */
.signup-card{
  max-width:780px; margin:0 auto;
  background:var(--card); border:1px solid var(--bd); border-radius:18px;
  box-shadow:0 24px 60px rgba(2,6,23,.10);
  padding:clamp(22px,3vw,34px);
}
:root[data-theme="dark"] .signup-card{ background:var(--card); border-color:var(--bd); }

/* Cím + lead */
.signup-card h1,.signup-card h2,.signup-card h3{ margin-top:0; color:var(--ink); }
.signup-card .elementor-widget-text-editor,
.signup-card p.lead { color: var(--muted); }

/* ===== INPUTOK / LABEL ===== */
.signup-card label{ color:var(--muted); font-weight:600; letter-spacing:.2px; }
.signup-card input[type="text"],
.signup-card input[type="email"],
.signup-card input[type="password"]{
  width:100%; height:44px; border-radius:12px;
  border:1px solid var(--bd);
  background:#F8FAFC; color:var(--ink);
  padding:8px 12px;
  transition:border-color .15s, box-shadow .15s, background .15s;
}
:root[data-theme="dark"] .signup-card input[type="text"],
:root[data-theme="dark"] .signup-card input[type="email"],
:root[data-theme="dark"] .signup-card input[type="password"]{
  background:#0B1220; border-color:var(--bd); color:var(--ink);
}
.signup-card input:focus{
  outline:none;
  border-color:var(--brand);
  box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 22%, transparent);
}

/* ===== SUBMIT GOMB – pill ===== */
.signup-card .elementor-button,
.signup-card button[type="submit"]{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; padding:10px 18px;
  border-radius:999px; font-weight:800; letter-spacing:.25px;
  border:1px solid color-mix(in srgb, var(--brand) 28%, #000 0%);
  color:#fff;
  background:linear-gradient(to bottom, color-mix(in srgb, var(--brand) 15%, #fff 0%), var(--brand));
  box-shadow:0 10px 20px rgba(110,132,163,.28), inset 0 1px 0 rgba(255,255,255,.35), inset 0 -2px 6px rgba(0,0,0,.18);
  transition:transform .12s, box-shadow .15s, filter .2s;
}
.signup-card .elementor-button:hover,
.signup-card button[type="submit"]:hover{
  transform:translateY(-1px);
  filter:saturate(1.05);
  box-shadow:0 14px 26px rgba(110,132,163,.32), inset 0 1px 0 rgba(255,255,255,.42), inset 0 -2px 8px rgba(0,0,0,.22);
}

/* ===== ROLE VÁLASZTÓ – rádióból kártyák =====
   - Add class: role-cards a rádiómező tárolójára (vagy a mezőt körülvevő containerre).
   - A legtöbb regiszter form markupja: <input type=radio id=x><label for=x>…</label>
*/
.signup-card .role-cards{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(260px,1fr));
  gap:12px;
  margin-top:8px;
}
.signup-card .role-cards input[type="radio"]{
  position:absolute; inline-size:1px; block-size:1px; overflow:hidden;
  clip:rect(0 0 0 0); white-space:nowrap; border:0; padding:0; margin:0;
}
.signup-card .role-cards input[type="radio"] + label{
  display:flex; flex-direction:column; gap:6px;
  padding:14px 16px;
  border:1px solid var(--bd);
  border-radius:14px;
  background:var(--card);
  color:var(--ink);
  cursor:pointer;
  box-shadow:0 8px 18px rgba(2,6,23,.06);
  transition:border-color .15s, box-shadow .15s, transform .12s;
}
.signup-card .role-cards input[type="radio"] + label small{ color:var(--muted); }
.signup-card .role-cards input[type="radio"]:hover + label{ transform:translateY(-1px); }
.signup-card .role-cards input[type="radio"]:checked + label{
  border-color:var(--brand);
  box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 18%, transparent), 0 10px 24px rgba(2,6,23,.10);
}

/* ===== Alsó gombsor / linkek (opcionális) ===== */
.signup-actions{
  display:flex; gap:10px; justify-content:center; margin-top:16px;
}
.signup-actions .elementor-button{ border-radius:999px; }
.signup-actions .elementor-button--outline, .signup-actions .outline{
  background:#fff; color:#1f2937; border:1px solid #D7DDE7; box-shadow:0 8px 18px rgba(2,6,23,.12);
}

/* Mobil finomhangolás */
@media (max-width: 768px){
  .signup-actions{ flex-direction:column; }
}/* End custom CSS */