/**
 * Iqraa theme overrides
 * Replaces Purple Admin primary/secondary with brand colors.
 */
:root {
  --color-iqraa-primary: #233f49;
  --color-iqraa-primary-dark: #172326;
  --color-iqraa-secondary: #c4b49b;
  --color-iqraa-secondary-dark: #a5947c;
  --color-iqraa-secondary-light: #faf8f5;

  /* Bootstrap/template overrides */
  --bs-primary: #233f49;
  --bs-primary-rgb: 35, 63, 73;
  --bs-btn-focus-shadow-rgb: 35, 63, 73;
  --bs-secondary: #c4b49b;
  --bs-secondary-rgb: 196, 180, 155;
  --bs-primary-text-emphasis: #0e181b;
  --bs-primary-bg-subtle: #d1d8db;
  --bs-primary-border-subtle: #6b858e;
  --bs-secondary-text-emphasis: #2b2820;
  --bs-secondary-bg-subtle: #f0ebe3;
  --bs-secondary-border-subtle: #c4b49b;
}

/* Buttons */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color: var(--color-iqraa-primary) !important;
  border-color: var(--color-iqraa-primary) !important;
}
.btn-primary:hover { filter: brightness(1.08); }
.btn-outline-primary {
  --bs-btn-color: var(--color-iqraa-primary);
  --bs-btn-border-color: var(--color-iqraa-primary);
  --bs-btn-hover-bg: var(--color-iqraa-primary);
  --bs-btn-hover-border-color: var(--color-iqraa-primary);
  --bs-btn-active-bg: var(--color-iqraa-primary);
  --bs-btn-active-border-color: var(--color-iqraa-primary);
  --bs-btn-disabled-color: var(--color-iqraa-primary);
  --bs-btn-disabled-border-color: var(--color-iqraa-primary);
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background: linear-gradient(to right, var(--color-iqraa-primary), var(--color-iqraa-primary-dark)) !important;
  border-color: var(--color-iqraa-primary) !important;
  color: #ffffff !important;
}

/* Gradient primary (page titles, cards, etc.) */
.bg-gradient-primary {
  background: linear-gradient(to right, var(--color-iqraa-primary), var(--color-iqraa-primary-dark)) !important;
}
/* Page title icon - box shadow in Iqraa primary (was purple) */
.page-title .page-title-icon {
  box-shadow: 0 3px 8.3px 0.7px rgba(35, 63, 73, 0.35) !important;
}
.badge-gradient-primary {
  background: linear-gradient(to right, var(--color-iqraa-primary), var(--color-iqraa-primary-dark));
  color: #ffffff;
}
.btn-gradient-primary,
.btn-gradient-primary:not([disabled]):not(.disabled):active,
.btn-gradient-primary:not([disabled]):not(.disabled).active,
.show > .btn-gradient-primary.dropdown-toggle {
  background: linear-gradient(to right, var(--color-iqraa-primary), var(--color-iqraa-primary-dark)) !important;
  border: 0;
  color: #ffffff;
}
.btn-gradient-primary:hover {
  opacity: 0.9;
  color: #ffffff;
}

/* Inverse primary button & card - Iqraa primary instead of purple */
.btn-inverse-primary {
  background-color: rgba(35, 63, 73, 0.2) !important;
  border-color: rgba(35, 63, 73, 0) !important;
}
.btn-inverse-primary:not(.btn-inverse-light) {
  color: var(--color-iqraa-primary) !important;
}
.btn-inverse-primary:hover {
  color: #fff !important;
  background-color: var(--color-iqraa-primary) !important;
  border-color: var(--color-iqraa-primary) !important;
}
.btn-inverse-primary.focus,
.btn-inverse-primary:focus {
  box-shadow: 0 0 0 3px rgba(35, 63, 73, 0.5) !important;
}
.btn-inverse-primary.disabled,
.btn-inverse-primary:disabled {
  color: var(--color-iqraa-primary) !important;
  background-color: transparent !important;
}
.btn-inverse-primary.active,
.btn-inverse-primary:active,
.show > .btn-inverse-primary.dropdown-toggle {
  color: #fff !important;
  background-color: var(--color-iqraa-primary) !important;
  border-color: var(--color-iqraa-primary) !important;
}
.card-inverse-primary {
  background: rgba(35, 63, 73, 0.2) !important;
  border-color: var(--color-iqraa-primary) !important;
  color: var(--color-iqraa-primary) !important;
}

