/* km-auth.css — basit modal UI */
#km-auth{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.5);z-index:9999;padding:16px}
#km-auth.is-open{display:flex}
.km-auth__dialog{background:#fff;border-radius:16px;box-shadow:0 14px 40px rgba(0,0,0,.22);width:100%;max-width:420px;padding:18px 16px;position:relative}
.km-auth__close{position:absolute;top:8px;right:10px;background:#111;color:#fff;border:none;border-radius:999px;width:28px;height:28px;cursor:pointer}

.km-auth__tabs{display:flex;gap:6px;margin:4px 0 10px}
.km-auth__tabs button{flex:1;border:1px solid #eee;background:#f6f6f6;padding:8px 10px;border-radius:10px;cursor:pointer;font-weight:700}
.km-auth__tabs button.is-active{background:#111;color:#fff;border-color:#111}

.km-auth__pane{display:none}
.km-auth__pane.is-active{display:block}
.km-auth__pane label{display:block;font-weight:700;margin:8px 0 4px}
.km-auth__pane input[type="text"],
.km-auth__pane input[type="email"],
.km-auth__pane input[type="password"]{width:100%;padding:10px;border:1px solid #ddd;border-radius:10px}
.km-auth__remember{display:flex;gap:8px;align-items:center;margin:8px 0 2px}
.km-auth__submit{width:100%;margin-top:10px}
.km-auth__msg{margin-top:8px;font-size:.95rem}
.km-auth__msg.is-err{color:#b00020}
.km-auth__msg.is-ok{color:#117a00}

/* Tema butonu – arka plan rengine .km-btn'i kullanan sayfalar karar versin */
.km-btn{
  color:#fff;
  border-radius:999px;
  padding:10px 14px;
  border:none;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  background: inherit;       /* Rengi üst sınıf (ör: .km-pin-cta) belirlesin */
}
.km-btn:hover{opacity:.95}
/* ---- Login / Register centered card adjustments ---- */
/* Add these rules at end of css/km-auth.css (or replace existing km-auth.css) */

.km-auth-container {
  min-height: calc(100vh - var(--km-topbar-height,76px) - 80px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px 16px;
  box-sizing: border-box;
}

.km-auth-card {
  width: 100%;
  max-width: 680px;
  background: #fff;
  border-radius: 14px;
  padding: 22px;
  box-shadow: 0 22px 60px rgba(0,0,0,0.14);
  box-sizing: border-box;
}

/* Keep intro & title spacing */
.km-auth-title { font-size: 26px; margin: 2px 0 10px; font-weight:800; color:#111; }
.km-auth-intro { margin-bottom:12px; color:#444; }

/* Forms */
.km-auth-card input[type="text"],
.km-auth-card input[type="email"],
.km-auth-card input[type="password"],
.km-auth-card textarea {
  width:100%;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid #e6e6e6;
  box-sizing:border-box;
  font-size:14px;
}

.km-auth-footer { margin-top:12px; display:flex; gap:10px; align-items:center; color:#0b5d91; font-size:14px; }
.km-auth-link { color:#0b5d91; text-decoration:underline; }

/* messages */
.km-auth-message { padding:10px 12px; border-radius:10px; margin-bottom:10px; }
.km-auth-message--error { background:#fde8e8; color:#8b1a1a; }
.km-auth-message--success { background:#e9f8ee; color:#145c2e; }

/* Mobile */
@media (max-width: 680px) {
  .km-auth-card { padding:16px; border-radius:12px; max-width: 92%; }
  .km-auth-title { font-size:20px; text-align:left; }
  .km-auth-intro { font-size:14px; }
  .km-auth-footer { justify-content:flex-start; font-size:13px; gap:8px; }
}

/* Remove any inline brand inside card (safety) */
.km-auth-card .km-brand, .km-auth-card .km-brand-title, .km-auth-card .km-brand-tag { display:none !important; }