.location-text {
  font-size: 0.85em;
  color: #777;
  margin-top: 4px;
}

.ranking-intro {
  max-width: 900px;
  margin: 15px auto 10px;
  text-align: center;
}

.ranking-intro h1 {
  font-size: 2em;
  margin-bottom: 10px;
  color: #2271B3;
}

.ranking-intro p {
  color: #666;
  line-height: 1.6;
  margin-bottom: 10px;
}

.ranking-filters {
  max-width: 900px;
  margin: 10px auto;
  display: flex;
  gap: 10px;
  justify-content: center;
}

.ranking-filters select,
.ranking-filters button {
  padding: 10px;
  border-radius: 22px;
  border: 1px solid #ddd;
}

.ranking-filters button {
  background: #82BE21;
  color: white;
  border: none;
  cursor: pointer;
}

.ranking-header {
  max-width: 900px;
  margin: 30px auto 15px;
  text-align: center;
}

.ranking-header h1 {
  font-size: 2em;
  color: #222;
  margin-bottom: 8px;
}

.ranking-header p {
  color: #666;
  font-size: 1em;
}

.ranking-search {
  max-width: 900px;
  margin: 20px auto;
  display: flex;
  gap: 10px;
  background: #fff;
  padding: 15px;
  border-radius: 22px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  align-items: center;
}

.ranking-search input,
.ranking-search select {
  padding: 12px;
  border-radius: 22px;
  border: 1px solid #ddd;
  font-size: 0.95em;
  flex: 1;
}

.ranking-search select {
  flex: 0 0 160px;
}

.ranking-search button {
  background: #82BE21;
  color: white;
  border: none;
  padding: 12px 18px;
  border-radius: 22px;
  cursor: pointer;
  font-weight: 600;
}

.ranking-search button:hover {
  background: #6fa61b;
}

/* mobile */
@media (max-width: 768px) {
  .ranking-search {
    flex-direction: column;
  }

  .ranking-search select,
  .ranking-search input,
  .ranking-search button {
    width: 100%;
  }
}

.card-image{
  position:relative;
}

.hub-score-badge{
  position:absolute;
  top:12px;
  right:12px;
  background:#82BE21; /* EurocampHub green */
  color:#fff;
  padding:8px 12px;
  border-radius:22px;
  min-width:92px;
  text-align:center;
  box-shadow:0 4px 10px rgba(0,0,0,0.22);
  border:2px solid rgba(255,255,255,0.95);
  line-height:1.1;
}

.hub-score-badge .label{
  display:block;
  font-size:0.62em;
  font-weight:700;
  letter-spacing:0.8px;
  opacity:0.95;
  margin-bottom:4px;
}

.hub-score-badge .score{
  display:block;
  font-size:1.35em;
  font-weight:800;
}