/* Shared Guide Styles - Merged from client_guide.css and driver-guide.css */

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

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

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

/* Section Card - Base */
.section-card {
  background: white;
  border-radius: 12px;
  padding: 2rem;
  margin-bottom: 2rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Section Card - Themes */
.section-card.client-theme {
  border-left: 4px solid var(--brand-primary);
}

.section-card.driver-theme {
  border-left: 4px solid #f093fb;
}

/* Section Title */
.section-title {
  font-weight: 700;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.section-title.client-theme {
  color: var(--brand-primary);
}

.section-title.driver-theme {
  color: #f5576c;
}

.section-title i {
  font-size: 1.5rem;
}

/* Step List */
.step-list {
  list-style: none;
  padding: 0;
}

.step-list li {
  padding: 0.75rem 0 0.75rem 2.5rem;
  position: relative;
  border-bottom: 1px solid #f0f0f0;
}

.step-list li:last-child {
  border-bottom: none;
}

.step-list li:before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0.75rem;
  color: white;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: bold;
}

.step-list.client-theme li:before {
  background: var(--brand-primary);
}

.step-list.driver-theme li:before {
  background: #f5576c;
}

/* Info Boxes */
.info-box {
  border-radius: 8px;
  padding: 1.5rem;
  margin: 1.5rem 0;
}

.info-box.client-theme {
  background: #f8f9fa;
}

.info-box.driver-theme {
  background: #fff5f7;
  border: 1px solid #fce4ec;
}

.warning-box {
  background: #fff8e1;
  border-radius: 8px;
  padding: 1.5rem;
  margin: 1.5rem 0;
  border: 1px solid #ffe082;
}

/* Numbered Steps */
.numbered-steps {
  counter-reset: step-counter;
  list-style: none;
  padding: 0;
}

.numbered-steps li {
  padding: 1rem 0 1rem 3rem;
  position: relative;
  border-bottom: 1px solid #e9ecef;
}

.numbered-steps li:last-child {
  border-bottom: none;
}

.numbered-steps li:before {
  counter-increment: step-counter;
  content: counter(step-counter);
  position: absolute;
  left: 0;
  top: 1rem;
  color: white;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 1rem;
}

.numbered-steps.client-theme li:before {
  background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);
}

.numbered-steps.driver-theme li:before {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}