/* Gradient secondary (accents) */
.bg-gradient-secondary {
  background: linear-gradient(to right, var(--color-iqraa-secondary), var(--color-iqraa-secondary-dark)) !important;
}

/* Dashboard stat cards - third variant (darker primary) */
.bg-gradient-primary-dark {
  background: linear-gradient(to right, var(--color-iqraa-primary-dark), var(--color-iqraa-primary)) !important;
}

/* Text and backgrounds that use primary */
.text-primary,
.list-wrapper .completed .remove {
  color: var(--color-iqraa-primary) !important;
}
.bg-primary {
  background-color: var(--color-iqraa-primary) !important;
}
.border-primary {
  border-color: var(--color-iqraa-primary) !important;
}
.link-primary {
  color: var(--color-iqraa-primary) !important;
}
.link-primary:hover,
.link-primary:focus {
  color: var(--color-iqraa-primary-dark) !important;
}

/* Sidebar active state - secondary-dark */
.sidebar .nav .nav-item .nav-link.active {
  color: var(--color-iqraa-secondary-dark) !important;
  background: transparent !important;
}
/* Template uses .nav-item.active > .nav-link .menu-title */
.sidebar .nav .nav-item.active > .nav-link .menu-title {
  color: var(--color-iqraa-secondary-dark) !important;
}
.sidebar .nav .nav-item.active > .nav-link i {
  color: var(--color-iqraa-secondary-dark) !important;
}

/* Sidebar inactive - primary so active (secondary-dark) stands out */
.sidebar .nav .nav-item .nav-link .menu-title {
  color: var(--color-iqraa-primary);
}
.sidebar .nav .nav-item .nav-link i.menu-icon {
  color: var(--color-iqraa-primary) !important;
}
.sidebar .nav .nav-item:hover .nav-link .menu-title,
.sidebar .nav .nav-item:hover .nav-link i.menu-icon {
  color: var(--color-iqraa-primary-dark) !important;
}

/* Sidebar active — icon and title both use secondary-dark */
.sidebar .nav .nav-item .nav-link.active i.menu-icon,
.sidebar .nav .nav-item .nav-link.active .menu-title {
  color: var(--color-iqraa-secondary-dark) !important;
}

/* Sub-menu: inactive primary, active secondary-dark */
.sidebar .nav.sub-menu .nav-item .nav-link {
  color: var(--color-iqraa-primary) !important;
}
.sidebar .nav.sub-menu .nav-item .nav-link.active {
  color: var(--color-iqraa-secondary-dark) !important;
}
.navbar-dropdown .dropdown-item .mdi.text-primary {
  color: var(--color-iqraa-primary) !important;
}

/* Content area background - light secondary tint */
.content-wrapper {
  background: var(--color-iqraa-secondary-light) !important;
}

/* Footer - match Iqraa colors */
.footer {
  background: var(--color-iqraa-secondary-light) !important;
  border-top: 1px solid var(--color-iqraa-secondary);
}
.footer a {
  color: var(--color-iqraa-primary) !important;
}
.footer a:hover {
  color: var(--color-iqraa-primary-dark) !important;
}

/* Form checkboxes & radios - Iqraa primary instead of purple */
.form-check .form-check-label input[type=checkbox] + .input-helper:before,
.form-check .form-check-label input[type=radio] + .input-helper:before {
  border-color: var(--color-iqraa-primary) !important;
}
.form-check .form-check-label input[type=checkbox]:checked + .input-helper:before,
.form-check .form-check-label input[type=radio]:checked + .input-helper:before {
  background: linear-gradient(to right, var(--color-iqraa-primary), var(--color-iqraa-primary-dark)) !important;
  border-width: 0 !important;
}
.form-check-primary.form-check .form-check-label input[type=checkbox] + .input-helper:before,
.form-check-primary.form-check .form-check-label input[type=radio] + .input-helper:before {
  border-color: var(--color-iqraa-primary) !important;
}
.form-check-primary.form-check .form-check-label input[type=checkbox]:checked + .input-helper:before,
.form-check-primary.form-check .form-check-label input[type=radio]:checked + .input-helper:before {
  background: linear-gradient(to right, var(--color-iqraa-primary), var(--color-iqraa-primary-dark)) !important;
}