.elementor-3913 .elementor-element.elementor-element-4a99d66{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:25px;--padding-bottom:45px;--padding-left:15px;--padding-right:15px;}.elementor-3913 .elementor-element.elementor-element-26e0c12.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-3913 .elementor-element.elementor-element-4a99d66{--content-width:1400px;}}/* Start custom CSS for container, class: .elementor-element-4a99d66 *//* ==========================================================
   NeuroExpert — strona /logowanie/
   FluentAuth [fluent_auth] · scope: .ne-auth
   Wersja scalona — zastępuje cały poprzedni CSS
   ========================================================== */

/* ----------------------------------------------------------
   1. Łańcuch Elementora — wymuszenie pełnej szerokości
   Bez tego widget kurczy się do treści i karta jest wąska.
   ---------------------------------------------------------- */
.ne-auth {
  width: 100% !important;
  align-items: stretch !important;
  padding: clamp(20px, 2.5vw, 40px) 16px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.ne-auth > .e-con-inner {
  width: 100% !important;
  max-width: none !important;
  align-items: stretch !important;
}

.ne-auth .elementor-widget-shortcode {
  width: 100% !important;
  max-width: none !important;
  flex: 1 1 100% !important;
  align-self: stretch !important;
}

.ne-auth .elementor-shortcode {
  width: 100% !important;
  max-width: none !important;
  
}

/* ----------------------------------------------------------
   2. Karta — szerokość płynna, wysokość stała
   ---------------------------------------------------------- */
.ne-auth .fls_auth_wrapper {
  width: 100% !important;
  max-width: clamp(340px, 52vw, 820px) !important;  /* ← REGULACJA SZEROKOŚCI */
  margin: 0 auto !important;
  padding: 34px clamp(24px, 3vw, 56px) !important;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 22px !important;
  box-shadow: 0 14px 36px rgba(15, 23, 42, .08);
  font-family: 'Para', Inter, system-ui, sans-serif;
  color: #475569;
  box-sizing: border-box !important;
}

.ne-auth .fls_login_wrapper,
.ne-auth .fls_registration_wrapper,
.ne-auth .fls_reset_pass_wrapper {
  width: 100% !important;
  max-width: none !important;
}

.ne-auth .hide { display: none !important; }

/* ----------------------------------------------------------
   3. Etykiety
   ---------------------------------------------------------- */
.ne-auth label,
.ne-auth .fls_field_label label {
  display: block;
  font-family: 'Para', Inter, system-ui, sans-serif;
  font-weight: 600;
  font-size: 14px !important;
  color: #0f172a;
  margin: 0 0 6px !important;
}
.ne-auth .fls_field_label.is-required label::after {
  content: " *";
  color: #b91c1c;
}

/* ----------------------------------------------------------
   4. Pola formularza
   ---------------------------------------------------------- */
.ne-auth input[type="text"],
.ne-auth input[type="email"],
.ne-auth input[type="password"] {
  width: 100% !important;
  height: 50px !important;
  padding: 0 16px !important;
  font-family: 'Para', Inter, system-ui, sans-serif;
  font-size: 15px !important;
  font-weight: 500;
  color: #0f172a;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px !important;
  outline: none;
  box-sizing: border-box;
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.ne-auth input::placeholder { color: #94a3b8; }

.ne-auth input[type="text"]:hover,
.ne-auth input[type="email"]:hover,
.ne-auth input[type="password"]:hover {
  border-color: rgba(21, 119, 175, .28);
}

.ne-auth input[type="text"]:focus,
.ne-auth input[type="email"]:focus,
.ne-auth input[type="password"]:focus {
  background: #ffffff;
  border-color: #1577af;
  box-shadow: 0 0 0 4px rgba(21, 119, 175, .11);
}

/* ----------------------------------------------------------
   5. Odstępy
   ---------------------------------------------------------- */
.ne-auth .login-username,
.ne-auth .login-password { margin: 0 0 14px !important; }
.ne-auth .fls_field_group { margin: 0 0 12px !important; }
.ne-auth .login-remember  { margin: 0 0 16px !important; }
.ne-auth .login-submit    { margin: 0; }

/* ----------------------------------------------------------
   6. "Remember me"
   ---------------------------------------------------------- */
.ne-auth .login-remember label {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 25px !important;      /* odstęp przed przyciskiem */
  font-weight: 500;
  font-size: 14.5px !important;
  color: #475569;
}
.ne-auth input[type="checkbox"] {
  width: 14px;
  height: 14px;
  margin: 0;
  accent-color: #1577af;
  cursor: pointer;
}

/* ----------------------------------------------------------
   7. Przycisk główny (logowanie / rejestracja / reset)
   ---------------------------------------------------------- */
.ne-auth #wp-submit,
.ne-auth #fls_submit,
.ne-auth #fls_reset_pass {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100% !important;
  height: 50px !important;
  margin: 0;
  border: none !important;
  border-radius: 12px !important;
  background: #1577af !important;
  color: #ffffff !important;
  font-family: 'Para', Inter, system-ui, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(21, 119, 175, .18);
  transition: background-color .18s ease, box-shadow .18s ease;
}
.ne-auth #wp-submit:hover,
.ne-auth #fls_submit:hover,
.ne-auth #fls_reset_pass:hover {
  background: #11618e !important;     /* BEZ transform:translateY */
  box-shadow: 0 6px 20px rgba(21, 119, 175, .28);
}
.ne-auth .fls_loading_svg { width: 20px !important; height: 20px !important; }

/* ----------------------------------------------------------
   8. Separator nad logowaniem społecznościowym
   ---------------------------------------------------------- */
.ne-auth .fm_login_with {
  border-top: 1px solid #e2e8f0 !important;
  margin-top: clamp(22px, 2vw, 32px) !important;
  padding-top: clamp(20px, 1.9vw, 30px) !important;
}

/* ----------------------------------------------------------
   9. Google + Facebook — identyczne kafelki
   ---------------------------------------------------------- */
.ne-auth .fm_buttons_wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
.ne-auth .fs_auth_google_wrapper {
  width: 100% !important;
  margin: 0 !important;
}

.ne-auth .fs_auth_btn,
.ne-auth a.fs_auth_btn.fs_auth_google,
.ne-auth a.fs_auth_btn.fs_auth_facebook {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  font-family: 'Para', Inter, system-ui, sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background-color .18s ease, border-color .18s ease !important;
}
.ne-auth a.fs_auth_btn.fs_auth_google:hover,
.ne-auth a.fs_auth_btn.fs_auth_facebook:hover {
  background: #eaf4fa !important;
  border-color: rgba(21, 119, 175, .28) !important;
  color: #11618e !important;
}

.ne-auth .fs_auth_btn svg {
  width: 19px !important;
  height: 19px !important;
  margin: 0 !important;
  flex-shrink: 0;
}
/* Logo FB — wtyczka wymusza białe, niewidoczne na białym tle */
.ne-auth .fs_auth_btn.fs_auth_facebook svg,
.ne-auth .fs_auth_btn.fs_auth_facebook:hover svg {
  fill: #1877F2 !important;
}

/* ----------------------------------------------------------
   10. Linki pod formularzem
   ---------------------------------------------------------- */
.ne-auth .fls_auth_wrapper > .fls_login_wrapper > p,
.ne-auth .fls_registration_wrapper > p {
  margin: 15px 0 0 !important;
  font-size: 14px !important;
  color: #64748b;
}
.ne-auth a { color: #1577af; font-weight: 600; text-decoration: none; }
.ne-auth a:hover { color: #11618e; text-decoration: underline; }











/* ----------------------------------------------------------
   11. Komunikat dla zalogowanych ("Jesteś już zalogowany")
   Shortcode nie renderuje wtedy .fls_auth_wrapper — tylko <p>
   ---------------------------------------------------------- */
.ne-auth .elementor-shortcode > p {
  width: 100%;
  max-width: clamp(340px, 52vw, 820px);
  margin: 0 auto !important;
  padding: 34px clamp(24px, 3vw, 56px);
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 22px;
  box-shadow: 0 14px 36px rgba(15, 23, 42, .08);
  box-sizing: border-box;
  font-family: 'Para', Inter, system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #475569;
  text-align: center;
}

/* Link jako przycisk pod tekstem */
.ne-auth .elementor-shortcode > p a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: 46px;
  margin: 18px auto 0;
  padding: 0 24px;
  background: #1577af;
  color: #ffffff !important;
  border-radius: 12px;
  font-family: 'Para', Inter, system-ui, sans-serif;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none !important;
  box-shadow: 0 4px 16px rgba(21, 119, 175, .18);
  transition: background-color .18s ease, box-shadow .18s ease;
}
.ne-auth .elementor-shortcode > p a:hover {
  background: #11618e;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: 0 6px 20px rgba(21, 119, 175, .28);
}/* End custom CSS */