@charset "utf-8";
/* CSS Document */
/* =========================================================
   PARTNERS: LOGO CARDS + OFFICIAL BADGE
   (Designed to match your existing card/overlay style)
   ========================================================= */

.partner-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 1rem; /* aligns with your rounded-4 aesthetic */
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.partner-card:hover,
.partner-card:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
  text-decoration: none;
}

.partner-card:focus-visible {
  outline: 3px solid rgba(255, 193, 7, 0.65); /* accessible focus ring */
  outline-offset: 3px;
}

/* Logos */
.partner-logo {
  max-width: 100%;
  height: auto;
  max-height: 300px;
  object-fit: contain;
  filter: none;
}

/* Name */
.partner-name {
  display: block;
  font-size: 0.98rem;
  line-height: 1.2;
  color: inherit;
}

/* CTA line */
.partner-cta {
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.65);
}

.partner-card:hover .partner-cta,
.partner-card:focus-visible .partner-cta {
  color: rgba(0, 0, 0, 0.85);
}

/* Official badge */
.partner-badge {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  padding: 0.55rem 0.55rem;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  border-radius: 1rem;
  color: #111;
  background: #ffc107; /* matches your warning/gold tone */
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);
}

/* Supporting partners subtle styling */
.partner-supporting .partner-cta {
  color: rgba(0, 0, 0, 0.55);
}

/* Dark mode compatibility if you ever place on dark background */
.bg-dark .partner-card,
.text-white .partner-card {
  color: #fff;
}

.bg-dark .partner-cta,
.text-white .partner-cta {
  color: rgba(255, 255, 255, 0.75);
}

.bg-dark .partner-card:hover .partner-cta,
.text-white .partner-card:hover .partner-cta {
  color: rgba(255, 255, 255, 0.9);
}