.elementor-4401 .elementor-element.elementor-element-2a3de38a{--display:flex;}.elementor-4401 .elementor-element.elementor-element-7c1a0379.elementor-element{--align-self:center;}body.elementor-page-4401:not(.elementor-motion-effects-element-type-background), body.elementor-page-4401 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}body.elementor-page-4401{margin:0px 0px 0px 0px;}/* Start custom CSS for shortcode, class: .elementor-element-7c1a0379 *//* =========================================
   /rejestracja — IDENTYCZNY LOOK jak /logowanie
   (1 kolumna, 700px, pastel #FFF6EC, akcent #535e88)
========================================= */
body.page-id-4401 .entry-content {
  --accent: #535e88;
  --bg: #FFF6EC;
  --text: #1f1f1f;
  --muted: #6b7280;
  --border: #e8e8ef;
  background: var(--bg) !important;
  padding: 64px 16px 100px !important;
}

/* Nagłówek jak na /logowanie (środek, bold) */
body.page-id-4401 .entry-header .entry-title {
  text-align: center !important;
  margin: 0 0 24px !important;
  color: var(--text) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  font-size: clamp(28px, 3vw, 36px) !important;
}

/* Karta formularza – 700px, ten sam cień i promienie */
body.page-id-4401 #tutor-registration-form {
  max-width: 700px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 48px 44px !important;
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.03) !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 32px rgba(0,0,0,0.06) !important;
  box-sizing: border-box !important;
}

/* 1 kolumna – wszystko jedno pod drugim */
body.page-id-4401 #tutor-registration-form .tutor-form-row {
  display: block !important;
  margin: 0 0 14px !important;
}
body.page-id-4401 #tutor-registration-form .tutor-form-col-6,
body.page-id-4401 #tutor-registration-form .tutor-form-col-12 {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
}

/* Etykiety — jak na logowaniu */
body.page-id-4401 #tutor-registration-form .tutor-form-group > label {
  display: block !important;
  margin: 0 0 8px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #2a2a2a !important;
}

/* Pola tekstowe — promienie/focus jak logowanie */
body.page-id-4401 #tutor-registration-form input[type="text"],
body.page-id-4401 #tutor-registration-form input[type="email"],
body.page-id-4401 #tutor-registration-form input[type="password"],
body.page-id-4401 #tutor-registration-form input:not([type="submit"]):not([type="checkbox"]) {
  width: 100% !important;
  padding: 14px 16px !important;
  font-size: 16px !important;
  border: 1px solid var(--border) !important;
  border-radius: 14px !important;
  background: #fff !important;
  transition: border-color .2s ease, box-shadow .2s ease !important;
  box-sizing: border-box !important;
}
body.page-id-4401 #tutor-registration-form input:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 4px rgba(83,94,136,0.12) !important;
  outline: none !important;
}

/* Ikona pokaż/ukryj hasło – to samo „oko” co na logowaniu */
body.page-id-4401 #tutor-registration-form .tutor-password-field { position: relative !important; }
body.page-id-4401 #tutor-registration-form .tutor-password-field .show-hide-btn {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 28px !important; height: 28px !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  color: var(--accent) !important;
  opacity: .9 !important;
}
body.page-id-4401 #tutor-registration-form .tutor-password-field .show-hide-btn::before {
  content: "👁️" !important;
  font-size: 18px !important; line-height: 1 !important;
  color: var(--accent) !important;
}
body.page-id-4401 #tutor-registration-form .tutor-password-field .show-hide-btn:hover::before {
  color: #3d4470 !important;
}

/* Pasek siły hasła – subtelnie jak na logowaniu */
body.page-id-4401 #tutor-registration-form .tutor-password-strength-hint { margin-top: 10px !important; }
body.page-id-4401 #tutor-registration-form .tutor-password-strength-hint .indicator {
  display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 8px !important;
}
body.page-id-4401 #tutor-registration-form .tutor-password-strength-hint .indicator span {
  height: 6px !important; border-radius: 999px !important; background: #e7e9f3 !important;
}
body.page-id-4401 #tutor-registration-form .tutor-password-strength-hint .indicator span.weak.active   { background: #f87171 !important; }
body.page-id-4401 #tutor-registration-form .tutor-password-strength-hint .indicator span.medium.active { background: #fbbf24 !important; }
body.page-id-4401 #tutor-registration-form .tutor-password-strength-hint .indicator span.strong.active { background: #34d399 !important; }
body.page-id-4401 #tutor-registration-form .tutor-password-strength-hint .text {
  margin-top: 8px !important; font-size: 13px !important; color: var(--muted) !important;
}

/* Przycisk „Zarejestruj się” — kopia przycisku „Zaloguj się” */
body.page-id-4401 #tutor-registration-form .tutor-btn-primary,
body.page-id-4401 #tutor-registration-form button[type="submit"].tutor-btn,
body.page-id-4401 #tutor-registration-form button[name="tutor_register_student_btn"] {
  width: 100% !important;
  padding: 14px 0 !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: var(--accent) !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: 0 8px 18px rgba(83,94,136,0.25) !important;
  transition: background .2s ease, transform .1s ease, box-shadow .2s ease !important;
}
body.page-id-4401 #tutor-registration-form .tutor-btn-primary:hover,
body.page-id-4401 #tutor-registration-form button[type="submit"].tutor-btn:hover,
body.page-id-4401 #tutor-registration-form button[name="tutor_register_student_btn"]:hover {
  background: #46507b !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 22px rgba(83,94,136,0.32) !important;
}

/* Komunikaty/alerty – jak karta z logowania */
body.page-id-4401 #tutor-registration-wrap .tutor-alert {
  background: #ffffff !important;
  border: 1px solid var(--border) !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.05) !important;
  color: var(--text) !important;
  padding: 14px 16px !important;
}

/* Mobile — te same proporcje co /logowanie */
@media (max-width: 768px) {
  body.page-id-4401 .entry-content { padding: 32px 12px 64px !important; }
  body.page-id-4401 #tutor-registration-form { padding: 32px 22px !important; border-radius: 16px !important; }
}

/* 🔧 Naprawa cienia i marginesów dla rejestracji (ID 4401) */
body.page-id-4401 #tutor-registration-wrap {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 auto !important;
}

/* Usuń ewentualne tło z zewnętrznych warstw TUTOR LMS */
body.page-id-4401 #tutor-registration-wrap::before,
body.page-id-4401 #tutor-registration-wrap::after {
  display: none !important;
  content: none !important;
  box-shadow: none !important;
}

/* Ujednolicenie odstępu wokół formularza */
body.page-id-4401 .entry-content {
  background: #FFF6EC !important;
  padding-top: 80px !important;
  padding-bottom: 100px !important;
}

/* Formularz – zachowaj tylko jeden cień, jak w logowaniu */
body.page-id-4401 #tutor-registration-form {
  box-shadow: 0 8px 30px rgba(0,0,0,0.06) !important;
  border: none !important;
}/* End custom CSS */
/* Start custom CSS */h1 {
    text-align: center;
}/* End custom CSS */