/* ============================================================
   Orange Theme Override
   Primary: #f26522  (برتقالي)
   Secondary: #ffffff (أبيض)
   RGB: 242, 101, 34
   ============================================================ */

:root,
[data-bs-theme=light] {
  --bs-primary: #f26522;
  --bs-primary-rgb: 242, 101, 34;
  --bs-purple: #f26522;
  --bs-purple-rgb: 242, 101, 34;
  --bs-primary-text-emphasis: #7a2d0d;
  --bs-primary-bg-subtle: #fde8d8;
  --bs-primary-border-subtle: #f9b48a;
  --bs-link-color: #f26522;
  --bs-link-hover-color: #c95018;
  --bs-menu-item-active-color: #f26522;

  /* Sidebar white */
  --bs-sidebar-bg: #ffffff;
  --bs-sidebar-border-color: #f0f0f0;
  --bs-sidebar-menu-item-color: #6c757d;
  --bs-sidebar-menu-sub-item-color: #6c757d;
  --bs-sidebar-menu-item-icon-color: #adb5bd;
  --bs-sidebar-menu-item-hover-color: #f26522;
  --bs-sidebar-menu-item-active-color: #f26522;
  --bs-sidebar-menu-sub-item-active-color: #f26522;
  --bs-sidebar-menu-item-active-bg-color: rgba(242, 101, 34, 0.08);
  --bs-navbar-brand-box-bg: #ffffff;
}

/* ---- Sidebar background white ---- */
.vertical-menu {
  background: #ffffff !important;
  border-right: 1px solid #f0f0f0;
}

/* Logo box أبيض — ليظهر لوغو SufraGo بألوانه الرسمية (Sufra نافي + Go برتقالي) */
.navbar-brand-box {
  background: #ffffff !important;
  border-bottom: 1px solid #f0f0f0;
}

/* Menu items */
.vertical-menu #sidebar-menu ul li a {
  color: #6c757d !important;
}

.vertical-menu #sidebar-menu ul li a i {
  color: #adb5bd !important;
}

/* Hover */
.vertical-menu #sidebar-menu ul li a:hover {
  color: #f26522 !important;
}

.vertical-menu #sidebar-menu ul li a:hover i {
  color: #f26522 !important;
}

/* Active item */
.vertical-menu #sidebar-menu ul li a.active,
.vertical-menu #sidebar-menu ul li.mm-active > a {
  color: #f26522 !important;
  background-color: rgba(242, 101, 34, 0.08) !important;
}

.vertical-menu #sidebar-menu ul li a.active i,
.vertical-menu #sidebar-menu ul li.mm-active > a > i {
  color: #f26522 !important;
}

/* Menu title */
.vertical-menu #sidebar-menu .menu-title {
  color: #adb5bd !important;
}

/* Simplebar scrollbar */
.vertical-menu .simplebar-scrollbar::before {
  background: rgba(242, 101, 34, 0.3);
}

/* Sub-menu */
.vertical-menu #sidebar-menu ul li ul.sub-menu li a {
  color: #6c757d !important;
}

.vertical-menu #sidebar-menu ul li ul.sub-menu li a:hover,
.vertical-menu #sidebar-menu ul li ul.sub-menu li a.active {
  color: #f26522 !important;
}

/* Buttons */
.btn-primary {
  --bs-btn-bg: #f26522;
  --bs-btn-border-color: #f26522;
  --bs-btn-hover-bg: #c95018;
  --bs-btn-hover-border-color: #c95018;
  --bs-btn-active-bg: #b84615;
  --bs-btn-active-border-color: #b84615;
  --bs-btn-disabled-bg: #f26522;
  --bs-btn-disabled-border-color: #f26522;
  --bs-btn-focus-shadow-rgb: 242, 101, 34;
}

/*
  Direct property override using combined selector (.btn.btn-primary)
  for higher specificity than Bootstrap's .btn rule — this is the
  bulletproof fix that overrides var(--bs-btn-bg) regardless of cascade.
*/
.btn.btn-primary {
  background-color: #f26522 !important;
  border-color: #f26522 !important;
  color: #fff !important;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary.active,
.show > .btn.btn-primary.dropdown-toggle {
  background-color: #c95018 !important;
  border-color: #c95018 !important;
  color: #fff !important;
}

.btn.btn-primary:disabled,
.btn.btn-primary.disabled {
  background-color: #f26522 !important;
  border-color: #f26522 !important;
}

.btn-soft-primary {
  color: #f26522 !important;
  background-color: rgba(242, 101, 34, 0.1) !important;
  border-color: transparent !important;
}

.btn-soft-primary:hover {
  background-color: rgba(242, 101, 34, 0.2) !important;
}

.btn-outline-primary {
  --bs-btn-color: #f26522 !important;
  --bs-btn-border-color: #f26522 !important;
  --bs-btn-hover-bg: #f26522 !important;
  --bs-btn-hover-border-color: #f26522 !important;
  --bs-btn-active-bg: #c95018 !important;
  --bs-btn-active-border-color: #c95018 !important;
  color: #f26522 !important;
  border-color: #f26522 !important;
}

.btn-outline-primary:hover {
  background-color: #f26522 !important;
  border-color: #f26522 !important;
  color: #fff !important;
}

.btn-link {
  color: #f26522 !important;
}

.btn-link:hover {
  color: #c95018 !important;
}

/* Badge */
.bg-primary {
  background-color: #f26522 !important;
}

.text-primary {
  color: #f26522 !important;
}

/* Subtle backgrounds */
.bg-primary-subtle {
  background-color: rgba(242, 101, 34, 0.12) !important;
}

/* Borders */
.border-primary {
  border-color: #f26522 !important;
}

/* Progress bar */
.progress-bar.bg-primary,
.progress-bar {
  background-color: #f26522 !important;
}

/* Topbar colored */
[data-topbar=colored] {
  --bs-header-colored-bg: #f26522;
}

/* Noti dot color */
.noti-dot {
  background-color: #f26522 !important;
}

/* Focus ring */
.form-control:focus,
.form-select:focus {
  border-color: rgba(242, 101, 34, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(242, 101, 34, 0.15);
}

/* Pagination */
.page-item.active .page-link {
  background-color: #f26522 !important;
  border-color: #f26522 !important;
}

.page-link {
  color: #f26522 !important;
}

/* Nav tabs active */
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #f26522 !important;
  border-bottom-color: #f26522 !important;
}

/* ---- Kill all blue — no blue in this project ---- */

/* Override Bootstrap info (cyan/blue) → orange */
:root,
[data-bs-theme=light] {
  --bs-info: #f26522;
  --bs-info-rgb: 242, 101, 34;
  --bs-info-text-emphasis: #7a2d0d;
  --bs-info-bg-subtle: #fde8d8;
  --bs-info-border-subtle: #f9b48a;
  --bs-link-color-rgb: 242, 101, 34;
}

.bg-info {
  background-color: #f26522 !important;
}

.text-info {
  color: #f26522 !important;
}

.btn-info {
  --bs-btn-bg: #f26522;
  --bs-btn-border-color: #f26522;
  --bs-btn-hover-bg: #c95018;
  --bs-btn-hover-border-color: #c95018;
}

/* code elements — remove default blue browser link color */
code {
  color: #f26522 !important;
}

/* Links default — no blue */
a {
  color: #f26522;
}

a:hover {
  color: #c95018;
}

/* Override any lingering Bootstrap blue focus ring */
:focus-visible {
  outline-color: rgba(242, 101, 34, 0.5);
}