/* Osnovni izgled cijelog sajta */
body {
  background: #0b1724;
  color: #e9ecef;
}

/* Glavni container da nije skroz od ruba do ruba na velikim ekranima */
.container {
  max-width: 1100px;
}

/* NAVBAR */
.navbar {
  background: linear-gradient(90deg, #0b1724, #12324f);
}
.navbar .navbar-brand {
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #00e676 !important;
}
.navbar .nav-link {
  color: #ced4da !important;
}
.navbar .nav-link:hover {
  color: #ffffff !important;
}

/* Hero sekcija na naslovnici */
.hero {
  background: radial-gradient(circle at top left, #00e67633, transparent 55%);
  border-radius: 1.5rem;
  padding: 2.5rem 2rem;
  margin-bottom: 2rem;
  box-shadow: 0 18px 35px rgba(0,0,0,0.55);
}
/* HERO sekcija sa plutajućim logom */
.hero-bg {
    background: linear-gradient(120deg, #0d751f, #085913);
    background-image: url('/Slike/logotip1-2.jpg');
    background-repeat: no-repeat;
    background-position: right 10% bottom 20%;
    background-size: 40%;
    /* ili: background-size: contain; */
    opacity: 0.95;     /* samo jako blago, da ne smeta tekstu */
}

/* Kartice */
.card {
  background: #121f30;
  border: 1px solid #1f2e3f;
  border-radius: 1.2rem;
}
.card-header {
  border-bottom-color: #1f2e3f;
  background: #121f30;
  font-weight: 600;
}

/* Tablice u ligama */
.table {
  color: #e9ecef;
}
.table thead {
  background: #15263a;
}
.table thead th {
  border-bottom-color: #24384f;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  --bs-table-accent-bg: #0f1b28;
}
.table-hover tbody tr:hover {
  background: #1a3048;
}

/* Badge za ligu / sezonu */
.badge-liga {
  background: #00e676;
  color: #06121f;
  font-weight: 600;
}

/* Gumbi */
.btn-success {
  background: #00c853;
  border-color: #00c853;
}
.btn-success:hover {
  background: #00e676;
  border-color: #00e676;
}
.btn-outline-success {
  color: #00e676;
  border-color: #00e676;
}
.btn-outline-success:hover {
  background: #00e676;
  color: #06121f;
}

/* Filter forma na ligama */
.filter-bar {
  background: #121f30;
  border-radius: 1.2rem;
  padding: 1rem 1.5rem;
  margin-bottom: 1rem;
  border: 1px solid #1f2e3f;
}

/* Mobilno poravnanje */
@media (max-width: 767.98px) {
  .hero {
    padding: 1.8rem 1.3rem;
  }
}