.elementor-4180 .elementor-element.elementor-element-acb9c2e:not(.elementor-motion-effects-element-type-background), .elementor-4180 .elementor-element.elementor-element-acb9c2e > .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-4180 .elementor-element.elementor-element-acb9c2e > .elementor-container{min-height:400px;}.elementor-4180 .elementor-element.elementor-element-acb9c2e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4180 .elementor-element.elementor-element-acb9c2e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4180 .elementor-element.elementor-element-acb9c2e > .elementor-shape-bottom .elementor-shape-fill{fill:#F6F7FB;}.elementor-4180 .elementor-element.elementor-element-acb9c2e > .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-4180 .elementor-element.elementor-element-5c68390{text-align:center;}.elementor-4180 .elementor-element.elementor-element-5c68390 .elementor-heading-title{color:#FFFFFF;}.elementor-4180 .elementor-element.elementor-element-b59a2ae{text-align:center;}.elementor-4180 .elementor-element.elementor-element-b59a2ae .elementor-heading-title{color:#3E454E;}.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-4180 .elementor-element.elementor-element-0d8fcae{text-align:center;}.elementor-4180 .elementor-element.elementor-element-bbedb52{--spacer-size:10px;}.elementor-4180 .elementor-element.elementor-element-a32a068{--spacer-size:10px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4180 .elementor-element.elementor-element-e6a2775 .elementor-button{background-color:transparent;background-image:linear-gradient(180deg, #7C91AD 0%, #667C9B 100%);box-shadow:3px 3px 15px 2px rgba(0,0,0,0.5);border-radius:25px 25px 25px 25px;padding:3% 3% 3% 3%;}.elementor-4180 .elementor-element.elementor-element-03822e0 .elementor-button{background-color:#FFFFFF;fill:#1F2937;color:#1F2937;box-shadow:3px 3px 15px 2px rgba(0,0,0,0.5);border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7DDE7;border-radius:25px 25px 25px 25px;padding:3% 3% 3% 3%;}.elementor-4180 .elementor-element.elementor-element-314245a{--spacer-size:10px;}.elementor-4180 .elementor-element.elementor-element-b816430{text-align:center;}.elementor-4180 .elementor-element.elementor-element-b816430 a{color:#778DA9;}.elementor-4180 .elementor-element.elementor-element-441ed52{--spacer-size:50px;}.elementor-4180 .elementor-element.elementor-element-e7207b6:not(.elementor-motion-effects-element-type-background), .elementor-4180 .elementor-element.elementor-element-e7207b6 > .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-4180 .elementor-element.elementor-element-e7207b6 > .elementor-background-overlay{background-color:#000000;opacity:0.75;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4180 .elementor-element.elementor-element-e7207b6 > .elementor-container{min-height:250px;}.elementor-4180 .elementor-element.elementor-element-e7207b6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4180 .elementor-element.elementor-element-e7207b6 > .elementor-shape-top svg{width:calc(272% + 1.3px);height:60px;}@media(max-width:1024px){.elementor-4180 .elementor-element.elementor-element-e6a2775 .elementor-button{padding:5% 5% 5% 5%;}.elementor-4180 .elementor-element.elementor-element-03822e0 .elementor-button{padding:5% 5% 5% 5%;}}@media(min-width:768px){.elementor-4180 .elementor-element.elementor-element-e3e8afd{width:50%;}.elementor-4180 .elementor-element.elementor-element-f48f41c{width:50%;}}@media(max-width:767px){.elementor-4180 .elementor-element.elementor-element-e3e8afd{width:50%;}.elementor-4180 .elementor-element.elementor-element-e6a2775 .elementor-button{padding:6% 6% 6% 6%;}.elementor-4180 .elementor-element.elementor-element-f48f41c{width:50%;}.elementor-4180 .elementor-element.elementor-element-03822e0 .elementor-button{padding:6% 6% 6% 6%;}}/* Start custom CSS for section, class: .elementor-element-18b48c7 *//* ===== Theme alapszínek – nyugodt „steel blue” (világos/sötétben is jó) ===== */
:root{
  --brand: #6E84A3;       /* akcent szín gombra/fókuszra */
  --bg-page: #f6f7fb;     /* oldal háttér */
  --ink: #0b1220;         /* sötét szöveg */
  --muted: #64748b;       /* halvány szöveg */
  --card: #ffffff;        /* kártya háttér */
  --bd: #e5e7eb;         /* kártya keret */
}
:root[data-theme="dark"]{
  --bg-page: #0f172a;
  --ink: #e5e7eb;
  --muted: #a3aed0;
  --card: #111827;
  --bd: #1f2937;
}

/* ===== Teljes szekció: levegő + diszkrét háttér, hogy ne érjen össze headerrel/footerrel ===== */
.login-screen{
  background: var(--bg-page);
  padding: 80px 20px;           /* felső/alsó „levegő” */
  position: relative;
}
.login-screen:before{
  /* nagyon finom, modern átmenet */
  content:""; position:absolute; inset:0;
  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%);
  pointer-events:none;
}

