/* ══════════════════════════════════════════════
   JONOM Tech+ Training — auth.css
   Authentication UI: Login, Register buttons
   ══════════════════════════════════════════════ */

/* ── Register Button ───────────────────────── */
.btn-register {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 20px;
  border-radius: var(--radius-pill);
  border: 1.5px solid var(--brand);
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background: var(--brand);
  transition: all var(--transition);
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(245, 166, 35, 0.25);
}

.btn-register:hover {
  background: var(--brand-dark);
  border-color: var(--brand-dark);
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(245, 166, 35, 0.4);
}

.btn-register:active {
  transform: translateY(0);
  box-shadow: none;
}

/* ── Mobile: hide auth buttons, show in nav ── */
@media (max-width: 680px) {
  /* header-actions already hidden via main.css;
     auth links can be appended to .nav-links if needed */
  .nav-links .btn-login,
  .nav-links .btn-register {
    width: 100%;
    text-align: center;
    margin-top: 8px;
    padding: 11px 20px;
    font-size: 15px;
  }
}