/* contact.css — Ask an Expert page only (scoped) */

.ask-expert-page .ask-card { box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06); }

/* Step dots */
.ask-expert-page .ask-steps { display:flex; gap:8px; align-items:center; }
.ask-expert-page .ask-step {
  width:34px; height:34px; border-radius:999px;
  display:flex; align-items:center; justify-content:center;
  font-weight:800; font-size:0.9rem;
  background:#e5e7eb; color:#374151;
  transition: all .2s ease;
}
.ask-expert-page .ask-step.is-active {
  background: var(--brand-primary);
  color: #fff;
  box-shadow: 0 10px 18px rgba(245,166,35,0.25);
}
.ask-expert-page .ask-step.is-done {
  background: rgba(245,166,35,0.18);
  color: var(--brand-primary);
  border: 1px solid rgba(245,166,35,0.35);
}

/* Inputs */
.ask-expert-page .ask-label { display:block; font-weight:700; color:#111827; margin-bottom:6px; }
.ask-expert-page .ask-input {
  width:100%;
  border:1px solid #e5e7eb;
  border-radius: 14px;
  padding: 12px 14px;
  background:#fff;
  outline:none;
  transition: all .18s ease;
}
.ask-expert-page .ask-input:focus {
  border-color: rgba(245,166,35,0.75);
  box-shadow: 0 0 0 4px rgba(245,166,35,0.18);
}
.ask-expert-page .ask-textarea { resize: vertical; min-height: 130px; }

/* Dark form inputs (contact box) */
.ask-expert-page .ask-label--dark { color: rgba(255,255,255,0.92); }
.ask-expert-page .ask-input--dark {
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.14);
  color: #fff;
}
.ask-expert-page .ask-input--dark::placeholder { color: rgba(255,255,255,0.55); }
.ask-expert-page .ask-input--dark:focus {
  border-color: rgba(245,166,35,0.75);
  box-shadow: 0 0 0 4px rgba(245,166,35,0.18);
}

/* Goal cards (now multi-select checkboxes) */
.ask-expert-page .ask-choice__input { position:absolute; opacity:0; pointer-events:none; }
.ask-expert-page .ask-choice { position:relative; display:block; cursor:pointer; }
.ask-expert-page .ask-choice__card {
  display:flex; flex-direction:column; gap:8px;
  border:1px solid #e5e7eb;
  border-radius: 18px;
  padding: 16px;
  background:#fff;
  transition: all .18s ease;
  min-height: 120px;
}
.ask-expert-page .ask-choice__card--wide { min-height: 0; }
.ask-expert-page .ask-choice__icon {
  width:44px; height:44px; border-radius:14px;
  display:flex; align-items:center; justify-content:center;
  color:#fff;
}
.ask-expert-page .ask-choice__title { font-weight:800; color:#111827; }
.ask-expert-page .ask-choice__text { color:#6b7280; font-size: 0.95rem; line-height: 1.35; }
.ask-expert-page .ask-choice:hover .ask-choice__card {
  transform: translateY(-2px);
  box-shadow: 0 16px 26px rgba(15,23,42,0.08);
  border-color: rgba(245,166,35,0.45);
}
.ask-expert-page .ask-choice__input:checked + .ask-choice__card {
  border-color: rgba(245,166,35,0.80);
  box-shadow: 0 0 0 4px rgba(245,166,35,0.16);
}

/* Actions */
.ask-expert-page .ask-actions { margin-top: 18px; display:flex; justify-content:flex-end; }
.ask-expert-page .ask-actions--between { justify-content: space-between; align-items:center; }
.ask-expert-page .ask-back {
  display:inline-flex; align-items:center; gap:10px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  background: #fff;
  font-weight: 800;
  color: #111827;
  transition: all .18s ease;
}
.ask-expert-page .ask-back:hover { background: #f9fafb; transform: translateY(-1px); }

/* Consent */
.ask-expert-page .ask-check { display:flex; gap:10px; align-items:flex-start; }
.ask-expert-page .ask-check input { margin-top: 3px; }

/* Success */
.ask-expert-page .ask-success {
  display:flex; gap:14px; align-items:flex-start;
  border:1px solid rgba(16,185,129,0.35);
  background: rgba(16,185,129,0.10);
  border-radius: 18px;
  padding: 16px;
  margin-bottom: 18px;
}
.ask-expert-page .ask-success__icon {
  width:44px; height:44px; border-radius:14px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(16,185,129,0.85);
  color:#fff;
  flex:0 0 auto;
}

/* Shake for missing goal */
.ask-expert-page .ask-form--shake { animation: askshake .35s ease; }
@keyframes askshake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-6px); }
  50% { transform: translateX(6px); }
  75% { transform: translateX(-4px); }
  100% { transform: translateX(0); }
}

/* Bullets */
.ask-expert-page .ask-bullet { display:flex; gap:14px; align-items:flex-start; }
.ask-expert-page .ask-bullet__icon {
  width:44px; height:44px; border-radius:14px;
  display:flex; align-items:center; justify-content:center;
  color:#fff; flex:0 0 auto;
}
.ask-expert-page .ask-bullet__title { font-weight:700; color:#111827; }
.ask-expert-page .ask-bullet__text { color:#4b5563; margin-top:2px; }

/* Contact Strip (mobile only) */
.ask-expert-page .ask-only-mobile { display:none; }
@media (max-width: 900px) {
  .ask-expert-page .ask-only-mobile { display:grid; }
}
.ask-expert-page .ask-contact-strip {
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
.ask-expert-page .ask-strip-card {
  display:flex;
  align-items:center;
  gap: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  padding: 14px 16px;
  background: #fff;
  box-shadow: 0 12px 24px rgba(15,23,42,0.05);
  transition: all .18s ease;
  text-decoration: none;
}
.ask-expert-page .ask-strip-card:hover {
  transform: translateY(-2px);
  border-color: rgba(245,166,35,0.40);
  box-shadow: 0 16px 28px rgba(15,23,42,0.08);
}
.ask-expert-page .ask-strip-icon {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(245,166,35,0.12);
  color: var(--brand-primary);
  flex: 0 0 auto;
  font-size: 18px;
}
.ask-expert-page .ask-strip-title { font-weight: 800; color: #111827; line-height: 1.1; }
.ask-expert-page .ask-strip-link { color: #374151; font-weight: 700; margin-top: 2px; }

/* Contact details block (dark) */
.ask-expert-page .ask-contact-list { display:flex; flex-direction:column; gap:10px; }
.ask-expert-page .ask-contact-row {
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
  text-decoration: none;
  transition: all .18s ease;
}
.ask-expert-page .ask-contact-row:hover {
  transform: translateY(-1px);
  border-color: rgba(245,166,35,0.28);
  background: rgba(255,255,255,0.08);
}
.ask-expert-page .ask-contact-ico {
  width:44px; height:44px; border-radius:14px;
  display:flex; align-items:center; justify-content:center;
  color:#fff; flex:0 0 auto;
}
.ask-expert-page .ask-contact-text { display:flex; flex-direction:column; gap:1px; }
.ask-expert-page .ask-contact-label { font-weight:800; color:#fff; line-height:1.1; }
.ask-expert-page .ask-contact-value { color: rgba(255,255,255,0.82); font-weight:700; }

/* WhatsApp button slight alignment */
.ask-expert-page .ask-whatsapp-btn { width:100%; justify-content:center; }