/* ==========================================================================
   B9 GAME — playb9.pk
   pages/contact.css — contact.html only
   ========================================================================== */

.channel-card { padding-top: var(--sp-8); }

.channel-card__badge {
  position: absolute;
  top: var(--sp-4);
  right: var(--sp-4);
  z-index: 2;
}

.channel-card--support {
  border-top: 2px solid var(--color-gold-royal);
}

.channel-card--community {
  border-top: 2px solid var(--color-bronze-mid);
}

.channel-card--community .channel-card__icon {
  background: var(--grad-bronze-fill);
  box-shadow: 0 10px 24px -12px rgba(107, 66, 38, 0.8);
}

/* Form card */
.contact-form-card {
  padding: var(--sp-6) var(--sp-5);
}

.contact-form-card > * { position: relative; z-index: 2; }

@media (min-width: 768px) {
  .contact-form-card { padding: var(--sp-8) var(--sp-7); }
}

.form__status a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.field__hint a {
  color: var(--color-bronze-mid);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.field--check label a {
  color: var(--color-bronze-mid);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Message-writing guidance cards */
#how-to-ask .feature-card { padding-top: var(--sp-7); }

/* RTL: badge flips corner */
.is-rtl .channel-card__badge { right: auto; left: var(--sp-4); }