/* =========================================================
   Pádel OK partner branding — Apex Turf
   Loaded after styles.css. Uses the tokens defined there.
   ========================================================= */

/* ---------- 1. Nav item with the white hand icon ---------- */
.main-nav a.nav-partner {
  display: inline-flex;
  align-items: center;
  gap: .45em;
  white-space: nowrap;
  vertical-align: middle;
}
/* keep every menu item on the same text line now that one carries an icon */
@media (min-width: 921px) { .main-nav ul { align-items: center; } }
.nav-partner-icon {
  height: 1.35em;           /* scales with the link's font size */
  width: auto;
  flex-shrink: 0;
  display: block;
  opacity: .9;
  transition: opacity .2s ease, transform .2s ease;
}
.main-nav a.nav-partner:hover .nav-partner-icon,
.main-nav a.nav-partner.is-active .nav-partner-icon {
  opacity: 1;
  transform: rotate(-8deg);
}
/* Mobile menu: keep the full-width row and divider line like the other links */
@media (max-width: 920px) {
  .main-nav a.nav-partner { display: flex; }
  .nav-partner-icon { height: 1.45em; }
}

/* ---------- 2. "In partnership with" strip on padel.html ---------- */
.partner-strip { padding: 44px 0; background: var(--cream-100); }
.partner-strip-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 22px;
  text-align: center;
}
.partner-strip-inner span {
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ink-500);
}
.partner-strip-inner img { height: 52px; width: auto; }
@media (max-width: 560px) {
  .partner-strip { padding: 34px 0; }
  .partner-strip-inner { flex-direction: column; }
  .partner-strip-inner img { height: 44px; }
}

/* ---------- 3. Footer co-branding badge ---------- */
.footer-col .footer-partner { margin-top: 18px; }
.footer-col .footer-partner a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 7px 14px 7px 9px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 999px;
  font-size: .8rem;
  line-height: 1.3;
  color: rgba(255, 255, 255, .65);
  transition: color .2s ease, border-color .2s ease;
}
.footer-col .footer-partner a:hover { color: var(--white); border-color: rgba(111, 207, 122, .5); }
.footer-col .footer-partner img { height: 22px; width: auto; flex: none; }
.footer-col .footer-partner b { color: var(--white); font-weight: 700; }