/* /var/www/kontobestconnect/konto.css */
/* Dodatkowe style pod Bootstrap 5.3.x (PC + mobile) */

.bc-shell {
  min-height: 100vh;
}

.bc-card {
  border-radius: 1rem;
}

.bc-topbar {
  row-gap: .5rem;
  /* zawsze jeden wiersz (nie zrzucaj prawej strony pod spód) */
  flex-wrap: nowrap;
}

/* lewa część może się zwężać, prawa ma zostać w jednym rzędzie */
.bc-topbar-left {
  min-width: 0;
  flex: 1 1 auto;
}

.bc-topbar-left .text-muted {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bc-topbar-right {
  flex: 0 0 auto;
  flex-wrap: nowrap;
  white-space: nowrap;
}

@media (max-width: 575.98px) {
  /* na bardzo wąskich ekranach zmniejsz odstępy, ale nadal trzymaj w jednym rzędzie */
  .bc-topbar-right {
    gap: .5rem !important;
  }
  .bc-topbar-right .btn {
    padding-left: .5rem;
    padding-right: .5rem;
  }
}

.bc-icon-btn {
  width: 2.4rem;
  height: 2.4rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bc-countdown #sessionCountdown {
  font-variant-numeric: tabular-nums;
  min-width: 3.2rem;
  display: inline-block;
}

.bc-module-card {
  border-radius: 1rem;
  transition: transform .08s ease-in-out;
}

.bc-module-card:hover {
  transform: translateY(-1px);
}

.bc-module-icon {
  font-size: 2.0rem;
  line-height: 1;
}

@media (max-width: 575.98px) {
  .bc-icon-btn {
    width: 2.25rem;
    height: 2.25rem;
  }
  .bc-module-icon {
    font-size: 1.75rem;
  }
}