/* Hanout Pro brand layer
   Brand colors: Orange #c47a2c | Dark Purple #24162f
   This file is intentionally loaded after the vendor theme stylesheet. */
:root {
  --hp-orange: #c47a2c;
  --hp-orange-rgb: 196, 122, 44;
  --hp-purple: #24162f;
  --hp-purple-rgb: 36, 22, 47;
  --bs-primary: var(--hp-orange);
  --bs-primary-rgb: var(--hp-orange-rgb);
  --bs-secondary: var(--hp-purple);
  --bs-secondary-rgb: var(--hp-purple-rgb);
  --bs-link-color: var(--hp-purple);
  --bs-link-hover-color: var(--hp-orange);
  --bs-border-color: rgba(var(--hp-purple-rgb), .14);
  --bs-body-color: var(--hp-purple);
  --bs-body-bg: #ffffff;
  --bs-heading-color: var(--hp-purple);
  --bs-primary-bg-subtle: rgba(var(--hp-orange-rgb), .12);
  --bs-secondary-bg-subtle: rgba(var(--hp-purple-rgb), .10);
  --bs-success-bg-subtle: rgba(var(--hp-orange-rgb), .12);
  --bs-warning-bg-subtle: rgba(var(--hp-orange-rgb), .12);
  --bs-danger-bg-subtle: rgba(var(--hp-purple-rgb), .10);
  --bs-info-bg-subtle: rgba(var(--hp-purple-rgb), .10);
}

html[data-bs-theme="dark"] {
  --bs-body-color: #ffffff;
  --bs-body-bg: var(--hp-purple);
  --bs-heading-color: #ffffff;
  --bs-border-color: rgba(255, 255, 255, .16);
  --bs-primary-bg-subtle: rgba(var(--hp-orange-rgb), .22);
  --bs-secondary-bg-subtle: rgba(255, 255, 255, .10);
}

html,
body {
  background: var(--bs-body-bg) !important;
  color: var(--bs-body-color) !important;
}

body {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a {
  color: var(--hp-purple);
}

a:hover,
a:focus {
  color: var(--hp-orange);
}

/* Brand shell */
.left-sidebar,
.sidebar-nav,
.brand-logo,
html[data-bs-theme="dark"] .left-sidebar {
  background: var(--hp-purple) !important;
}

.left-sidebar {
  border-right: 1px solid rgba(255, 255, 255, .10) !important;
}

.brand-logo {
  min-height: 76px;
  padding: 14px 20px;
}

.logo-img img,
.brand-logo img {
  object-fit: contain;
  max-height: 58px;
  width: auto !important;
  max-width: 170px;
  border-radius: 14px !important;
}

.sidebar-nav #sidebarnav .nav-small-cap,
.sidebar-nav #sidebarnav .nav-small-cap-icon,
.sidebar-nav #sidebarnav .hide-menu {
  color: rgba(255, 255, 255, .70) !important;
}

