/* ============ WRAP (latar lutsinar + center) ============ */
.aff-wrap{
  --aff-label-w: 120px;  /* lebar label kiri */
  --aff-gap: 10px;       /* gap label-kandungan */

  background: rgba(255,255,255,.0); /* tiada kotak putih luar */
  padding: 6px 0;
  max-width: 720px;
  margin: 0 auto;
  line-height: 1.45;
}

/* Jika tiada penaja */
.aff-empty{
  text-align:center;
  color:#6b7280;
}

/* ============ Heading / ID ============ */
.aff-heading{
  text-align:center;
  font-weight:700;
  margin: 6px 0 14px;
  color:#111827;
}
.aff-id{
  display:inline-block;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono";
  background:#f3f4f6;
  border:1px dashed #e5e7eb;
  padding:2px 8px;
  border-radius:8px;
  margin-left:6px;
}

/* ============ Baris Label/Value ============ */
.aff-row{
  display:flex;
  align-items:center;
  gap: var(--aff-gap);
  margin: 10px 0;
}
.aff-label{
  min-width: var(--aff-label-w);
  color:#374151;
  font-weight:500;
}

/* ============ Nama Penaja (kotak) ============ */
.aff-boxed{
  display:inline-block;
  padding:10px 14px;
  border-radius:12px;
  background:#06b6d4; /* cyan */
  color:#fff;
  font-weight:700;
  min-width: 180px;
  text-align:center;
  box-shadow:0 4px 10px rgba(0,0,0,.08);
}

/* ============ Butang Asas ============ */
.aff-btn{
  display:inline-block;
  padding:10px 16px;
  border-radius:12px;
  text-decoration:none;
  font-weight:700;
  border:1px solid transparent;
  transition:transform .08s ease, box-shadow .2s ease, opacity .2s ease;
  box-shadow:0 4px 10px rgba(0,0,0,.08);
}
.aff-btn:active{ transform: translateY(1px); }

/* WhatsApp hijau */
.aff-btn-wa{
  background:#22c55e;
  color:#fff;
  border-color:#16a34a;
}
.aff-btn-wa:hover{ opacity:.94; }

/* Primer biru premium (Daftar/Login) */
.aff-btn-primary{
  background: linear-gradient(135deg, #1e40af, #0ea5e9);
  color:#fff;
  border-color:#1d4ed8;
}
.aff-btn-primary:hover{ opacity:.93; }

/* ============ Baris butang Daftar/Login align bawah WA ============ */
.aff-actions-inline{
  margin-left: calc(var(--aff-label-w) + var(--aff-gap));
  display:flex;
  gap:10px;
}

/* Responsif */
@media (max-width: 480px){
  .aff-boxed{ min-width: 140px; }
  .aff-wrap{ --aff-label-w: 104px; }
}
.aff-loading{ color:#6b7280; font-style:italic; text-align:center; }