/* nbsplogin - Bootstrap Compatible Stylesheet */

/* Provider-specific styling for buttons */

/* GitHub styling */
.btn-outline-primary[href*="github"] {
  color: #333;
  border-color: #333;
}
.btn-outline-primary[href*="github"]:hover {
  background-color: #333;
  border-color: #333;
  color: #fff;
}

/* Google styling */
.btn-outline-primary[href*="google"] {
  color: #4285F4;
  border-color: #4285F4;
}
.btn-outline-primary[href*="google"]:hover {
  background-color: #4285F4;
  border-color: #4285F4;
  color: #fff;
}

/* Chaotikum styling */
.btn-outline-primary[href*="chaotikum"] {
  color: #6200ea;
  border-color: #6200ea;
}
.btn-outline-primary[href*="chaotikum"]:hover {
  background-color: #6200ea;
  border-color: #6200ea;
  color: #fff;
}

/* Mastodon styling */
.btn-outline-primary[href*="mastodon"] {
  color: #6364FF;
  border-color: #6364FF;
}
.btn-outline-primary[href*="mastodon"]:hover {
  background-color: #6364FF;
  border-color: #6364FF;
  color: #fff;
}

/* Default provider styling */
.btn-outline-primary {
  border-width: 2px;
}

/* Custom styling for login page */
.login-container {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/* Error styling */
.login-error {
  margin-top: 1rem;
}

/* Center content vertically */
.container {
  margin-top: 3rem;
}

/* Custom card styling */
.card {
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s;
}

.card:hover {
  transform: translateY(-5px);
}

/* Add space between icon and text */
.btn i {
  margin-right: 8px;
}

/* Error page styling */
.error-container {
  text-align: center;
  margin-top: 3rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .container {
    padding: 15px;
  }
}