/* Shared FAQ Styles - Merged from client_faq.css and driver_faq.css */

/* Hero Section - Base */
.faq-hero {
  padding: 4rem 0 3rem;
  color: white;
}

/* Hero Section - Themes */
.faq-hero.client-theme {
  background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);
}

.faq-hero.driver-theme {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

/* FAQ Item - Base */
.faq-item {
  background: white;
  border-radius: 12px;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}

/* FAQ Item - Themes */
.faq-item.client-theme {
  border-left: 4px solid #667eea;
}

.faq-item.driver-theme {
  border-left: 4px solid #f5576c;
}

/* FAQ Item Content */
.faq-item h5 {
  color: #212529;
  margin-bottom: 1rem;
  font-weight: 700;
}

.faq-item p,
.faq-item ul,
.faq-item ol {
  color: #6c757d;
}

.faq-item ul {
  padding-left: 1.25rem;
}

/* Search Box */
.search-box {
  background: white;
  border-radius: 50px;
  padding: 1rem 2rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  max-width: 600px;
  margin: 0 auto 2rem;
}

.search-box input {
  border: none;
  outline: none;
  width: 100%;
  font-size: 1rem;
}