/* Sneat Theme Default — NS Ads Implementation */
:root {
  --bs-primary: #7B5EA7;
  --bs-primary-rgb: 123,94,167;
  --bs-body-font-family: "Open Sans", sans-serif;
  --bs-menu-box-shadow: 0 0.125rem 0.375rem 0 rgba(161,172,184,0.12);
}

/* Menu Theme */
.bg-menu-theme {
  background-color: #fff !important;
  color: #697a8d;
}
.bg-menu-theme .menu-inner > .menu-item.active > .menu-link {
  background: linear-gradient(135deg, rgba(123,94,167,0.15), rgba(200,80,192,0.08)) !important;
  color: #7B5EA7 !important;
}
.bg-menu-theme .menu-inner > .menu-item.active {
  position: relative;
}
.bg-menu-theme .menu-inner > .menu-item.active::before {
  content: '';
  position: absolute;
  right: 0;
  width: 3px;
  height: 100%;
  background: linear-gradient(135deg, #7B5EA7, #C850C0);
  border-radius: 3px 0 0 3px;
}
.bg-menu-theme .menu-link {
  color: #697a8d !important;
}
.bg-menu-theme .menu-link:hover {
  color: #7B5EA7 !important;
  background: rgba(123,94,167,0.06) !important;
}
.bg-menu-theme .menu-header {
  color: #a1acb8 !important;
}
.bg-menu-theme .menu-icon {
  color: #a1acb8 !important;
}
.bg-menu-theme .menu-item.active .menu-icon {
  color: #7B5EA7 !important;
}
.bg-menu-theme .menu-item:hover .menu-icon {
  color: #7B5EA7 !important;
}

/* Layout */
.layout-menu-fixed .layout-menu {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
}

/* Navbar theme */
.bg-navbar-theme {
  background-color: #fff !important;
  box-shadow: 0 1px 0 rgba(0,0,0,.07);
}

/* Navbar detached */
.navbar-detached {
  width: calc(100% - 1.625rem * 2);
  border-radius: 0.375rem;
  margin: 0.825rem auto 0;
}

/* Content backdrop */
.content-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(67,89,113,0.5);
  display: none;
}
.content-backdrop.show { display: block; }

/* Layout overlay */
.layout-overlay {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(67,89,113,0.5);
  z-index: 999;
  display: none;
}

/* Menu compact */
.layout-compact .menu-link {
  padding: 0.5rem 1rem !important;
}

/* Menu inner shadow */
.menu-inner-shadow {
  display: none;
  position: absolute;
  z-index: 2;
  top: 3.375rem;
  height: 3rem;
  width: 100%;
  pointer-events: none;
  background: linear-gradient(#fff 41%, rgba(255,255,255,0.11) 95%, transparent);
}

/* Perfect scrollbar */
.ps { overflow: hidden !important; overflow-anchor: none; touch-action: auto; }
.ps__rail-x, .ps__rail-y { display: none; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; }
.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; }
.ps__thumb-y { background-color: #aaa; border-radius: 6px; width: 6px; right: 2px; position: absolute; }
.ps__rail-y { width: 10px; right: 0; position: absolute; }
.ps:hover > .ps__rail-y, .ps--focus > .ps__rail-y, .ps--scrolling-y > .ps__rail-y { opacity: 0.6; }