@media (min-width: 992px) {
  .navbar {
    --bs-navbar-padding-y: 0;
  }
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.navbar-inverse .nav li.dropdown.open>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle {
  color: #ffffff;

  background-color: #a2b5d7;
  background-image: -moz-linear-gradient(top, #a2b5d7, #b4c3df);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a2b5d7), to(#b4c3df));
  background-image: -webkit-linear-gradient(top, #a2b5d7, #b4c3df);
  background-image: -o-linear-gradient(top, #a2b5d7, #b4c3df);
  background-image: linear-gradient(to bottom, #a2b5d7, #b4c3df);
  background-repeat: repeat-x;
}



.navbar-inverse .navbar-inner {
  background-color: #a2b5d7;
  background-image: -moz-linear-gradient(top, #a2b5d7, #b4c3df);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a2b5d7), to(#b4c3df));
  background-image: -webkit-linear-gradient(top, #a2b5d7, #b4c3df);
  background-image: -o-linear-gradient(top, #a2b5d7, #b4c3df);
  background-image: linear-gradient(to bottom, #a2b5d7, #b4c3df);
  background-repeat: repeat-x;
  border-color: #6d8ac0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666f78', endColorstr='#666678', GradientType=0);
}

.navbar-inverse .brand,
.navbar-inverse .nav>li>a {
  color: #111111;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.navbar-inverse .brand:hover,
.navbar-inverse .nav>li>a:hover,
.navbar-inverse .brand:focus,
.navbar-inverse .nav>li>a:focus {
  color: #111111;
}

.navbar-inverse .brand {
  color: #000;
}

.navbar-inverse .navbar-text {
  color: #111111;
}


.navbar-inverse .nav>li>a:focus,
.navbar-inverse .nav>li>a:hover {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .nav .active>a,
.navbar-inverse .nav .active>a:hover,
.navbar-inverse .nav .active>a:focus {
  color: #000000;
  background-color: #a2b5d7;
}

.navbar-inverse .nav li.dropdown.open>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle {
  color: #ffffff;
  background-color: #a2b5d7;
}



.loser_input {
  width: 50px;
}

@media (max-width: 979px) {

  .navbar-inverse .nav-collapse .nav>li>a:hover,
  .navbar-inverse .nav-collapse .nav>li>a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #ffffff;
  }


  .navbar-inverse .nav-collapse .nav>li>a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #1a1a1a;
  }
}


/* Restore Bootstrap 2 link styles */
a {
  color: #0088cc;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #005580;
  text-decoration: underline;
}

/* ==========================================================================
   Player Search (Navbar & Mobile)
   ========================================================================== */

.player-search-wrap {
  position: relative;
  width: 100%;
  max-width: 260px;
}

.player-search-input {
  padding-left: 2.15rem;
  padding-right: 2rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.18);
  font-size: 0.9rem;
  background-color: #ffffff;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.player-search-input:focus {
  border-color: #4a6fa5;
  box-shadow: 0 0 0 0.2rem rgba(74, 111, 165, 0.22);
}

.player-search-input::-webkit-search-decoration,
.player-search-input::-webkit-search-cancel-button,
.player-search-input::-webkit-search-results-button,
.player-search-input::-webkit-search-results-decoration {
  display: none;
}

.player-search-icon {
  position: absolute;
  left: 0.7rem;
  top: 50%;
  transform: translateY(-50%);
  color: #6c757d;
  pointer-events: none;
  display: flex;
  align-items: center;
}

.player-search-clear {
  position: absolute;
  right: 0.4rem;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  color: #6c757d;
  padding: 0.2rem 0.35rem;
  line-height: 1;
  border-radius: 0.25rem;
  display: none;
  align-items: center;
  justify-content: center;
}

.player-search-clear:hover,
.player-search-clear:focus {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.06);
}

.player-search-clear.is-visible {
  display: inline-flex;
}

.player-search-dropdown {
  position: absolute;
  top: calc(100% + 0.35rem);
  left: 0;
  right: 0;
  z-index: 1060;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
  box-shadow: 0 10px 25px rgba(16, 24, 40, 0.15), 0 2px 6px rgba(16, 24, 40, 0.08);
  max-height: 320px;
  overflow-y: auto;
  padding: 0.25rem 0;
  display: none;
}

.player-search-dropdown.is-open {
  display: block;
}

.player-search-item {
  display: block;
  padding: 0.45rem 0.85rem;
  color: #212529;
  text-decoration: none;
  font-size: 0.92rem;
  line-height: 1.35;
  cursor: pointer;
  transition: background-color 0.1s ease;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}

.player-search-item:last-child {
  border-bottom: none;
}

.player-search-item:hover,
.player-search-item:focus,
.player-search-item.is-active {
  background-color: #eef3fa;
  color: #111827;
  text-decoration: none;
}

.player-search-name {
  font-weight: 500;
  line-height: 1.25;
}

.player-search-meta {
  font-size: 0.75rem;
  color: #6c757d;
  margin-top: 0.15rem;
  line-height: 1.2;
}

.player-search-item.is-active .player-search-meta {
  color: #4b5563;
}

.player-search-match {
  font-weight: 700;
  color: #0d47a1;
}

.player-search-empty {
  padding: 0.6rem 0.85rem;
  color: #6c757d;
  font-size: 0.875rem;
}

.nav-search-toggle {
  padding: 0.35rem 0.6rem;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.375rem;
  color: rgba(0, 0, 0, 0.75);
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.nav-search-toggle:hover,
.nav-search-toggle:focus,
.nav-search-toggle[aria-expanded="true"] {
  background-color: rgba(255, 255, 255, 0.35);
  color: #000000;
}

@media (max-width: 991.98px) {
  .player-search-wrap {
    max-width: 100%;
  }

  .player-search-input {
    font-size: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .player-search-item {
    padding: 0.65rem 0.95rem;
    font-size: 0.96rem;
  }
}

/* ==========================================================================
   Result Entry, Edit & Delete Styles
   ========================================================================== */

.result-entry-wrap {
  max-width: 680px;
  margin: 0 auto;
}

.result-edit-wrap {
  max-width: 560px;
  margin: 0 auto;
}

.opponent-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 0.5rem;
}

.opponent-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  border: 1.5px solid #dee2e6;
  border-radius: 0.5rem;
  background-color: #fff;
  cursor: pointer;
  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
  user-select: none;
}

.opponent-option:hover {
  border-color: #86b7fe;
  background-color: #f8faff;
}

.opponent-option.active {
  border-color: #0d6efd;
  background-color: #eff6ff;
  box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.15);
}

.opponent-option .opp-check {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #adb5bd;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.15s ease;
}

.opponent-option.active .opp-check {
  border-color: #0d6efd;
  background-color: #0d6efd;
}

.opponent-option.active .opp-check::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
}

.score-picker-grid {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  gap: 0.35rem;
}

.score-btn {
  min-height: 46px;
  padding: 0.35rem 0;
  font-weight: 700;
  font-size: 1.05rem;
  border-radius: 0.45rem;
  border: 1.5px solid #ced4da;
  background-color: #fff;
  color: #212529;
  transition: all 0.12s ease;
  touch-action: manipulation;
}

.score-btn:hover {
  border-color: #0d6efd;
  background-color: #f0f6ff;
}

.score-btn.active {
  background-color: #0d6efd;
  border-color: #0d6efd;
  color: #fff;
  box-shadow: 0 2px 6px rgba(13, 110, 253, 0.3);
}

.scoreboard-preview {
  border-radius: 0.6rem;
  border: 1px solid #dee2e6;
  background-color: #f8f9fa;
  padding: 0.85rem 1rem;
  transition: all 0.15s ease;
}

.scoreboard-preview.state-won {
  background-color: #f0fdf4;
  border-color: #bbf7d0;
}

.scoreboard-preview.state-lost {
  background-color: #fef2f2;
  border-color: #fecaca;
}

.scoreboard-digits {
  font-size: 1.65rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.02em;
}

@media (max-width: 575.98px) {
  .opponent-grid {
    grid-template-columns: 1fr;
  }
  .score-picker-grid {
    gap: 0.25rem;
  }
  .score-btn {
    min-height: 44px;
    font-size: 1rem;
  }
}

/* ==========================================================================
   Homepage Season Progress Chart (C3 Customizations)
   ========================================================================== */

#chart .c3-area-played {
  opacity: 0.12 !important;
}

#chart .c3-line-played {
  stroke-width: 2.5px;
}

#chart .c3-line-total {
  stroke-dasharray: 4, 4;
  stroke-width: 1.5px;
}

#chart .c3-bar-daily {
  opacity: 0.65;
}

#chart .c3-bar-daily:hover {
  opacity: 0.95;
}

#chart .c3-xgrid-line.chart-today-line line {
  stroke: #64748b;
  stroke-dasharray: 3, 3;
  stroke-width: 1px;
}

#chart .c3-xgrid-line.chart-today-line text {
  fill: #64748b;
  font-weight: 500;
  font-size: 11px;
}