/*
 Theme Name: Where2Dance Theme
 Theme URI: https://everythingdancing.com/
 Description: v1.4.25 – Fresh frosted mobile drawer styling + close button.
 Version: 1.4.29
 Author: Where2Dance
 Text Domain: where2dance
 License: GPLv2 or later
*/

/* ============================
   Login page (W2D Member)
   ============================ */

.w2d-login-wrap{
  max-width:420px;
  margin:40px auto;
  padding:24px;
  border:1px solid var(--w2d-border, rgba(15,23,42,.10));
  border-radius:18px;
  background:var(--w2d-surface, rgba(255,255,255,.96));
  box-shadow:var(--w2d-shadow-card, 0 10px 24px rgba(0,0,0,.06));
}
.w2d-login-wrap label{
  display:block;
  font-size:13px;
  font-weight:800;
  margin-bottom:6px;
  color:var(--w2d-text, rgba(15,23,42,.92));
}
.w2d-login-wrap input[type="text"],
.w2d-login-wrap input[type="password"],
.w2d-login-wrap input[type="email"],
.w2d-login-wrap input[type="tel"],
.w2d-login-wrap input[type="url"],
.w2d-login-wrap input[type="number"],
.w2d-login-wrap textarea,
.w2d-login-wrap select{
  width:100%;
  box-sizing:border-box;
  padding:12px;
  border:1px solid var(--w2d-border-2, rgba(15,23,42,.12));
  border-radius:14px;
  background:var(--w2d-input-bg, rgba(248,250,252,.95));
  margin-bottom:16px;
  color:var(--w2d-text, rgba(15,23,42,.92));
  outline:none;
  transition:border-color .12s ease, box-shadow .12s ease, background-color .12s ease;
}
.w2d-login-wrap input[type="text"]:focus,
.w2d-login-wrap input[type="password"]:focus,
.w2d-login-wrap input[type="email"]:focus,
.w2d-login-wrap input[type="tel"]:focus,
.w2d-login-wrap input[type="url"]:focus,
.w2d-login-wrap input[type="number"]:focus,
.w2d-login-wrap textarea:focus,
.w2d-login-wrap select:focus{
  background:#fff;
  border-color:var(--w2d-focus, rgba(99,102,241,.55));
  box-shadow:0 0 0 4px var(--w2d-focus-ring, rgba(99,102,241,.15));
}

/* Button — force the “ink” style and remove any odd hover backgrounds */
.w2d-login-wrap input[type="submit"],
.w2d-login-wrap button[type="submit"],
.w2d-login-wrap .button,
.w2d-login-wrap .wp-element-button,
.w2d-login-wrap .um-button{
  appearance:none;
  -webkit-appearance:none;
  background-image:none !important;
  text-shadow:none !important;
  box-shadow:none;

  background:var(--w2d-ink, #0f172a) !important;
  border:1px solid var(--w2d-ink, #0f172a) !important;
  color:#fff !important;

  font-weight:800;
  padding:12px 18px;
  border-radius:999px;
  cursor:pointer;
  width:100%;
  line-height:1;
  transition:transform .12s ease, background-color .12s ease, border-color .12s ease, opacity .12s ease;
}
.w2d-login-wrap input[type="submit"]:hover,
.w2d-login-wrap button[type="submit"]:hover,
.w2d-login-wrap .button:hover,
.w2d-login-wrap .wp-element-button:hover,
.w2d-login-wrap .um-button:hover{
  background:var(--w2d-ink-2, #111c33) !important;
  border-color:var(--w2d-ink-2, #111c33) !important;
}
.w2d-login-wrap input[type="submit"]:focus,
.w2d-login-wrap button[type="submit"]:focus,
.w2d-login-wrap .button:focus,
.w2d-login-wrap .wp-element-button:focus,
.w2d-login-wrap .um-button:focus{
  outline:none;
  box-shadow:0 0 0 4px var(--w2d-focus-ring, rgba(99,102,241,.15));
}
.w2d-login-wrap input[type="submit"]:active,
.w2d-login-wrap button[type="submit"]:active,
.w2d-login-wrap .button:active,
.w2d-login-wrap .wp-element-button:active,
.w2d-login-wrap .um-button:active{
  transform:scale(.99);
}

.w2d-login-errors{
  background:var(--w2d-danger-soft, rgba(220,38,38,.06));
  border:1px solid var(--w2d-danger-border, rgba(220,38,38,.18));
  padding:10px 14px;
  border-radius:14px;
  color:var(--w2d-danger-text, rgba(127,29,29,.90));
  margin-bottom:16px;
}
.w2d-login-links{
  text-align:center;
  margin-top:12px;
}

/* Optional: remove tap highlight (keeps the frosted feel) */
.w2d-action,
.w2d-profile,
.w2d-hamburger{
  -webkit-tap-highlight-color: transparent;
}