/* Theme Override - Primary Color Customization */
:root {
  --primary: #d2ad61; /* Modern blue primary color */
  --secondary: #1d2128;
}

/* Ensure key utilities match the new primary color */
.btn-primary,
.bg-primary {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.text-primary {
  color: var(--primary) !important;
}

.btn-outline-primary {
  color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.btn-outline-primary:hover {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

a.text-primary:hover {
  color: var(--primary) !important;
}

/* Additional primary color utilities */
.border-primary {
  border-color: var(--primary) !important;
}

.badge-primary {
  background-color: var(--primary) !important;
}

.progress-bar-primary {
  background-color: var(--primary) !important;
}

/* Focus states */
.btn-primary:focus,
.btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(14, 165, 233, 0.25) !important;
}

.form-control:focus {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 0.2rem rgba(14, 165, 233, 0.25) !important;
}

/* Custom checkbox and radio primary colors */
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(14, 165, 233, 0.25) !important;
}

.navbar-custom{
  background-color: #38414a;
  box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
  padding: 0 10px 0 0;
  position: fixed;
  left: 0;
  right: 0;
  height: 70px;
  z-index: 1001;
}

.mobile-user-image {
  height: 50px !important;
  width: 50px !important;
}