/* ============================================
   Index Page Specific Styles
   GeoImport.de - Index Page CSS
   ============================================ */

/* Statistics Display */
.stat-item {
  padding: 10px;
  text-align: center;
  background-color: #f8f9fa;
  border-radius: 8px;
  margin-bottom: 10px;
}

.stat-item h6 {
  margin-bottom: 5px;
  font-weight: 600;
  color: #6c757d;
}

.stat-item p {
  margin-bottom: 0;
  font-weight: bold;
}

.text-success .stat-item {
  background-color: rgba(25, 135, 84, 0.1);
}

.text-primary .stat-item {
  background-color: rgba(13, 110, 253, 0.1);
}

.text-info .stat-item {
  background-color: rgba(13, 202, 240, 0.1);
}

/* Download Box Hover Effects */
.download-box {
  transition: all 0.3s ease;
}

.download-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
}

/* Changelog Banner Styles */
#changelogBanner {
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #cfe2ff;
  border-bottom: 3px solid #0d6efd;
  color: #084298;
}

#changelogBanner .container {
  min-height: 38px;
}

#changelogBanner .btn-close {
  padding: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto 0;
  position: relative;
  top: 0;
}

@media (max-width: 992px) {
  #changelogBanner {
    margin-top: 10px;
  }
}