/* ==========================================================================
   Academy hero (academy_card_hero.php). Builds on the profile hero in
   styles/modern.css ("Profile hero") and the cover styles in styles/gallery.css;
   this file only adds what differs for academies.
   ========================================================================== */

/* Cover without a photo: the site's colours instead of a belt colour */
.bc-academy-hero .bc-hero-cover { height: 150px; }
.bc-academy-hero .bc-hero-cover:not(.has-photo) {
  background:
    radial-gradient(55% 130% at 86% 0%, rgba(212, 116, 79, 0.5), transparent 62%),
    radial-gradient(45% 120% at 6% 100%, rgba(3, 195, 227, 0.38), transparent 60%),
    linear-gradient(118deg, #17142e 0%, #3a2f8f 42%, #5b4bd1 72%, #9a3ea8 118%);
}
.bc-academy-hero .bc-hero-cover.has-photo {
  background:
    var(--cover-img) center var(--cover-y, 50%) / cover no-repeat,
    linear-gradient(118deg, #17142e 0%, #5b4bd1 100%);
}

/* Logo: a rounded-square tile, not a circle */
.bc-academy-hero .bc-academy-logo { border-radius: 30px; padding: 5px; }
.bc-academy-hero .bc-academy-logo a { display: block; line-height: 0; cursor: default; }
.bc-academy-hero .bc-academy-logo img,
.bc-academy-hero .bc-academy-logo .bc-av { border-radius: 25px !important; }
.bc-academy-hero .bc-academy-logo img { object-fit: cover; background: var(--bc-surface); }

/* The name can be long ("The Israeli Academy of BJJ and MMA"): let it wrap nicely */
.bc-academy-hero .bc-hero-name { text-wrap: balance; overflow-wrap: anywhere; }
.bc-academy-hero .bc-hero-text { padding-top: 66px; }
.bc-academy-hero .bc-hero-facts > * { max-width: 100%; }
.bc-academy-hero .bc-hero-facts a,
.bc-academy-hero .bc-hero-facts span { min-width: 0; }

/* Website + social icons, and the admins' edit link */
.bc-academy-links { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 12px; }
.bc-academy-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  font-size: 14px;
  color: var(--bc-ink-2) !important;
  background: var(--bc-surface-2);
  box-shadow: 0 0 0 1px var(--bc-line) inset;
  text-decoration: none !important;
  transition: background-color 0.2s var(--bc-ease), transform 0.2s var(--bc-ease), color 0.2s var(--bc-ease);
}
.bc-academy-link:hover { background: var(--bc-surface-3); color: var(--bc-ink) !important; transform: translateY(-1px); }
.bc-academy-edit {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 34px;
  padding: 0 13px;
  margin-left: 4px;
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--bc-ink-2) !important;
  background: var(--bc-surface);
  box-shadow: 0 0 0 1px var(--bc-line-2, var(--bc-line)) inset;
  text-decoration: none !important;
}
.bc-academy-edit:hover { background: var(--bc-surface-2); }
.bc-academy-edit i { font-size: 11px; color: var(--bc-muted); }

/* Share in the hero sits right of the rank */
.bc-academy-hero .bc-hero-rankrow .bc-academy-share { margin-left: auto; }
.bc-academy-hero .bc-overview-rank-label { max-width: 240px; }

@media (max-width: 520px) {
  .bc-academy-hero .bc-hero-cover { height: 112px; }
  .bc-academy-hero .bc-hero-text { padding-top: 0; }
  .bc-academy-hero .bc-academy-logo { border-radius: 26px; }
  .bc-academy-hero .bc-academy-logo img,
  .bc-academy-hero .bc-academy-logo .bc-av { width: 112px !important; height: 112px !important; border-radius: 21px !important; }
  .bc-academy-links { justify-content: center; }
  .bc-academy-edit { margin-left: 0; }
}