/* ─── partners.css v8 ───────────────────────────────────────────────────── */

.partners-header { margin-bottom: 32px; text-align: center; }
.partners-header h2 { color: var(--gold, #d4a843); font-size: 1.6rem; margin: 0 0 6px; }
.partners-header p  { color: var(--text2, #888); font-size: 0.95rem; margin: 0; }

#partners-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 24px;
}

.partner-card {
  background: #141414;
  border: 1px solid #2a2a2a;
  border-top: 3px solid var(--gold, #d4a843);
  border-radius: 14px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s;
}
.partner-card:hover {
  border-color: var(--gold, #d4a843);
  box-shadow: 0 6px 28px rgba(212,168,67,0.15);
  transform: translateY(-2px);
}
.community-card { border-top-color: #5865F2; }
.community-card:hover { box-shadow: 0 6px 28px rgba(88,101,242,0.15); }

.partner-top { display: flex; align-items: center; gap: 16px; }

.partner-avatar {
  width: 64px; height: 64px; border-radius: 50%;
  background: linear-gradient(135deg, #3a2000, #d4a843);
  border: 2px solid #d4a843; color: #fff;
  font-size: 1.8rem; font-weight: 900;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; box-shadow: 0 0 14px rgba(212,168,67,0.25);
  position: relative; overflow: hidden;
}
.community-card .partner-avatar {
  background: linear-gradient(135deg, #1a1f4a, #5865F2);
  border-color: #5865F2;
  box-shadow: 0 0 14px rgba(88,101,242,0.25);
}
.avatar-letter { position: relative; z-index: 1; line-height: 1; }
.avatar-img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; border-radius: 50%;
  opacity: 0; transition: opacity 0.3s ease; z-index: 2;
}
.avatar-img.loaded { opacity: 1; }

.partner-live-badge {
  margin-left: auto; align-self: flex-start;
  display: flex; flex-direction: column; align-items: flex-end; gap: 5px;
}
.live-label, .live-viewers {
  font-size: 0.72rem; font-weight: 700;
  padding: 4px 10px; border-radius: 20px; white-space: nowrap;
}
.partner-live-badge.live .live-label {
  background: rgba(74,222,128,0.15); color: #4ade80;
  border: 1px solid rgba(74,222,128,0.35);
}
.live-viewers {
  background: #1a1a1a; color: #666;
  border: 1px solid #2a2a2a; font-weight: 600;
}
.partner-live-badge.offline .live-label {
  background: rgba(239,68,68,0.12); color: #f87171;
  border: 1px solid rgba(239,68,68,0.3);
}
.community-online {
  background: rgba(88,101,242,0.15) !important; color: #818cf8 !important;
  border: 1px solid rgba(88,101,242,0.35) !important;
}

.partner-meta { display: flex; flex-direction: column; gap: 6px; }
.partner-card .partner-nick { font-size: 1.25rem; font-weight: 700; color: #f0f0f0; line-height: 1; }
.partner-card .partner-badge {
  font-size: 0.72rem; color: var(--gold, #d4a843);
  background: rgba(212,168,67,0.1); border: 1px solid rgba(212,168,67,0.3);
  border-radius: 20px; padding: 3px 10px;
  display: inline-block; width: fit-content;
}
.community-card .partner-badge {
  color: #818cf8; background: rgba(88,101,242,0.1); border-color: rgba(88,101,242,0.3);
}

.partner-coupon-block {
  background: #0e0e0e; border: 1px solid #2a2a2a;
  border-radius: 10px; padding: 14px 16px;
}
.partner-coupon-label {
  font-size: 0.7rem; color: #555; margin-bottom: 10px;
  text-transform: uppercase; letter-spacing: 0.06em;
}
.partner-coupon-row { display: flex; align-items: center; gap: 12px; }
.partner-coupon-code {
  font-family: monospace; font-size: 1.5rem; font-weight: 900;
  color: var(--gold, #d4a843); letter-spacing: 0.12em; flex: 1;
}
.btn-copy-coupon {
  background: linear-gradient(135deg, #3a2000, #5a3200);
  border: 1px solid rgba(212,168,67,0.4); color: var(--gold, #d4a843);
  font-size: 0.8rem; font-weight: 700; padding: 7px 16px;
  border-radius: 8px; cursor: pointer; transition: all 0.15s; white-space: nowrap;
}
.btn-copy-coupon:hover { background: linear-gradient(135deg, #4a2800, #6a3c00); box-shadow: 0 0 10px rgba(212,168,67,0.2); }
.btn-copy-coupon.copied { background: #1a3a1a; border-color: #2a5a2a; color: #4caf50; }

.partner-links { display: flex; gap: 10px; }
.partner-link {
  flex: 1; display: flex; align-items: center; justify-content: center;
  gap: 7px; font-size: 0.85rem; font-weight: 700;
  padding: 10px 14px; border-radius: 8px; text-decoration: none;
  transition: opacity 0.15s, transform 0.1s;
}
.partner-link:hover { opacity: 0.85; transform: translateY(-1px); }
.partner-link-icon { font-size: 1rem; line-height: 1; }
.partner-twitch  { background: #6441a4; color: #fff; }
.partner-youtube { background: #c4302b; color: #fff; }
.partner-discord { background: #5865F2; color: #fff; }
.partner-whatsapp{ background: #25D366; color: #fff; }

.partners-loading, .partners-empty {
  grid-column: 1 / -1; text-align: center;
  padding: 60px 20px; color: var(--text2, #888); font-size: 1rem;
}