/* ssoo Connect — wp-login enhancements (T-128). Modern, secure-looking primary SSO button. */

#ssoo-box { margin: 0 0 20px; }

.ssoo-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
  min-height: 52px;
  padding: 14px 18px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  color: #fff !important;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);
  box-shadow: 0 6px 18px rgba(37, 99, 235, .32), inset 0 1px 0 rgba(255, 255, 255, .20);
  transition: transform .08s ease, box-shadow .15s ease, filter .15s ease;
}
.ssoo-btn:hover { filter: brightness(1.05); box-shadow: 0 9px 24px rgba(37, 99, 235, .42); transform: translateY(-1px); }
.ssoo-btn:active { transform: translateY(0); box-shadow: 0 4px 12px rgba(37, 99, 235, .30); }
.ssoo-btn:focus { outline: 3px solid rgba(37, 99, 235, .40); outline-offset: 2px; }
.ssoo-btn svg { width: 20px; height: 20px; flex: 0 0 auto; }

.ssoo-secure {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 11px;
  font-size: 12px;
  color: #5b6470;
}
.ssoo-secure svg { width: 13px; height: 13px; flex: 0 0 auto; opacity: .85; }
.ssoo-secure strong { color: #2f3a45; font-weight: 600; }

/* Subtle, almost-hidden manual-login toggle at the very bottom of the login page. */
.ssoo-manual-link {
  display: block;
  width: 100%;
  margin: 18px auto 0;
  padding: 8px;
  text-align: center;
  font-size: 12px;
  color: #9aa3b0 !important;
  text-decoration: none;
  background: none;
  border: 0;
  cursor: pointer;
}
.ssoo-manual-link:hover,
.ssoo-manual-link:focus { color: #5b6470 !important; text-decoration: underline; }

/* Hide the native form + nav SERVER-SIDE (body class), so it is hidden immediately with no JS-timing race.
   The bottom "manuel giriş" link toggles .ssoo-reveal to show it on demand. */
body.login.ssoo-hide-manual #loginform,
body.login.ssoo-hide-manual #nav,
body.login.ssoo-hide-manual #backtoblog,
body.login.ssoo-hide-manual .language-switcher { display: none; }

body.login.ssoo-hide-manual.ssoo-reveal #loginform,
body.login.ssoo-hide-manual.ssoo-reveal #nav,
body.login.ssoo-hide-manual.ssoo-reveal #backtoblog,
body.login.ssoo-hide-manual.ssoo-reveal .language-switcher { display: block; }

@media (prefers-reduced-motion: reduce) {
  .ssoo-btn { transition: none; }
}