/* NYC Chairs - Shared Styles */

:root {
  --green: #2d6a4f;
  --green-dark: #1b4332;
}

/* Buttons */
.btn-green {
  background: var(--green);
  color: white;
}
.btn-green:hover {
  background: var(--green-dark);
  color: white;
}

/* Text */
.text-green {
  color: var(--green);
}

/* Process Steps */
.step-number {
  width: 48px;
  height: 48px;
  background: var(--green);
  color: white;
  font-weight: 700;
  font-size: 1.25rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Navbar */
.navbar-brand {
  font-weight: bold;
  font-size: 1.5rem;
}

.nav-link {
  font-weight: 500;
}

.nav-link:hover {
  color: var(--green) !important;
}

/* Cards */
.card {
  border: 1px solid #dee2e6;
}

.card-hover:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

/* Pricing Cards */
.pricing-card {
  border: 2px solid var(--green);
  border-radius: 8px;
}

.pricing-card .price {
  font-size: 2rem;
  font-weight: 700;
  color: var(--green);
}

/* FAQ Accordion */
.accordion-button:not(.collapsed) {
  background-color: rgba(45, 106, 79, 0.1);
  color: var(--green-dark);
}

.accordion-button:focus {
  box-shadow: 0 0 0 0.25rem rgba(45, 106, 79, 0.25);
}

/* Footer */
footer {
  background-color: #f8f9fa;
}

/* Utility */
.max-w-700 {
  max-width: 700px;
}

.max-w-600 {
  max-width: 600px;
}

.max-w-500 {
  max-width: 500px;
}