/* ===== A kártya, amiben a form van ===== */
.login-card{
  max-width: 780px;
  margin: 0 auto;                 /* középre zárás */
  background: var(--card);
  border: 1px solid var(--bd);
  border-radius: 18px;
  padding: clamp(22px, 3vw, 34px);
  box-shadow: 0 24px 60px rgba(2,6,23,.10);
}

/* Ha a login widget köré raktad a class-t, a belső formot is elérjük: */
.login-card .elementor-form,
.login-card form{
  display: grid;
  gap: 14px 18px;
}

/* Mezőcímkék */
.login-card label{
  color: var(--muted);
  font-weight: 600;
  letter-spacing: .2px;
}

/* Inputok */
.login-card input[type="text"],
.login-card input[type="email"],
.login-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 ease, box-shadow .15s ease, background .15s ease;
}
:root[data-theme="dark"] .login-card input[type="text"],
:root[data-theme="dark"] .login-card input[type="email"],
:root[data-theme="dark"] .login-card input[type="password"]{
  background: #0b1220;
  color: var(--ink);
  border-color: var(--bd);
}
.login-card input:focus{
  outline: none;
  border-color: var(--brand);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand) 22%, transparent);
}

/* Checkbox + label (Remember me) finom igazítás */
.login-card .elementor-field-type-acceptance,
.login-card .elementor-field-group .elementor-field-subgroup{
  display: flex; align-items: center; gap: 8px;
}
.login-card input[type="checkbox"]{
  width: 18px; height: 18px; border-radius: 6px; cursor: pointer;
}

/* Hiba/üzenet dobozok */
.login-card .elementor-message,
.login-card .message,
.login-card .error{
  border-radius: 12px; padding: 10px 12px; margin: 6px 0;
}

/* Submit gomb – „pill” stílus */
.login-card .elementor-button,
.login-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 ease, box-shadow .15s ease, filter .2s ease;
}
.login-card .elementor-button:hover,
.login-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);
}
.login-card .elementor-button:disabled,
.login-card button[type="submit"]:disabled{
  filter: grayscale(.2) brightness(.95);
  cursor: not-allowed;
}

/* Linkek (pl. Lost your password?) */
.login-card a{
  color: color-mix(in srgb, var(--brand) 92%, #fff 0%);
  text-decoration: none; font-weight: 600;
}
.login-card a:hover{ text-decoration: underline; }

/* Kisebb typográfia finomhangolás */
.login-card h2, .login-card h3{ margin-top: 0; color: var(--ink); }
.login-card .hint, .login-card .description{ color: var(--muted); }

/* Reszponzív */
@media (max-width: 768px){
  .login-card{ padding: 18px }
}/* End custom CSS */