/**
 * Poslik Brand Overrides
 * Brand Colors: Black #0E0F0F, Red #E40521
 * Primary: Cranberry Red #9B3A3A, Accent: Pastel Red #FF6B6B
 * Strategy: Semi-dark sidebar + Brand Red accents
 */

/* ===== BRAND COLOR VARIABLES ===== */
:root,
[data-bs-theme="light"] {
  /* Primary = Cranberry Red (replaces Vuexy purple) */
  --bs-primary: #9B3A3A;
  --bs-primary-rgb: 155, 58, 58;
  /* Danger = Brand Red */
  --bs-danger: #E40521;
  --bs-danger-rgb: 228, 5, 33;
}
[data-bs-theme="dark"] {
  --bs-primary: #9B3A3A;
  --bs-primary-rgb: 155, 58, 58;
  --bs-danger: #E40521;
  --bs-danger-rgb: 228, 5, 33;
}

/* ===== SEMIDARK SIDEBAR — Override to Brand Black ===== */
[data-semidark-menu="true"] {
  --bs-menu-bg: #0E0F0F;
  --bs-menu-bg-rgb: 14, 15, 15;
  --bs-menu-color: rgba(255, 255, 255, 0.7);
  --bs-menu-color-rgb: 255, 255, 255;
  --bs-menu-hover-bg: rgba(255, 255, 255, 0.06);
  --bs-menu-hover-color: #fff;
  --bs-menu-sub-active-bg: rgba(228, 5, 33, 0.1);
  --bs-menu-sub-active-color: #E40521;
  --bs-menu-active-color: #fff;
  --bs-menu-active-bg: #E40521;
  --bs-menu-divider-color: rgba(255, 255, 255, 0.08);
  --bs-menu-box-shadow: none;
}

/* Force sidebar background to brand black */
[data-semidark-menu="true"] .layout-menu,
[data-semidark-menu="true"] .layout-menu.bg-menu-theme {
  background-color: #0E0F0F !important;
}

/* Menu inner shadow */
[data-semidark-menu="true"] .layout-menu .menu-inner-shadow {
  background: linear-gradient(#0E0F0F 41%, rgba(14, 15, 15, 0.11) 95%, rgba(14, 15, 15, 0)) !important;
}

/* Menu item text & icons */
[data-semidark-menu="true"] .layout-menu .menu-link {
  color: rgba(255, 255, 255, 0.7) !important;
}
[data-semidark-menu="true"] .layout-menu .menu-icon {
  color: rgba(255, 255, 255, 0.5) !important;
}
[data-semidark-menu="true"] .layout-menu .menu-toggle::after {
  color: rgba(255, 255, 255, 0.5) !important;
}

/* Hover */
[data-semidark-menu="true"] .layout-menu .menu-item:not(.active):not(.open) > .menu-link:hover {
  color: #fff !important;
  background-color: rgba(255, 255, 255, 0.06) !important;
}
[data-semidark-menu="true"] .layout-menu .menu-item:not(.active):not(.open) > .menu-link:hover .menu-icon {
  color: rgba(255, 255, 255, 0.8) !important;
}

/* ===== ACTIVE ITEM — Brand Red (override purple gradient) ===== */
[data-semidark-menu="true"] .menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: #E40521 !important;
  box-shadow: 0 0.125rem 0.375rem rgba(228, 5, 33, 0.3) !important;
  color: #fff !important;
}
[data-semidark-menu="true"] .menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) .menu-icon {
  color: #fff !important;
}
[data-semidark-menu="true"] .menu-vertical .menu-item.active:not(.open) > .menu-link:not(.menu-toggle):before {
  background-color: #fff !important;
}

/* Active parent (open submenu with active child) */
[data-semidark-menu="true"] .layout-menu .menu-item.active > .menu-toggle,
[data-semidark-menu="true"] .layout-menu .menu-item.open > .menu-link {
  color: #fff !important;
  background-color: rgba(228, 5, 33, 0.12) !important;
}
[data-semidark-menu="true"] .layout-menu .menu-item.active > .menu-toggle .menu-icon,
[data-semidark-menu="true"] .layout-menu .menu-item.open > .menu-link .menu-icon {
  color: #E40521 !important;
}

