/* =============================================================
   ONELINKPDF — FRONTEND.CSS
   Home, How it works, Partnerships, Demo (main website)
   ============================================================= */

/* Section "How it works" — background and borders */
.section--alt {
  background: var(--section);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

/* Demo browser header dots */
.demo-dot {
  width: 12px;
  height: 12px;
}
.demo-dot + .demo-dot {
  margin-left: 0.5rem;
}

/* Embed steps list — icon circle */
.embed-step-icon {
  border: 1px solid var(--line);
  padding: 0.5rem;
  border-radius: 50%;
}

/* How it works — step icon variants (BEM modifiers) */
.feature-icon--cyan {
  background: #ecfeff !important;
  color: #155e75 !important;
}
.feature-icon--amber {
  background: #fef9c3 !important;
  color: #854d0e !important;
}
.feature-icon--green {
  background: #dcfce7 !important;
  color: #166534 !important;
}
.feature-icon--purple {
  background: #fae8ff !important;
  color: #6b21a8 !important;
}

/* Contact / Partnerships form textarea — override Bootstrap .form-floating fixed height */
.contact-form__textarea,
.form-floating > textarea.form-control,
.form-floating > textarea.contact-form__textarea {
  height: 150px !important;
  min-height: 150px !important;
}

/* Form success message — hidden by default, shown via JS or when session has success */
.form-success--hidden {
  display: none !important;
}

/* Success modal icon (e.g. partnerships) */
.form-success__icon {
  font-size: 3rem;
}

/* Partnerships form submit: black background, red text */
.btn-partnership-submit {
  background: #000 !important;
  color: #dc2626 !important;
  border: 1px solid #000 !important;
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  border-radius: 10px;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.btn-partnership-submit:hover {
  background: #1a1a1a !important;
  color: #ef4444 !important;
  transform: translateY(-1px);
}