/*
 * DT auth page styles
 * Dedicated layout polish for Tutor login and registration shortcodes.
 */

body.dt-auth-page {
  background:
    radial-gradient(circle at top left, rgba(200, 177, 228, 0.22), transparent 34%),
    linear-gradient(180deg, #fcfbfd 0%, #f5f0f9 100%);
}

body.dt-auth-page .breadcrumb-area {
  display: none !important;
}

body.dt-auth-page .site-content {
  background: transparent;
}

body.dt-auth-page .blog-area {
  padding-top: clamp(18px, 3vw, 38px) !important;
  padding-bottom: clamp(24px, 4vw, 48px) !important;
  position: relative;
}

@media (min-width: 992px) {
  body.dt-auth-page .blog-area {
    min-height: calc(100svh - var(--dt-header-h, 80px) - 36px);
    display: flex;
    align-items: center;
  }

  body.dt-auth-page .blog-area > .container {
    width: 100%;
  }
}

body.dt-auth-page .blog-details-page-inner {
  max-width: 960px;
  margin: 0 auto;
}

body.dt-login-page .blog-details-page-inner {
  max-width: 980px;
}

body.dt-register-page .blog-details-page-inner {
  max-width: 1120px;
}

body.dt-auth-page .single-page-inner,
body.dt-auth-page .edumint-page-body,
body.dt-auth-page .entry-content {
  position: relative;
}

body.dt-auth-page .entry-content {
  padding: clamp(10px, 1.6vw, 18px) 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  overflow: visible;
}

body.dt-auth-page .tutor-wrap,
body.dt-auth-page .tutor-page-wrap,
body.dt-auth-page .tutor-login-wrap,
body.dt-auth-page #tutor-registration-wrap {
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent;
  border: 0;
  box-shadow: none;
}

body.dt-auth-page .tutor-login-form-wrapper,
body.dt-auth-page #tutor-registration-form {
  position: relative;
  z-index: 1;
  padding: 0 !important;
  background: transparent;
}

body.dt-auth-page .dt-auth-intro {
  position: relative;
  z-index: 1;
  margin-bottom: 12px;
}

body.dt-auth-page .dt-auth-kicker {
  display: inline-block;
  color: rgba(47, 24, 75, 0.58);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

body.dt-auth-page .dt-auth-title {
  margin: 10px 0 8px;
  color: var(--heading-color);
  font-size: clamp(24px, 2.7vw, 34px);
  font-weight: 700;
  line-height: 1.08;
}

body.dt-auth-page .dt-auth-text {
  max-width: 390px;
  margin: 0;
  color: var(--paragraph-color);
  font-size: 14px;
  line-height: 1.58;
}

body.dt-login-page .tutor-login-form-wrapper > .tutor-fs-5 {
  display: none !important;
}

body.dt-auth-page .tutor-alert.tutor-warning {
  display: block;
  margin-bottom: 16px;
  padding: 12px 14px;
  border: 1px solid rgba(200, 177, 228, 0.4);
  border-radius: 12px;
  background: rgba(200, 177, 228, 0.14);
  color: var(--heading-color);
}

body.dt-auth-page .tutor-required-fields {
  margin: 0;
  padding-left: 18px;
}

body.dt-auth-page #tutor-login-form .tutor-form-control,
body.dt-auth-page #tutor-registration-form input:not([type="checkbox"]):not([type="hidden"]):not([type="submit"]),
body.dt-auth-page #tutor-registration-form select,
body.dt-auth-page #tutor-registration-form textarea {
  width: 100%;
  min-height: 46px;
  padding: 11px 14px;
  border: 1px solid rgba(47, 24, 75, 0.08);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.82);
  color: var(--heading-color);
  font-size: 15px;
  box-shadow: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

body.dt-auth-page #tutor-login-form .tutor-form-control::placeholder,
body.dt-auth-page #tutor-registration-form input::placeholder,
body.dt-auth-page #tutor-registration-form textarea::placeholder {
  color: #857796;
}

body.dt-auth-page #tutor-login-form .tutor-form-control:focus,
body.dt-auth-page #tutor-registration-form input:not([type="checkbox"]):not([type="hidden"]):not([type="submit"]):focus,
body.dt-auth-page #tutor-registration-form select:focus,
body.dt-auth-page #tutor-registration-form textarea:focus {
  border-color: rgba(200, 177, 228, 0.72);
  box-shadow: 0 0 0 3px rgba(200, 177, 228, 0.14);
  outline: none;
  background: #fff;
}