/* Active sub-item */
[data-semidark-menu="true"] .layout-menu .menu-sub .menu-item.active > .menu-link {
  color: #E40521 !important;
  background-color: rgba(228, 5, 33, 0.08) !important;
}

/* Open submenu background */
[data-semidark-menu="true"] .layout-menu .menu-item.open > .menu-sub {
  background-color: rgba(0, 0, 0, 0.15);
}

/* App brand */
[data-semidark-menu="true"] .layout-menu .app-brand-text {
  color: #fff !important;
}

/* Menu header */
[data-semidark-menu="true"] .layout-menu .menu-header {
  color: rgba(255, 255, 255, 0.4) !important;
}

/* Layout menu toggle (mobile close) */
[data-semidark-menu="true"] .layout-menu .layout-menu-toggle {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Scrollbar */
[data-semidark-menu="true"] .layout-menu .ps__thumb-y {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

/* ===== USER AVATAR — Brand Red ===== */
.dropdown-user .avatar-initial.bg-label-primary {
  background-color: rgba(228, 5, 33, 0.12) !important;
  color: #E40521 !important;
}

/* ===== LOGIN PAGE ===== */
.authentication-wrapper .btn-primary {
  background-color: #E40521 !important;
  border-color: #E40521 !important;
}
.authentication-wrapper .btn-primary:hover {
  background-color: #c80420 !important;
  border-color: #c80420 !important;
}
.authentication-wrapper .form-check-input:checked {
  background-color: #E40521;
  border-color: #E40521;
}
.authentication-wrapper a {
  color: #E40521;
}

/* ===== LEGACY SIDEBAR ===== */
.app-sidebar {
  background-color: #0E0F0F !important;
}
.app-sidebar .vertical-nav-menu li a {
  color: rgba(255, 255, 255, 0.7);
}
.app-sidebar .vertical-nav-menu li a:hover {
  color: #fff;
}
.app-sidebar .vertical-nav-menu li.mm-active > a,
.app-sidebar .vertical-nav-menu li.mm-active > a i {
  color: #E40521 !important;
}
.app-sidebar .vertical-nav-menu i.metismenu-icon,
.app-sidebar .vertical-nav-menu i.metismenu-state-icon {
  color: rgba(255, 255, 255, 0.5);
}
.app-sidebar .vertical-nav-menu li.mm-active > a i.metismenu-icon,
.app-sidebar .vertical-nav-menu li.mm-active > a i.metismenu-state-icon {
  color: #E40521 !important;
}
.app-sidebar .logo-src {
  background-image: url('/assets/images/logo.png') !important;
  background-size: contain;
  background-repeat: no-repeat;
  height: 30px;
  width: 120px;
}
.app-sidebar .scrollbar-sidebar {
  background-color: #0E0F0F;
}
.app-sidebar__heading {
  color: rgba(255, 255, 255, 0.4);
}

/* ===== SIDEBAR COLLAPSED LOGO ===== */
.layout-menu-collapsed:not(.layout-menu-hover) .layout-menu .app-brand-img {
  display: none !important;
}
.layout-menu-collapsed:not(.layout-menu-hover) .layout-menu .app-brand-img-collapsed {
  display: block !important;
}
.layout-menu-collapsed:not(.layout-menu-hover) .layout-menu .app-brand-logo {
  overflow: hidden;
  width: 28px;
  flex-shrink: 0;
}
.layout-menu-collapsed:not(.layout-menu-hover) .layout-menu .app-brand {
  padding-inline-start: 1rem;
}

/* ===== STAT CARD HOVER ===== */
.card.cursor-pointer {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.card.cursor-pointer:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.25rem 1rem rgba(14, 15, 15, 0.12);
}

/* ===== PAGE TITLE ICON ===== */
.page-title-icon {
  background: rgba(228, 5, 33, 0.08);
  color: #E40521;
}

/* ===== DARK MODE ===== */
[data-bs-theme="dark"][data-semidark-menu="true"] .layout-menu {
  background-color: #0a0a0b !important;
}
[data-bs-theme="dark"][data-semidark-menu="true"] {
  --bs-menu-bg: #0a0a0b;
}