/* Blue rounded button styles - must override Header.razor.css .start_free styles */
.btn-blue-round {
  display: inline-block;
  background-color: #0d6efd !important; /* Bootstrap primary blue */
  color: #ffffff !important;
  border: none !important;
  padding: 0.5rem 1.1rem !important;
  border-radius: 999px !important; /* Fully rounded pill shape */
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, transform 0.06s ease;
  box-shadow: 0 2px 6px rgba(13, 110, 253, 0.18) !important;
  white-space: nowrap;
}

.btn-blue-round:hover,
.btn-blue-round:focus {
  background-color: #0b5ed7 !important;
  box-shadow: 0 4px 10px rgba(13, 110, 253, 0.22) !important;
  outline: none;
  transform: translateY(-1px);
}

.btn-blue-round:active {
  transform: translateY(1px);
  box-shadow: 0 2px 6px rgba(13, 110, 253, 0.18) !important;
}

/* Strong override to ensure existing site styles (e.g. .start_free) do not force a rectangular button */
.start_free.btn-blue-round,
button.start_free.btn-blue-round,
a.start_free.btn-blue-round,
.navbar .start_free.btn-blue-round,
.btn-blue-round.start_free,
li .btn-blue-round.start_free {
  border-radius: 999px !important;
  background-color: #0d6efd !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 2px 6px rgba(13, 110, 253, 0.18) !important;
  padding: 0.5rem 1.1rem !important;
  background: #0d6efd !important; /* Override transparent background from Header.razor.css */
  text-decoration: none !important;
  cursor: pointer !important;
}

.start_free.btn-blue-round:hover,
button.start_free.btn-blue-round:hover,
a.start_free.btn-blue-round:hover,
.navbar .start_free.btn-blue-round:hover,
.btn-blue-round.start_free:hover {
  background-color: #0b5ed7 !important;
  box-shadow: 0 4px 10px rgba(13, 110, 253, 0.22) !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.free_form button.btn-blue-round,
.php-email-form button.btn-blue-round {
  border-radius: 999px !important;
}