.elementor-736 .elementor-element.elementor-element-3a407afe{--display:flex;}.elementor-736 .elementor-element.elementor-element-34608923 > .elementor-widget-container{margin:5% 5% 5% 5%;}.elementor-736 .elementor-element.elementor-element-5e3b2be{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-736 .elementor-element.elementor-element-34608923 > .elementor-widget-container{margin:22% 8% -11% 8%;}}/* Start custom CSS for shortcode, class: .elementor-element-34608923 *//* استيراد الخطوط */
@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@600;700&family=Cairo:wght@400;600;700&display=swap');

/* الخطوط */
.tutor-login-modal,
.tutor-login-modal * {
  font-family: 'Cairo', sans-serif !important;
}
.tutor-btn,
.tutor-btn-primary,
.tutor-btn-link,
.tutor-btn-ghost,
.tutor-color-secondary,
.tutor-color-muted,
.tutor-form-check label {
  font-family: 'Alexandria', sans-serif !important;
}

/* الحاوية الزجاجية */
.tutor-login-modal {
  padding: 30px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 28px;
  box-shadow:
    0 4px 20px rgba(0, 0, 0, 0.2),
    inset 0 0 40px rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(22px) saturate(160%) contrast(120%);
  -webkit-backdrop-filter: blur(22px) saturate(160%) contrast(120%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  transition: all 0.4s ease-in-out;
  animation: glassFadeSlideUp 0.8s ease-out both;
}

/* label فوق الحقول وبالأسود */
.tutor-login-modal label {
  display: block;
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 600;
  color: #000000;
  font-family: 'Alexandria', sans-serif !important;
}

/* الحقول */
.tutor-form-control {
  width: 100%;
  padding: 14px 18px;
  margin-bottom: 20px;
  background: #ffffff; /* خلفية بيضاء */
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 16px;
  color: #000000 !important; /* نص أسود */
  font-size: 15px;
  transition: all 0.3s ease-in-out;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.03);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.tutor-form-control::placeholder {
  color: rgba(0, 0, 0, 0.4); /* placeholder رمادي */
}

.tutor-form-control:focus {
  border-color: #7754f6;
  box-shadow:
    0 0 0 2px rgba(119, 84, 246, 0.3),
    inset 0 0 12px rgba(0, 0, 0, 0.05);
  outline: none;
}

/* زر تسجيل الدخول */
.tutor-btn-primary {
  background: linear-gradient(135deg, #4424E2, #5C37DE);
  color: #fff !important;
  font-weight: 700;
  font-size: 16px;
  padding: 14px 22px;
  border: none;
  border-radius: 18px;
  box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.15),
    0 8px 24px rgba(68, 36, 226, 0.3);
  transition: all 0.4s ease;
}

.tutor-btn-primary:hover {
  background: linear-gradient(135deg, rgba(68, 36, 226, 0.85), rgba(92, 55, 222, 0.75));
  backdrop-filter: blur(18px) saturate(250%) contrast(115%);
  -webkit-backdrop-filter: blur(18px) saturate(250%) contrast(115%);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.1),
    0 10px 30px rgba(92, 55, 222, 0.65),
    inset 0 0 22px rgba(92, 55, 222, 0.5),
    inset 0 0 40px rgba(68, 36, 226, 0.3),
    0 0 40px rgba(115, 48, 245, 0.2);
  transform: scale(1.06) translateY(-2px);
  filter: brightness(1.15);
}

/* زر "سجّل الآن" */
.tutor-btn-link {
  background: #ffffff;
  color: #4424E2 !important;
  font-weight: 700;
  padding: 10px 18px;
  border-radius: 18px;
  display: inline-block;
  transition: all 0.3s ease;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
  margin-right: 8px;
}
.tutor-btn-link:hover {
  background: #f3f3f3;
  color: #222 !important;
  transform: scale(1.05);
}

/* "نسيت كلمة السر؟" */
.tutor-btn-ghost {
  color: #aaa !important;
  font-weight: 500;
  text-decoration: underline;
  transition: all 0.3s ease;
}
.tutor-btn-ghost:hover {
  color: #000 !important;
}

/* "ليس لديك حساب؟" */
.not-registered {
  color: #000 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px !important;
}

/* "البقاء متصلاً" */
.tutor-color-muted {
  color: #555 !important;
  font-weight: 500;
  font-size: 14px;
}

/* أنيميشن دخول */
@keyframes glassFadeSlideUp {
  0% {
    opacity: 0;
    transform: translateY(40px) scale(0.97);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.tutor-login-form-wrapper .tutor-fs-5.tutor-color-black {
  color: transparent !important;
  position: relative;
  height: auto;
  text-align: center;
  min-height: 50px;
}

/* النص العربي الجديد */
.tutor-login-form-wrapper .tutor-fs-5.tutor-color-black::before {
  content: "مرحبًا بك مجددًا";
  font-family: 'Alexandria', sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: #6A35F0;
  padding: 12px 20px;
  border-radius: 20px;
  display: block;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(16px) saturate(180%) contrast(130%);
  -webkit-backdrop-filter: blur(16px) saturate(180%) contrast(130%);
  box-shadow:
    inset 0 0 30px rgba(255, 255, 255, 0.05),
    0 6px 18px rgba(0, 0, 0, 0.2);
  animation: fadeUpWelcome 0.6s ease-in-out both;
  text-align: center;
  width: 100%;
  margin: 0 auto;
}

/* حركة الدخول */
@keyframes fadeUpWelcome {
  0% {
    opacity: 0;
    transform: translateY(30px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}/* End custom CSS */