/* ============================================================
   AFF — Footer  (footer.css)
   ============================================================ */
.aff-footer {
  background: var(--aff-dark);
  border-top: 1px solid rgba(255,255,255,.06);
  padding: 48px 24px 28px;
  margin-top: 64px;
}
.aff-footer__inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-align: center;
}
.aff-footer__logo {
  font-size: 22px;
  font-weight: 800;
  color: var(--aff-white);
  text-decoration: none;
  letter-spacing: -.4px;
}
.aff-footer__logo:hover { color: var(--aff-sky); }
.aff-footer__tagline {
  margin: 4px 0 0;
  font-size: 13px;
  color: #94a3b8;
}

/* ============================================================
   BTT-style button navigation (pill buttons)
   Only this section was changed — copied & dark-adapted from the 
   BTT footer button design you provided.
   ============================================================ */
.aff-footer__nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.aff-footer__nav-list li {
  margin: 0;
}

.aff-footer__nav-list a {
  display: flex;
  align-items: center;
  min-height: 24px;
  padding: 6px 18px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  color: #e2e8f0;                 /* ← CHANGED FOR PAGESPEED */
  text-decoration: none;
  transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
  border-radius: 14px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.15);
}

.aff-footer__nav-list a:hover,
.aff-footer__nav-list a:focus-visible {
  color: var(--aff-sky);
  background: rgba(255,255,255,.15);
  border-color: var(--aff-sky);
}

.aff-footer__nav-list a:focus-visible {
  outline: 3px solid rgba(37, 99, 235, 0.28);
  outline-offset: 3px;
  border-radius: 12px;
}

.aff-footer__copy {
  font-size: 12px;
  color: #94a3b8;
  margin: 0;
  line-height: 1.6;
}


/* ============================================================
   AFF — Performance: content-visibility hints
   (unchanged)
   ============================================================ */

/*
 * content-visibility: auto — browser skips layout/paint for
 * off-screen sections entirely. contain-intrinsic-size prevents
 * scrollbar jumping while the section is skipped.
 */

/* Homepage — below-fold brand grid and recent firmware sections */
.aff-home-brands--secondary,
.aff-home-recent,
.aff-home-stats {
    content-visibility: auto;
    contain-intrinsic-size: 0 600px;
}

/* Category / Tag / Author — post grid cards below first viewport */
.aff-cat-grid .aff-cat-card:nth-child(n+7),
.aff-tag-grid .aff-tag-card:nth-child(n+7),
.aff-author-grid .aff-author-card:nth-child(n+7) {
    content-visibility: auto;
    contain-intrinsic-size: 0 160px;
}

/* Single post — sidebar boxes below the fold */
.aff-sidebar-box--related,
.aff-sidebar-box--brands {
    content-visibility: auto;
    contain-intrinsic-size: 0 320px;
}

/* Footer — skip until near-scroll */
.aff-footer {
    content-visibility: auto;
    contain-intrinsic-size: 0 260px;
}