/* Prevozim.ba CSS overrides */

/* Wider content area for blog/articles */
.content-area {
  max-width: 900px;
}

/* Fix pricing section */
.pricing-panel .card {
  margin-top: 16px;
}

.pricing-panel {
  padding-bottom: var(--space-16, 64px);
}

/* Fix hero left border too close on page heroes */
.hero--page h1 {
  padding-left: 0 !important;
  border-left: none !important;
}

/* FAQ accordion — ensure proper styling */
.faq-item {
  border-bottom: 1px solid var(--border, #e5e7eb);
  padding: var(--space-4, 16px) 0;
}

.faq-question {
  display: block;
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  font-size: var(--text-base, 16px);
  font-weight: 600;
  color: var(--text-primary, #0F172A);
  cursor: pointer;
  padding: 0;
  font-family: inherit;
  line-height: 1.5;
}

.faq-question:hover {
  color: var(--accent, #F97316);
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.faq-item.active .faq-answer {
  max-height: 500px;
}

.faq-answer p {
  margin: var(--space-3, 12px) 0 0;
  color: var(--text-secondary, #475569);
  font-size: var(--text-small, 14px);
  line-height: 1.7;
}