/* =========================================================================
   base.css — global app chrome
   Loaded on every screen. Keep this small; screen-specific rules live in
   their own file (e.g. skaters.css).
   ========================================================================= */

/* Futura — served from www/fonts, referenced as the UI base font by
   app_theme(). Plots get Futura separately via aRno's system-font
   registration, so the two stay visually consistent. */
@font-face {
  font-family: "Futura";
  src: url("../fonts/FuturaBKBT.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* A little breathing room between stacked cards */
.card {
  margin-bottom: 8px;
}

/* Clickable player names in tables: read as normal text, reveal on hover. */
.player-link {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.player-link:hover,
.player-link:focus {
  color: #00846b; /* cool_green */
  text-decoration: underline;
}

/* Logo-in-dropdown selects (logo_select()): small logo before the label,
   in both the dropdown rows (.rs-opt) and the chosen item (.rs-item). */
.rs-logo {
  width: 18px;
  height: 18px;
  margin-left: 4px;
  margin-right: 7px;
  vertical-align: middle;
  object-fit: contain;
}
/* Dropdown rows fill their own line; the selected item stays inline so
   selectize's search input doesn't wrap below it (the "two-row until you
   click" glitch). */
.rs-opt {
  display: flex;
  align-items: center;
}
.rs-item {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}

/* Underlined-tab look for bslib navset (used as more screens land) */
.nav-tabs {
  border-bottom: none;
  margin-bottom: 8px; /* room so the active underline clears the card below */
}
.nav-tabs .nav-link {
  border: none;
  padding: 6px 10px;
  color: #6c757d;
}
.nav-tabs .nav-link.active {
  color: #212529;
  border-bottom: 2px solid #449183;
  border-radius: 0;
  font-weight: 600;
}