/* fix13 — invite page (/i/) and the feed-driven APKPure buttons. Uses the site tokens only. */

/* Buttons are display:inline-flex, which beats the [hidden] attribute: keep hidden things hidden. */
[data-apkpure][hidden], [data-invite] [hidden], .inv [hidden] { display: none !important; }

/* Download card: a second, quieter button under "Download APK". */
.dl__alt { margin-top: 0; }

/* ---------- invite page ---------- */
.inv h1 { margin-bottom: var(--sp-4); }
.inv .lead { margin-top: var(--sp-2); }

.inv__code {
  margin-top: var(--sp-6);
  max-width: 560px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "label label" "value btn";
  align-items: center;
  gap: 6px 16px;
  padding: 16px 18px 18px;
  border-radius: var(--r-md);
  background: var(--bg);
  border: 1px solid var(--border-strong);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 7%, transparent);
}
.inv__label {
  grid-area: label;
  font-size: var(--fs-xs);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--text-3);
  font-weight: 600;
}
.inv__value {
  grid-area: value;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: clamp(1.75rem, 1.2rem + 2vw, 2.6rem);
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.1;
  color: var(--text);
  overflow-wrap: anywhere;
  user-select: all;
}
.inv__code .btn { grid-area: btn; }

.inv .dl-hero-actions { margin-top: var(--sp-6); }

.inv__hint {
  margin-top: var(--sp-4);
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text);
  padding: 10px 14px;
  border-radius: 12px;
  width: fit-content;
  max-width: 100%;
  background: color-mix(in srgb, var(--ok) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--ok) 40%, transparent);
}
.inv__hint svg { color: var(--ok); flex: none; }

.inv__how { margin-top: var(--sp-4); max-width: var(--measure); }

.inv__more {
  margin-top: var(--sp-5);
  display: flex;
  flex-wrap: wrap;
  gap: 10px 28px;
}
.inv__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  font-weight: 600;
  font-size: var(--fs-sm);
  color: var(--accent-text);
  text-decoration: none;
}
.inv__link:hover { text-decoration: underline; text-underline-offset: 3px; }
.inv__link svg { width: 18px; height: 18px; flex: none; }

.inv__ver { margin-top: var(--sp-3); }

@media (width <= 560px) {
  .inv__code { grid-template-columns: minmax(0, 1fr); grid-template-areas: "label" "value" "btn"; }
  .inv__code .btn { width: 100%; }
  .inv__more { flex-direction: column; gap: 4px; }
}