/* Business Directory surface styles — loaded only on businessdirectory.co.nz. */

/* Auth skin (navy) */
.bd-auth {
  border: 1px solid #eef1f7;
  border-radius: 1rem;
  padding: 2rem;
  background: #fff;
  box-shadow: 0 18px 40px -20px rgba(14, 49, 142, 0.25);
}
.bd-auth .auth-card {
  border: none;
  border-radius: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
}
.bd-auth .auth-title {
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #0E318E;
  padding-bottom: 0.85rem;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid #e5e7eb;
}
.bd-auth .auth-form .wv-field label {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #9ca3af;
  margin-bottom: 0.55rem;
}
main.bd-auth .auth-form .wv-field input {
  border: 1px solid #e5e7eb;
  border-radius: 0.625rem;
  padding: 0.8rem 0.9rem;
  font-size: 0.95rem;
  background: #fff;
  transition: border-color 0.15s, box-shadow 0.15s;
}
main.bd-auth .auth-form .wv-field input:focus {
  border-color: #0E318E;
  box-shadow: 0 0 0 3px rgba(14, 49, 142, 0.12);
}
.bd-auth .auth-submit {
  background: #0E318E;
  color: #fff;
  border-radius: 0.625rem;
  padding: 0.85rem 1rem;
  font-size: 0.95rem;
  font-weight: 600;
  margin-top: 0.5rem;
}
.bd-auth .auth-submit:hover {
  opacity: 1;
  background: #0a2569;
}
.bd-auth .auth-links {
  margin-top: 1rem;
}
.bd-auth .auth-link {
  color: #0E318E;
  font-weight: 500;
}
.bd-auth .auth-link:hover {
  color: #0a2569;
  text-decoration: underline;
}

/* Bottom CTA + pricing buttons */
.bd-net-cta {
  --growth: 0;
}
.bd-net-cta-btn:hover {
  --growth: 1;
}
.bd-plan-btn {
  --growth: 0;
}
.bd-plan-btn:hover,
.bd-plan-btn:focus-visible {
  --growth: 1;
}

@keyframes bd-about-fade {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.bd-about-panel {
  animation: bd-about-fade 0.35s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .bd-about-panel {
    animation: none;
  }
}