/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */
/* If you need to include Font Awesome, use a valid CSS import: */
@import "font-awesome/css/font-awesome.css"; 

html, body { height: 100%; }
body { margin: 0; }
.page { min-height: 100vh; display: flex; flex-direction: column; }
main { flex: 1 0 auto; }        /* content grows */
footer { margin-top: 0 !important; }  /* ensure no extra gap */html, body { height: 100%; }




.personal-best-thumb {
  max-height: 100px;
  width: auto;
  display: block;
  margin: 0 auto;
  object-fit: contain;
}

#map {
  width: 100% !important;
  height: 500px !important;
}

.ios-safe-top {
  padding-top: env(safe-area-inset-top);
}

/* keep navbar normal; don't double-pad it */
.ios-safe-top .navbar {
  padding-top: .5rem;
  /* Bootstrap-ish default */
  padding-bottom: .5rem;
}