/* NjoftimFalas v55.3.4 — modern Sign In page */
body.page-sign-in {
  --njf-deep: #063b49;
  --njf-deeper: #032f3b;
  --njf-teal: #08798a;
  --njf-accent: #10b7b0;
  --njf-white: #ffffff;
  --njf-muted: rgba(255,255,255,.72);
  background: linear-gradient(145deg, #063b49 0%, #08798a 55%, #0b94a4 100%) !important;
  color: var(--njf-white);
}
body.page-sign-in #page,
body.page-sign-in .site,
body.page-sign-in .site-content,
body.page-sign-in #content,
body.page-sign-in .content-area,
body.page-sign-in #primary,
body.page-sign-in main,
body.page-sign-in article,
body.page-sign-in .inside-article,
body.page-sign-in .entry-content {
  background: transparent !important;
}
body.page-sign-in .site-content,
body.page-sign-in #content {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
  min-height: 0 !important;
}
body.page-sign-in .content-area,
body.page-sign-in #primary,
body.page-sign-in article,
body.page-sign-in .inside-article,
body.page-sign-in .entry-content {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
body.page-sign-in .entry-header,
body.page-sign-in .page-header,
body.page-sign-in h1.entry-title {
  display: none !important;
}
body.page-sign-in .entry-content > :first-child { margin-top: 0 !important; }
body.page-sign-in .entry-content > :last-child { margin-bottom: 0 !important; }

body.page-sign-in .directorist-login-wrapper,
body.page-sign-in .directorist-authentication,
body.page-sign-in .directorist-login-form,
body.page-sign-in .atbd_login_module,
body.page-sign-in .atbdp_login_form_shortcode,
body.page-sign-in form.login,
body.page-sign-in form[class*="login"] {
  width: min(100%, 670px) !important;
  margin: 0 auto !important;
}
body.page-sign-in .directorist-login-wrapper,
body.page-sign-in .directorist-authentication,
body.page-sign-in .atbd_login_module,
body.page-sign-in .atbdp_login_form_shortcode {
  position: relative;
  padding: clamp(28px, 5vw, 48px) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 24px !important;
  background: linear-gradient(155deg, rgba(3,47,59,.97), rgba(5,65,78,.93)) !important;
  box-shadow: 0 22px 60px rgba(0,25,33,.28) !important;
  color: #fff !important;
  overflow: hidden;
}
body.page-sign-in .directorist-login-wrapper::after,
body.page-sign-in .directorist-authentication::after,
body.page-sign-in .atbd_login_module::after,
body.page-sign-in .atbdp_login_form_shortcode::after {
  content: "";
  position: absolute;
  width: 240px;
  height: 240px;
  right: -110px;
  top: -125px;
  border-radius: 50%;
  background: rgba(16,183,176,.10);
  pointer-events: none;
}
body.page-sign-in .njf-signin-intro {
  position: relative;
  z-index: 1;
  text-align: center;
  margin: 0 0 30px;
}
body.page-sign-in .njf-signin-icon {
  width: 82px;
  height: 82px;
  display: grid;
  place-items: center;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: linear-gradient(145deg, rgba(16,183,176,.34), rgba(7,121,138,.7));
  border: 1px solid rgba(255,255,255,.12);
  font-size: 34px;
  line-height: 1;
}
body.page-sign-in .njf-signin-intro h1 {
  margin: 0 0 8px !important;
  color: #fff !important;
  font-size: clamp(29px, 5.5vw, 40px) !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
}
body.page-sign-in .njf-signin-intro p {
  margin: 0 !important;
  color: var(--njf-muted) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}
body.page-sign-in label,
body.page-sign-in .directorist-form-group label,
body.page-sign-in .atbdp_login_form_shortcode label {
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}
body.page-sign-in input[type="text"],
body.page-sign-in input[type="email"],
body.page-sign-in input[type="password"],
body.page-sign-in .directorist-form-element {
  width: 100% !important;
  min-height: 58px !important;
  padding: 14px 17px !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  border-radius: 12px !important;
  outline: none !important;
  background: rgba(255,255,255,.035) !important;
  color: #fff !important;
  box-shadow: none !important;
  font-size: 16px !important;
}
body.page-sign-in input::placeholder { color: rgba(255,255,255,.52) !important; }
body.page-sign-in input:focus {
  border-color: var(--njf-accent) !important;
  box-shadow: 0 0 0 3px rgba(16,183,176,.16) !important;
}
body.page-sign-in input[type="checkbox"] { accent-color: var(--njf-accent); }
body.page-sign-in .directorist-form-group,
body.page-sign-in .form-group,
body.page-sign-in p.login-username,
body.page-sign-in p.login-password { margin-bottom: 20px !important; }
body.page-sign-in a { color: #22c8c1 !important; font-weight: 700 !important; }
body.page-sign-in a:hover { color: #fff !important; }
body.page-sign-in button[type="submit"],
body.page-sign-in input[type="submit"],
body.page-sign-in .directorist-btn,
body.page-sign-in .atbdp_login_form_shortcode .btn {
  width: 100% !important;
  min-height: 58px !important;
  margin-top: 18px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(90deg, #08aeb0, #10b7b0) !important;
  color: #fff !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.18) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  cursor: pointer;
}
body.page-sign-in button[type="submit"]:hover,
body.page-sign-in input[type="submit"]:hover,
body.page-sign-in .directorist-btn:hover { transform: translateY(-1px); filter: brightness(1.06); }
body.page-sign-in .njf-login-divider {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 28px 0 20px;
  color: rgba(255,255,255,.55);
  font-size: 14px;
}
body.page-sign-in .njf-login-divider::before,
body.page-sign-in .njf-login-divider::after {
  content: "";
  height: 1px;
  flex: 1;
  background: rgba(255,255,255,.12);
}
body.page-sign-in .njf-register-line {
  margin: 0 !important;
  text-align: center;
  color: rgba(255,255,255,.78) !important;
}
body.page-sign-in .site-footer,
body.page-sign-in .site-info {
  margin-top: 0 !important;
  background: #032f3b !important;
  color: rgba(255,255,255,.82) !important;
}
body.page-sign-in .site-info a { color: #fff !important; text-decoration: none !important; }

@media (max-width: 768px) {
  body.page-sign-in .site-content,
  body.page-sign-in #content { padding: 22px 14px 26px !important; }
  body.page-sign-in .directorist-login-wrapper,
  body.page-sign-in .directorist-authentication,
  body.page-sign-in .atbd_login_module,
  body.page-sign-in .atbdp_login_form_shortcode {
    padding: 28px 18px !important;
    border-radius: 20px !important;
  }
  body.page-sign-in .njf-signin-icon { width: 68px; height: 68px; margin-bottom: 16px; font-size: 28px; }
  body.page-sign-in .njf-signin-intro { margin-bottom: 24px; }
  body.page-sign-in .njf-signin-intro h1 { font-size: 29px !important; }
  body.page-sign-in input[type="text"],
  body.page-sign-in input[type="email"],
  body.page-sign-in input[type="password"],
  body.page-sign-in .directorist-form-element,
  body.page-sign-in button[type="submit"],
  body.page-sign-in input[type="submit"],
  body.page-sign-in .directorist-btn { min-height: 54px !important; }
}

/* v55.3.5 — requested Sign In refinements only. */
body.page-sign-in .site-header,
body.page-sign-in .site-header .inside-header,
body.page-sign-in .main-navigation,
body.page-sign-in .main-navigation .inside-navigation,
body.page-sign-in .main-navigation .main-nav,
body.page-sign-in .menu-toggle,
body.page-sign-in .mobile-menu-control-wrapper {
  background: #022f38 !important;
  color: #fff !important;
}

/* Remove the white navigation strip on the Sign In page. */
body.page-sign-in .main-navigation,
body.page-sign-in .main-navigation .inside-navigation,
body.page-sign-in .menu-toggle,
body.page-sign-in .mobile-menu-control-wrapper {
  border-color: rgba(255,255,255,.10) !important;
  box-shadow: none !important;
}
body.page-sign-in .menu-toggle,
body.page-sign-in .menu-toggle .mobile-menu,
body.page-sign-in .menu-toggle .gp-icon,
body.page-sign-in .main-navigation a {
  color: #fff !important;
}

/* Registration prompt: Albanian, bold and white. */
body.page-sign-in .njf-register-line,
body.page-sign-in .njf-register-line * {
  color: #fff !important;
  font-weight: 800 !important;
}
body.page-sign-in .njf-register-line a {
  color: #fff !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

/* v55.3.8 — Directorist registration form visibility and layout fix. */
body.page-sign-in .directorist-registration-wrapper,
body.page-sign-in .directorist-register-wrapper,
body.page-sign-in .directorist-signup-wrapper,
body.page-sign-in .directorist-registration-form,
body.page-sign-in .directorist-register-form,
body.page-sign-in .directorist-signup-form,
body.page-sign-in .atbdp_registration_form_shortcode,
body.page-sign-in form[class*="register"],
body.page-sign-in form[class*="signup"],
body.page-sign-in form[id*="register"],
body.page-sign-in form[id*="signup"] {
  width: min(100%, 670px) !important;
  margin: 0 auto !important;
  padding: clamp(28px, 5vw, 48px) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 24px !important;
  background: linear-gradient(155deg, rgba(3,47,59,.98), rgba(5,65,78,.96)) !important;
  color: #fff !important;
  box-shadow: 0 22px 60px rgba(0,25,33,.28) !important;
  overflow: visible !important;
}

/* Directorist may inject a white inner panel when switching from login to signup. */
body.page-sign-in .directorist-registration-wrapper > div,
body.page-sign-in .directorist-register-wrapper > div,
body.page-sign-in .directorist-signup-wrapper > div,
body.page-sign-in .atbdp_registration_form_shortcode > div,
body.page-sign-in form[class*="register"] > div,
body.page-sign-in form[class*="signup"] > div {
  background-color: transparent !important;
  color: #fff !important;
}

body.page-sign-in .directorist-registration-form label,
body.page-sign-in .directorist-register-form label,
body.page-sign-in .directorist-signup-form label,
body.page-sign-in .atbdp_registration_form_shortcode label,
body.page-sign-in form[class*="register"] label,
body.page-sign-in form[class*="signup"] label,
body.page-sign-in form[id*="register"] label,
body.page-sign-in form[id*="signup"] label {
  display: block !important;
  color: #fff !important;
  font-weight: 700 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.page-sign-in .directorist-registration-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
body.page-sign-in .directorist-register-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
body.page-sign-in .directorist-signup-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
body.page-sign-in .atbdp_registration_form_shortcode input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
body.page-sign-in form[class*="register"] input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
body.page-sign-in form[class*="signup"] input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {
  display: block !important;
  width: 100% !important;
  min-height: 54px !important;
  padding: 13px 16px !important;
  border: 1px solid rgba(255,255,255,.30) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.045) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
}
body.page-sign-in form[class*="register"] input::placeholder,
body.page-sign-in form[class*="signup"] input::placeholder,
body.page-sign-in .directorist-registration-form input::placeholder,
body.page-sign-in .directorist-register-form input::placeholder,
body.page-sign-in .directorist-signup-form input::placeholder {
  color: rgba(255,255,255,.55) !important;
  opacity: 1 !important;
}

body.page-sign-in .njf-signup-title {
  margin: 0 0 8px !important;
  color: #fff !important;
  text-align: center;
  font-size: clamp(28px, 5vw, 38px) !important;
  font-weight: 800 !important;
}
body.page-sign-in .njf-signup-subtitle {
  margin: 0 0 26px !important;
  color: rgba(255,255,255,.75) !important;
  text-align: center;
  font-weight: 500 !important;
}

/* Terms and privacy rows must be readable and clickable. */
body.page-sign-in .njf-consent-row,
body.page-sign-in [class*="privacy"],
body.page-sign-in [class*="terms"] {
  color: #fff !important;
  opacity: 1 !important;
}
body.page-sign-in .njf-consent-row label,
body.page-sign-in [class*="privacy"] label,
body.page-sign-in [class*="terms"] label {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  color: #fff !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}
body.page-sign-in input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  margin: 2px 0 0 !important;
}

body.page-sign-in .njf-login-return,
body.page-sign-in .njf-login-return * {
  color: #fff !important;
  font-weight: 800 !important;
  text-align: center !important;
}

@media (max-width: 768px) {
  body.page-sign-in .directorist-registration-wrapper,
  body.page-sign-in .directorist-register-wrapper,
  body.page-sign-in .directorist-signup-wrapper,
  body.page-sign-in .directorist-registration-form,
  body.page-sign-in .directorist-register-form,
  body.page-sign-in .directorist-signup-form,
  body.page-sign-in .atbdp_registration_form_shortcode,
  body.page-sign-in form[class*="register"],
  body.page-sign-in form[class*="signup"] {
    padding: 28px 18px !important;
    border-radius: 20px !important;
  }
}


/* v55.3.10 — Final color fix for Directorist auth toggle buttons.
   Exact classes confirmed with browser inspector. */
body.page-sign-in .directorist-authentication__toggle-area,
body.page-sign-in .directorist-authentication__toggle-area *,
body.page-sign-in button.directorist-authentication__btn,
body.page-sign-in .directorist-authentication__btn,
body.page-sign-in button.directorist-authentication__btn--signup,
body.page-sign-in button.directorist-authentication__btn--login,
body.page-sign-in .directorist-authentication__btn--signup,
body.page-sign-in .directorist-authentication__btn--login {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body.page-sign-in button.directorist-authentication__btn:hover,
body.page-sign-in button.directorist-authentication__btn:focus,
body.page-sign-in button.directorist-authentication__btn:active,
body.page-sign-in .directorist-authentication__btn:hover,
body.page-sign-in .directorist-authentication__btn:focus,
body.page-sign-in .directorist-authentication__btn:active {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}