.text-primary,
.text-primary:hover, .text-primary-400, .text-primary-800 , .btn-link  {
  color: #0a6b74 !important;
}

.bg-primary,
.bg-primary:hover {
  background-color: #0a6b74 !important;
}

.btn-primary,
.btn-primary:hover, .form-check-input:checked {
  background-color: #0a6b74 !important;
  border-color: #0a6b74 !important;
}

.badge-primary,
.badge-primary:hover {
  background-color: #0a6b74 !important;
}

.progress-bar-primary {
  background-color: #0a6b74 !important;
}

.list-group-item-primary,
.list-group-item-primary:hover,
.list-group-item-primary:focus {
  background-color: #0a6b74 !important;
  border-color: #0a6b74 !important;
}

.table-primary,
.table-primary > th,
.table-primary > td,
.table-primary:hover,
.table-primary:hover > th,
.table-primary:hover > td {
  background-color: #0a6b74 !important;
}

.text-primary-50 {
  color: rgba(7, 54, 60, 0.5) !important;
}

.text-primary-100 {
  color: rgba(7, 54, 60, 0.25) !important;
}

.text-primary-200 {
  color: rgba(7, 54, 60, 0.5) !important;
}

.text-primary-300 {
  color: rgba(7, 54, 60, 0.75) !important;
}


.text-primary-500 {
  color: rgba(7, 54, 60, 0.25) !important;
}

.text-primary-600 {
  color: rgba(7, 54, 60, 0.5) !important;
}

.text-primary-700 {
  color: rgba(7, 54, 60, 0.75) !important;
}

.text-primary-900 {
  color: rgba(7, 54, 60, 0.25) !important;
}

.text-center {
  display: flex;
  flex-direction: column;
  align-items: center;    /* horizontal */
  justify-content: center; /* vertical (if you give the container a height) */
  text-align: center;      /* still center any wrapped text */
}

/* Global fix: all buttons render icon + text on the same line.
   Loaded after bootstrap.min.css and style.css so this wins.
   Bootstrap sets .btn { display: inline-block }, which combined with
   Iconify's block-level <svg> output causes the icon to drop onto its
   own line. Forcing inline-flex keeps them in a row. */
.btn,
button.btn,
a.btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
}

.btn svg,
button.btn svg,
a.btn svg {
  flex-shrink: 0;
}