body.dt-auth-page #tutor-registration-form label,
body.dt-auth-page #tutor-login-form .tutor-form-check label {
  color: var(--heading-color);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}

body.dt-auth-page #tutor-registration-form label {
  display: block;
  margin-bottom: 7px;
}

body.dt-auth-page .tutor-form-check-input {
  accent-color: var(--heading-color);
}

body.dt-auth-page .tutor-password-strength-hint {
  margin-top: 10px;
}

body.dt-auth-page .tutor-form-icon,
body.dt-auth-page .show-hide-btn {
  right: 16px;
}

body.dt-auth-page .tutor-btn.tutor-btn-primary {
  min-height: 46px;
  border: 0;
  border-radius: 10px;
  background: var(--main-color);
  color: var(--heading-color);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.01em;
  box-shadow: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}

body.dt-auth-page .tutor-btn.tutor-btn-primary:hover,
body.dt-auth-page .tutor-btn.tutor-btn-primary:focus {
  background: var(--heading-color);
  color: #fff;
  box-shadow: none;
}

body.dt-auth-page .tutor-btn.tutor-btn-ghost,
body.dt-auth-page .tutor-btn.tutor-btn-link,
body.dt-auth-page .dt-auth-switch a {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--heading-color);
  font-weight: 700;
  text-decoration: none;
  box-shadow: none;
}

body.dt-auth-page .tutor-btn.tutor-btn-ghost:hover,
body.dt-auth-page .tutor-btn.tutor-btn-link:hover,
body.dt-auth-page .dt-auth-switch a:hover {
  color: var(--main-color);
}

body.dt-auth-page .dt-auth-switch {
  margin: 12px 0 0;
  color: var(--paragraph-color);
  font-size: 14px;
  text-align: center;
}

body.dt-auth-page .tutor-d-flex.tutor-justify-between.tutor-align-center {
  gap: 12px;
  margin-bottom: 14px !important;
  flex-wrap: wrap;
}

body.dt-auth-page #tutor-login-form .tutor-mb-20 {
  margin-bottom: 12px !important;
}

body.dt-auth-page #tutor-login-form .tutor-mb-32 {
  margin-bottom: 16px !important;
}

body.dt-auth-page #tutor-login-form .tutor-mt-20 {
  margin-top: 12px !important;
}

body.dt-auth-page #tutor-login-form .tutor-fs-6,
body.dt-auth-page #tutor-login-form .tutor-fs-7 {
  font-size: 13px;
}

body.dt-auth-page #tutor-login-form .tutor-form-check {
  display: flex;
  align-items: center;
  gap: 10px;
}

body.dt-auth-page #tutor-login-form .tutor-form-check-input {
  width: 16px;
  height: 16px;
  margin: 0;
}

body.dt-auth-page #tutor-login-form .tutor-btn.tutor-btn-ghost {
  font-size: 13px;
}

body.dt-auth-page #tutor-pro-social-authentication {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
  gap: 0 !important;
}

body.dt-auth-page #tutor-registration-form .tutor-form-row {
  margin-bottom: 0;
}

body.dt-auth-page #tutor-registration-form .tutor-form-group {
  margin-bottom: 14px;
}

@media (min-width: 992px) {
  body.dt-login-page .tutor-login-form-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 390px);
    gap: clamp(22px, 3vw, 40px);
    align-items: start;
  }

  body.dt-login-page .tutor-login-form-wrapper > .dt-auth-intro {
    grid-column: 1;
    margin-bottom: 0;
    padding-top: 8px;
  }

  body.dt-login-page #tutor-login-form {
    grid-column: 2;
    width: 100%;
  }

  body.dt-register-page #tutor-registration-wrap {
    display: grid;
    grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr);
    gap: clamp(24px, 3vw, 40px);
    align-items: start;
  }

  body.dt-register-page #tutor-registration-wrap > .dt-auth-intro {
    grid-column: 1;
    margin-bottom: 0;
    padding-top: 8px;
  }

  body.dt-register-page #tutor-registration-form {
    grid-column: 2;
  }

  body.dt-register-page .dt-auth-switch {
    grid-column: 2;
    margin-top: 10px;
    text-align: left;
  }
}

@media (max-width: 767px) {
  body.dt-auth-page .tutor-d-flex.tutor-justify-between.tutor-align-center {
    align-items: flex-start;
    flex-direction: column;
  }
}