/* Shared Windows-like look for BOTH:
   - front portal (/) rendered by our module
   - wp-login.php (body.login)
*/

body.login,
body.tsds-login-portal {
  min-height: 100vh;
  margin: 0;
  background:
    radial-gradient(1200px 800px at 20% 10%, rgba(255,255,255,0.10), transparent 60%),
    radial-gradient(900px 700px at 80% 20%, rgba(255,255,255,0.07), transparent 55%),
    linear-gradient(135deg, #0b1220, #0f2a4a 45%, #0b1220);
  display: flex;
  align-items: center;
  justify-content: center;
}

.tsds-login-shell {
  width: min(320px, 92vw);
  padding: 24px;
}

.tsds-login-card {
  background: rgba(20, 26, 36, 0.55);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 20px 60px rgba(0,0,0,0.45);
  border-radius: 18px;
  padding: 26px 26px 22px;
  backdrop-filter: blur(10px);
}

.tsds-brand {
  text-align: center;
  color: rgba(255,255,255,0.92);
  margin-bottom: 18px;
}

.tsds-brand-title {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.2px;
}

.tsds-brand-sub {
  margin-top: 2px;
  font-size: 14px;
  opacity: 0.85;
}

/* --- wp-login.php specific cleanup --- */
body.login #backtoblog,
body.login #nav,
body.login .language-switcher {
  display: none !important;
}

body.login #login h1 {
  margin: 0 0 14px !important;
}

body.login #login h1 a {
  width: 72px !important;
  height: 72px !important;
  margin: 0 auto 12px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  background-color: rgba(255,255,255,0.08) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' fill-opacity='0.92' d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-3.33 0-6 2.67-6 6h12c0-3.33-2.67-6-6-6z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 40px 40px !important;
  box-shadow: 0 12px 28px rgba(0,0,0,0.35);
}

body.login #login {
  width: min(320px, 92vw) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

body.login #login form {
  margin-top: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* unify form look (portal + wp-login.php) */
.tsds-login-form form,
body.login #login form {
  display: grid;
  gap: 12px;
}

.tsds-login-form label,
body.login #login label {
  color: rgba(255,255,255,0.88) !important;
  font-size: 13px !important;
}

.tsds-login-form input[type="text"],
.tsds-login-form input[type="password"],
body.login #login input[type="text"],
body.login #login input[type="password"] {
  width: 100% !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  background: rgba(10,12,16,0.55) !important;
  color: rgba(255,255,255,0.92) !important;
  padding: 10px 12px !important;
  box-shadow: none !important;
}

.tsds-login-form .button-primary,
body.login #login .button-primary {
  width: 100% !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  border: 0 !important;
  background: rgba(0,124,186,0.95) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

.tsds-login-links {
  margin-top: 10px;
  text-align: center;
}

.tsds-login-links a,
body.login #login a {
  color: rgba(255,255,255,0.80) !important;
  text-decoration: none !important;
}
.tsds-login-links a:hover,
body.login #login a:hover {
  color: rgba(255,255,255,0.95) !important;
  text-decoration: underline !important;
}