/* ========================================================
   DASHT SEO — Product Polish Layer
   Phase 3 / Step 1
   ======================================================== */

:where(a, button, input, textarea, select, [role="button"]):focus-visible {
  outline: 3px solid rgba(201,177,140,.58);
  outline-offset: 3px;
  box-shadow: 0 0 0 6px rgba(201,177,140,.14);
}

.hero-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
  align-items: center;
}
.hero-proof-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  border-radius: 999px;
  background: var(--paper);
  border: 1px solid var(--line-soft);
  color: var(--ink-soft);
  font-size: .8rem;
  font-weight: 700;
  box-shadow: 0 10px 26px rgba(14,17,22,.05);
}
.hero-proof-item::before {
  content: "✓";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  background: rgba(92,138,106,.12);
  color: var(--c-primary);
  font-size: .72rem;
  font-weight: 900;
  flex-shrink: 0;
}

.dasht-submit-note,
.dasht-auth-helper,
.dasht-review-helper {
  display: block;
  margin-top: 10px;
  color: var(--ink-mute);
  font-size: .78rem;
  line-height: 1.85;
}

.contact-form .btn,
.review-form-wrap .btn,
.dasht-auth-submit,
.dasht-form-submit {
  position: relative;
}

.form-msg,
.dasht-form-success,
.dasht-form-error,
.dasht-review-msg,
.dasht-inline-status {
  text-wrap: balance;
}

.dasht-auth-box .dasht-form-error,
.dasht-auth-box .dasht-form-success {
  margin-bottom: 14px;
}

.dasht-section-note,
.reviews-proof,
.dasht-empty-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.dasht-section-note {
  margin: 0 0 18px;
}
.reviews-proof {
  justify-content: center;
  margin: 0 0 26px;
}
.dasht-empty-meta {
  justify-content: center;
  margin-top: 14px;
}
.dasht-section-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 13px;
  border-radius: 999px;
  background: var(--paper);
  border: 1px solid var(--line-soft);
  color: var(--ink-soft);
  font-size: .78rem;
  font-weight: 700;
  box-shadow: 0 8px 22px rgba(14,17,22,.04);
}
.dasht-section-chip::before {
  content: "•";
  color: var(--c-primary);
  font-size: .9em;
  font-weight: 900;
}

@media (max-width: 768px) {
  .hero-proof,
  .dasht-section-note,
  .reviews-proof,
  .dasht-empty-meta {
    justify-content: center;
  }
  .hero-proof-item,
  .dasht-section-chip {
    width: 100%;
    justify-content: center;
  }
  .dasht-submit-note,
  .dasht-auth-helper,
  .dasht-review-helper {
    text-align: center;
  }
}