/* พื้นหลังโล่ง ๆ */

.ecu-login-page {
 
  --card-bg:#fff;
  --card-text:#0f172a;
  --card-muted:#64748b;
  --card-border:#e5e7eb;
  --card-shadow:0 16px 40px rgba(2,6,23,.08);
  --brand-blue:#2563eb;
  --radius:16px;
  background: #fff;

}

/* กล่องการ์ดกลางหน้า (ใช้กับบล็อกที่หุ้มปุ่มของ Nextend อยู่แล้ว) */
.ecu-login-page .entry-content > *:first-child {
  max-width: 360px;
  margin: 28px auto;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: var(--radius);
  box-shadow: var(--card-shadow);
 /* padding: 18px 18px 20px; */
}

/* หัวการ์ด */
.ecu-login-page .entry-content h1,
.ecu-login-page .entry-content h2 {
  margin: 4px 0 8px;
  font-size: 20px;
  color: var(--card-text);
}
.ecu-login-page .entry-content p {
  color: var(--card-muted);
}

/* ปุ่ม Nextend — ให้เต็มความกว้าง เว้นระยะเท่า ๆ กัน */
.ecu-login-page .nsl-container {
  margin-top: 10px;
}
.ecu-login-page .nsl-container .nsl-button {
  width: 100%;
  height: 46px;
  border-radius: 12px !important;
  border: 1px solid var(--card-border) !important;
  box-shadow: none !important;
  margin: 10px 0 !important;
  transition: transform .06s ease;
}
.ecu-login-page .nsl-container .nsl-button:hover {
  transform: translateY(-1px);
}

/* ปุ่ม Google */
.ecu-login-page .nsl-button-google[data-skin="dark"] {
  background: #fff !important;
  color: #111827 !important;
  border-color: var(--card-border) !important;
}

/* ปุ่ม LINE */
.ecu-login-page .nsl-button-line {
  background: #06c755 !important;
  color: #fff !important;
  border-color: transparent !important;
}

/* ซ่อน element ที่ไม่ใช้ (ถ้ามีฟอร์ม/ข้อความ WP เก่า ๆ) */
.ecu-login-page form.login,
.ecu-login-page form#loginform,
.ecu-login-page .edd-login,
.ecu-login-page .wp-social-login-provider-list { display: none !important; }

/* กัน bottom-nav ทับ */
@media (max-width: 767px){
  body.ecu-login-page { padding-bottom: 88px; }
}