/* Bootstrap Theme Overrides */

/* Override Bootstrap's primary colors */
:root {
  --bs-primary: #1a75ff;
  --bs-primary-rgb: 26, 117, 255;
  --bs-primary-dark: #0055cc;
  --bs-secondary: #d9a5b3;
  --bs-secondary-rgb: 217, 165, 179;
  --bs-light: #f9f6fc;
  --bs-dark: #3d2e4a;
}

/* Primary button overrides */
.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--bs-primary-dark) !important;
  border-color: var(--bs-primary-dark) !important;
}

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

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

/* Background colors */
.bg-primary {
  background-color: var(--bs-primary) !important;
}

/* Text colors */
.text-primary {
  color: var(--bs-primary) !important;
}

/* Navbar overrides */
.navbar-dark.bg-primary {
  background-color: var(--bs-primary) !important;
}

/* Dropdown menu overrides */
.navbar-dark .dropdown-menu,
.navbar-dark.bg-primary .dropdown-menu {
    background-color: var(--bs-light) !important;
    border-color: rgba(var(--bs-primary-rgb), 0.2) !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}

.navbar-dark .dropdown-item,
.navbar-dark.bg-primary .dropdown-item {
    color: var(--bs-dark) !important;
}

.navbar-dark .dropdown-item:hover,
.navbar-dark.bg-primary .dropdown-item:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
    color: var(--bs-primary) !important;
}

.navbar-dark .dropdown-item.active,
.navbar-dark.bg-primary .dropdown-item.active {
    background-color: var(--bs-primary) !important;
    color: var(--bs-light) !important;
}

/* Additional dropdown styles for user menu */
.dropdown-menu-end {
    background-color: var(--bs-light) !important;
    border-color: rgba(var(--bs-primary-rgb), 0.2) !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}

.dropdown-menu-end .dropdown-item {
    color: var(--bs-dark) !important;
}

.dropdown-menu-end .dropdown-item:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
    color: var(--bs-primary) !important;
}

.dropdown-menu-end .dropdown-item.active {
    background-color: var(--bs-primary) !important;
    color: var(--bs-light) !important;
}

/* Badge overrides */
.badge.bg-primary {
  background-color: var(--bs-primary) !important;
}

/* Link colors */
a {
  color: var(--bs-primary);
}

a:hover {
  color: var(--bs-primary-dark);
}

/* Form focus states */
.form-control:focus {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}