﻿/* ========= CUSTOM BUTTON STYLES - DARK BLUE THEME ========= */

/* Navbar Brand Logo Icon */
.navbar-default .navbar-brand .fa {
  color: #1565d8 !important;
}

/* Header Icons (Phone, Calendar, Email) */
header span i {
  color: #1565d8 !important;
}

/* Section Buttons (Hero and CTA buttons) */
.section-btn {
  background-color: #1565d8 !important;
  border-color: #0d52b5 !important;
  color: #ffffff !important;
}

.section-btn:hover {
  background-color: #1158c7 !important;
  border-color: #0d52b5 !important;
  color: #ffffff !important;
}

/* Appointment Navigation Button */
.navbar-default .navbar-nav li.appointment-btn a {
  background-color: #1565d8 !important;
  border-color: #0d52b5 !important;
  color: #ffffff !important;
}

.navbar-default .navbar-nav li.appointment-btn a:hover {
  background-color: #1158c7 !important;
  border-color: #0d52b5 !important;
  color: #ffffff !important;
}

/* Appointment specific button */
#appointment button#cf-submit {
  background-color: #1565d8 !important;
  border-color: #0d52b5 !important;
  color: #ffffff !important;
}

#appointment button#cf-submit:hover {
  background-color: #1158c7 !important;
  border-color: #0d52b5 !important;
  color: #ffffff !important;
}

/* Primary Buttons */
.btn-primary {
  background-color: #1565d8 !important;
  border-color: #0d52b5 !important;
  color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-color: #1158c7 !important;
  border-color: #0d52b5 !important;
  color: #ffffff !important;
}

.btn-primary:disabled,
.btn-primary[disabled] {
  background-color: #0f4aa0 !important;
  border-color: #0a3d8f !important;
}

/* Success Buttons (Change to dark blue) */
.btn-success {
  background-color: #1565d8 !important;
  border-color: #0d52b5 !important;
  color: #ffffff !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-color: #1158c7 !important;
  border-color: #0d52b5 !important;
  color: #ffffff !important;
}

/* Info Buttons */
.btn-info {
  background-color: #1565d8 !important;
  border-color: #0d52b5 !important;
  color: #ffffff !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-color: #1158c7 !important;
  border-color: #0d52b5 !important;
  color: #ffffff !important;
}

/* Warning Buttons */
.btn-warning {
  background-color: #0f4aa0 !important;
  border-color: #0a3d8f !important;
  color: #ffffff !important;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-color: #1158c7 !important;
  border-color: #0d52b5 !important;
  color: #ffffff !important;
  text-decoration: none;
}

/* Generic Button Styles */
.btn {
  transition: all 0.3s ease;
}

.btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(139, 158, 233, 0.3);
}

/* Form Buttons */
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  background-color: #0f4aa0 !important;
  border-color: #0a3d8f !important;
  color: #ffffff !important;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
  background-color: #1158c7 !important;
  border-color: #0d52b5 !important;
}

/* Links that look like buttons */
a.btn,
a.button {
  color: #ffffff !important;
  text-decoration: none;
}

a.btn:hover,
a.button:hover {
  color: #ffffff !important;
}

/* Badge colors */
.label-primary {
  background-color: #0f4aa0 !important;
}

.badge-primary {
  background-color: #0f4aa0 !important;
}

/* Alert buttons */
.alert .btn-primary {
  background-color: #0f4aa0 !important;
  border-color: #0a3d8f !important;
}

.alert .btn-primary:hover {
  background-color: #1158c7 !important;
  border-color: #0d52b5 !important;
}

/* Modal buttons */
.modal-header .close {
  color: #162c83;
}

.modal-footer .btn-primary {
  background-color: #0f4aa0 !important;
  border-color: #0a3d8f !important;
}

.modal-footer .btn-primary:hover {
  background-color: #1158c7 !important;
  border-color: #0d52b5 !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-color: #4a6aeb !important;
  border-color: #2a4acc !important;
  color: #ffffff !important;
}

/* Warning Buttons */
.btn-warning {
  background-color: #0066cc !important;
  border-color: #0052a3 !important;
  color: #ffffff !important;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-color: #004d99 !important;
  border-color: #003366 !important;
  color: #ffffff !important;
  text-decoration: none;
}

/* Generic Button Styles */
.btn {
  transition: all 0.3s ease;
}

.btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 51, 102, 0.3);
}

/* Form Buttons */
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  background-color: #0066cc !important;
  border-color: #0052a3 !important;
  color: #ffffff !important;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
  background-color: #004d99 !important;
  border-color: #003366 !important;
}

/* Links that look like buttons */
a.btn,
a.button {
  color: #ffffff !important;
  text-decoration: none;
}

a.btn:hover,
a.button:hover {
  color: #ffffff !important;
}

/* Badge colors */
.label-primary {
  background-color: #0066cc !important;
}

.badge-primary {
  background-color: #0066cc !important;
}

/* Alert buttons */
.alert .btn-primary {
  background-color: #0066cc !important;
  border-color: #0052a3 !important;
}

/* Modal buttons */
.modal-header .close {
  color: #162c83;
}

.modal-footer .btn-primary {
  background-color: #0066cc !important;
  border-color: #0052a3 !important;
}