.sidebar-link {
  color: rgba(255, 255, 255, .82) !important;
  border-radius: 12px !important;
  margin: 3px 12px;
  transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.sidebar-link .ti {
  color: var(--hp-orange) !important;
}

.sidebar-link:hover,
.sidebar-link.active {
  background: var(--hp-orange) !important;
  color: #ffffff !important;
  transform: translateX(2px);
}

.sidebar-link:hover .ti,
.sidebar-link.active .ti {
  color: #ffffff !important;
}

.topbar {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(var(--hp-purple-rgb), .10) !important;
}

html[data-bs-theme="dark"] .topbar {
  background: var(--hp-purple) !important;
  border-bottom-color: rgba(255, 255, 255, .12) !important;
}

.body-wrapper {
  background: rgba(var(--hp-purple-rgb), .035) !important;
}

/* Typography and surfaces */
.card,
.dropdown-menu,
.modal-content,
.offcanvas,
.toast,
.accordion-item,
.list-group-item {
  border-color: rgba(var(--hp-purple-rgb), .12) !important;
  box-shadow: 0 12px 28px rgba(var(--hp-purple-rgb), .07) !important;
}

.card,
.modal-content,
.offcanvas,
.dropdown-menu,
.toast {
  border-radius: 16px !important;
}

.card-title,
h1, h2, h3, h4, h5, h6,
.text-dark,
.text-body,
.text-muted {
  color: var(--bs-heading-color) !important;
}

html[data-bs-theme="dark"] .card,
html[data-bs-theme="dark"] .dropdown-menu,
html[data-bs-theme="dark"] .modal-content,
html[data-bs-theme="dark"] .offcanvas,
html[data-bs-theme="dark"] .list-group-item,
html[data-bs-theme="dark"] .table {
  background: rgba(36, 22, 47, .96) !important;
  color: #ffffff !important;
}

/* Controls */
.btn,
.form-control,
.form-select,
.input-group-text,
.page-link {
  border-radius: 10px !important;
}

.btn-primary,
.btn-success,
.btn-warning,
.bg-primary,
.bg-success,
.bg-warning,
.badge.text-bg-primary,
.badge.text-bg-success,
.badge.text-bg-warning,
.alert-success,
.alert-warning,
.toast.text-bg-success,
.toast.text-bg-warning {
  --bs-btn-bg: var(--hp-orange);
  --bs-btn-border-color: var(--hp-orange);
  --bs-btn-hover-bg: var(--hp-purple);
  --bs-btn-hover-border-color: var(--hp-purple);
  background-color: var(--hp-orange) !important;
  border-color: var(--hp-orange) !important;
  color: #ffffff !important;
}

.btn-secondary,
.btn-danger,
.btn-info,
.bg-secondary,
.bg-danger,
.bg-info,
.badge.text-bg-secondary,
.badge.text-bg-danger,
.badge.text-bg-info,
.alert-danger,
.alert-info,
.toast.text-bg-danger,
.toast.text-bg-info {
  --bs-btn-bg: var(--hp-purple);
  --bs-btn-border-color: var(--hp-purple);
  --bs-btn-hover-bg: var(--hp-orange);
  --bs-btn-hover-border-color: var(--hp-orange);
  background-color: var(--hp-purple) !important;
  border-color: var(--hp-purple) !important;
  color: #ffffff !important;
}

.btn-primary:hover,
.btn-success:hover,
.btn-warning:hover,
.btn-secondary:hover,
.btn-danger:hover,
.btn-info:hover {
  color: #ffffff !important;
  filter: brightness(.94);
}

.btn-outline-primary,
.btn-outline-success,
.btn-outline-warning,
.btn-outline-secondary,
.btn-outline-danger,
.btn-outline-info {
  color: var(--hp-purple) !important;
  border-color: var(--hp-orange) !important;
}

.btn-outline-primary:hover,
.btn-outline-success:hover,
.btn-outline-warning:hover,
.btn-outline-secondary:hover,
.btn-outline-danger:hover,
.btn-outline-info:hover,
.btn-check:checked + .btn-outline-primary {
  background: var(--hp-orange) !important;
  border-color: var(--hp-orange) !important;
  color: #ffffff !important;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border-color: var(--hp-orange) !important;
  box-shadow: 0 0 0 .2rem rgba(var(--hp-orange-rgb), .18) !important;
}

.form-check-input:checked {
  background-color: var(--hp-orange) !important;
  border-color: var(--hp-orange) !important;
}

/* Utility classes emitted by the original template */
.text-primary,
.text-success,
.text-warning,
.text-info {
  color: var(--hp-orange) !important;
}

.text-secondary,
.text-danger,
.text-dark {
  color: var(--hp-purple) !important;
}

.bg-primary-subtle,
.bg-success-subtle,
.bg-warning-subtle {
  background-color: rgba(var(--hp-orange-rgb), .12) !important;
}

.bg-secondary-subtle,
.bg-danger-subtle,
.bg-info-subtle {
  background-color: rgba(var(--hp-purple-rgb), .10) !important;
}

/* Navigation, tables, pagination, and status states */
.nav-tabs .nav-link.active,
.nav-pills .nav-link.active,
.page-item.active .page-link {
  background: var(--hp-orange) !important;
  border-color: var(--hp-orange) !important;
  color: #ffffff !important;
}

.nav-tabs .nav-link,
.nav-pills .nav-link,
.page-link {
  color: var(--hp-purple) !important;
}

.table thead th {
  background: var(--hp-purple) !important;
  color: #ffffff !important;
  border-color: var(--hp-purple) !important;
}

.table tbody tr:hover {
  background: rgba(var(--hp-orange-rgb), .08) !important;
}

.table td,
.table th {
  border-color: rgba(var(--hp-purple-rgb), .10) !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
  background: rgba(var(--hp-orange-rgb), .12) !important;
  color: var(--hp-purple) !important;
}

.spinner-border {
  color: var(--hp-orange) !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
}

.customizer-btn {
  background: var(--hp-orange) !important;
  border-color: var(--hp-orange) !important;
}

.customizer-box label.btn:hover,
.customizer-box .btn-check:checked + .btn {
  color: var(--hp-orange) !important;
  border-color: var(--hp-orange) !important;
}

/* Login and entry screen */
.radial-gradient {
  background: linear-gradient(135deg, var(--hp-purple) 0%, var(--hp-purple) 55%, var(--hp-orange) 100%) !important;
}

.authentication-login {
  background: #ffffff !important;
}

.authentication-login h2,
.authentication-login .form-label {
  color: var(--hp-purple) !important;
}

.authentication-login .form-control {
  border-color: rgba(var(--hp-purple-rgb), .20) !important;
}

.authentication-login .btn-primary {
  background: var(--hp-orange) !important;
  border-color: var(--hp-orange) !important;
}

.preloader {
  background: #ffffff !important;
}

html[data-bs-theme="dark"] .preloader {
  background: var(--hp-purple) !important;
}

/* Dashboard KPI cards */
.stat-card {
  border-top: 4px solid var(--hp-orange) !important;
  background: #ffffff !important;
}

.stat-card:nth-child(even) {
  border-top-color: var(--hp-purple) !important;
}

html[data-bs-theme="dark"] .stat-card {
  background: rgba(36, 22, 47, .96) !important;
}

/* Remove legacy theme accents from chart canvases and media framing. */
img[src*="logo"],
img[src*="pos.jpg"] {
  border-radius: 14px;
}

::selection {
  background: var(--hp-orange);
  color: #ffffff;
}

@media (max-width: 1199.98px) {
  .left-sidebar {
    background: var(--hp-purple) !important;
  }
}