/* Instant Pharmacy Custom Theme - Primary Color: #4bc7c9 */

:root {
  --primary-clr: #4bc7c9 !important;
  --primary-clr-2: #3ab5b7 !important;
  --base-clr: #4bc7c9 !important;
  --base-clr-2: #4bc7c9 !important;
  --theameColor: #4bc7c9 !important;
  --title-3: #4bc7c9 !important;
  --hover-clr: #3ab5b7 !important;
}

/* Primary buttons */
.btn-primary {
  background-color: #4bc7c9 !important;
  border-color: #4bc7c9 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #3ab5b7 !important;
  border-color: #3ab5b7 !important;
}

/* Navbar and sidebar */
.navbar-vertical-content {
  background: #09656b !important;
}

/* Links and active states */
.text-primary,
a.text-primary {
  color: #4bc7c9 !important;
}

.bg-primary {
  background-color: #4bc7c9 !important;
}

/* Badges */
.badge-primary {
  background-color: #4bc7c9 !important;
}

/* Border colors */
.border-primary {
  border-color: #4bc7c9 !important;
}

/* Active navigation items */
.navbar-vertical .navbar-nav.nav-tabs .active > .nav-link .text-truncate,
.navbar-vertical .navbar-nav.nav-tabs .active.nav-link .text-truncate {
  color: #ffffff !important;
}

.navbar-vertical .navbar-nav.nav-tabs .active > .nav-link i,
.navbar-vertical .navbar-nav.nav-tabs .active.nav-link i {
  color: #ffffff !important;
}

/* Hover states */
.navbar-vertical .nav-link:hover .text-truncate,
.navbar-vertical .nav-link:hover i {
  color: #ffffff !important;
}

.navbar-vertical .active > .nav-link .nav-indicator-icon,
.navbar-vertical .nav-link:hover .nav-indicator-icon {
  color: #ffffff !important;
}

/* Dashboard cards */
.dashboard--card {
  border-color: rgba(75, 199, 201, 0.2) !important;
}

/* Statistics buttons */
.statistics-btn-grp label input:checked ~ span {
  background: #4bc7c9 !important;
}

/* Form controls focus */
.form-control:focus,
.form--control:focus {
  border-color: #4bc7c9 !important;
}

/* Custom select */
.custom-select:focus {
  border-color: #4bc7c9 !important;
}

/* Dashboard content area - white background */
.main .content,
#content,
.content.container-fluid {
  background: #ffffff !important;
}

/* Ensure main content wrapper is white */
body.footer-offset {
  background: #ffffff !important;
}