@import url("base/reset.css");
@import url("base/variables.css");
@import url("base/fonts.css");
@import url("components/header.css");
@import url("components/navbar.css");
@import url("components/footer.css");
@import url("components/buttons.css");
@import url("components/video.css");
@import url("components/instagram.css");
@import url("components/login-modal.css");
@import url("components/member-admin.css");
@import url("components/member-profile.css");

/* SH stallet: match animal button edges to the horse price badges */
.stable-animal-links a::before {
  width: 153px !important;
  height: 153px !important;
  background: #fae8b0 !important;
  clip-path: polygon(50.0% 0.0%, 56.0% 4.4%, 62.9% 1.7%, 67.6% 7.5%, 75.0% 6.7%, 78.0% 13.5%, 85.4% 14.6%, 86.5% 22.0%, 93.3% 25.0%, 92.5% 32.4%, 98.3% 37.1%, 95.6% 44.0%, 100.0% 50.0%, 95.6% 56.0%, 98.3% 62.9%, 92.5% 67.6%, 93.3% 75.0%, 86.5% 78.0%, 85.4% 85.4%, 78.0% 86.5%, 75.0% 93.3%, 67.6% 92.5%, 62.9% 98.3%, 56.0% 95.6%, 50.0% 100.0%, 44.0% 95.6%, 37.1% 98.3%, 32.4% 92.5%, 25.0% 93.3%, 22.0% 86.5%, 14.6% 85.4%, 13.5% 78.0%, 6.7% 75.0%, 7.5% 67.6%, 1.7% 62.9%, 4.4% 56.0%, 0.0% 50.0%, 4.4% 44.0%, 1.7% 37.1%, 7.5% 32.4%, 6.7% 25.0%, 13.5% 22.0%, 14.6% 14.6%, 22.0% 13.5%, 25.0% 6.7%, 32.4% 7.5%, 37.1% 1.7%, 44.0% 4.4%) !important;
  opacity: 1 !important;
  filter: drop-shadow(0 1px 1px rgba(73, 47, 29, 0.11));
}

/* Schedule: keep the composition balanced on wide displays. */
body.schema-body .schema-torn-edge {
  background-size: 100% 100% !important;
}

body.schema-body .attendance-grid {
  grid-template-columns: repeat(auto-fit, 352px);
}

body.schema-body .upcoming-events-grid > .upcoming-events-empty {
  grid-column: 1 / -1;
  justify-self: center;
  width: min(100%, 520px);
  text-align: center;
}

/* Member cards: center the profile facts over the Spotify player. */
.member-card-info {
  left: 24px !important;
  width: 290px !important;
}

/* Keep the stable's fixed video layer isolated on the compositor. */
.stable-fixed-background {
  contain: paint;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.stable-fixed-background video {
  backface-visibility: hidden;
  transform: translateZ(0);
}