/**
 * Fila Premium Black & Gold Theme
 * --------------------------------------------------------------
 * This file intentionally loads after style.css on every page.
 * Edit the palette below to customize the theme without touching
 * the original Bootstrap/Fila component styles.
 */

:root,
[data-bs-theme="light"],
[data-bs-theme="dark"] {
  --nv-black: #080808;
  --nv-surface: #111111;
  --nv-surface-raised: #18150d;
  --nv-surface-soft: #211c10;
  --nv-gold: #d4af37;
  --nv-gold-bright: #f2d06b;
  --nv-gold-soft: #f7e5aa;
  --nv-gold-muted: #a9882b;
  --nv-text: #f8f4e8;
  --nv-text-muted: #b8af97;
  --nv-border: #332b19;
  --nv-border-strong: #5a4820;
  --nv-shadow: rgba(0, 0, 0, 0.42);

  --bs-primary: var(--nv-gold);
  --bs-primary-rgb: 212, 175, 55;
  --bs-primary-30: var(--nv-gold-bright);
  --bs-primary-30-rgb: 242, 208, 107;
  --bs-primary-40: var(--nv-surface-soft);
  --bs-primary-40-rgb: 33, 28, 16;
  --bs-primary-50: #b88922;
  --bs-primary-50-rgb: 184, 137, 34;
  --bs-primary-60: #e2c45a;
  --bs-primary-60-rgb: 226, 196, 90;
  --bs-secondary: var(--nv-gold-soft);
  --bs-secondary-rgb: 247, 229, 170;
  --bs-body-bg: var(--nv-black);
  --bs-body-bg-rgb: 8, 8, 8;
  --bs-body-color: var(--nv-text-muted);
  --bs-body-color-rgb: 184, 175, 151;
  --bs-border-color: var(--nv-border);
  --bs-border-color-rgb: 51, 43, 25;
  --bs-light: var(--nv-surface-raised);
  --bs-light-rgb: 24, 21, 13;
  --bs-dark: var(--nv-black);
  --bs-dark-rgb: 8, 8, 8;
  --bs-link-color: var(--nv-gold);
  --bs-link-color-rgb: 212, 175, 55;
  --bs-link-hover-color: var(--nv-gold-bright);
  --bs-link-hover-color-rgb: 242, 208, 107;
}

html {
  color-scheme: dark;
  background: var(--nv-black);
}

body[data-brand-theme="black-gold"],
body[data-brand-theme="black-gold"].bg-body-bg {
  min-height: 100vh;
  color: var(--nv-text-muted) !important;
  background:
    radial-gradient(circle at 82% 0%, rgba(212, 175, 55, 0.09), transparent 31rem),
    radial-gradient(circle at 16% 100%, rgba(212, 175, 55, 0.045), transparent 28rem),
    var(--nv-black) !important;
}

body[data-brand-theme="black-gold"] ::selection {
  color: #080808;
  background: var(--nv-gold);
}

body[data-brand-theme="black-gold"] a {
  color: var(--nv-text-muted);
}

body[data-brand-theme="black-gold"] a:hover,
body[data-brand-theme="black-gold"] a:focus {
  color: var(--nv-gold-bright);
}

body[data-brand-theme="black-gold"] h1,
body[data-brand-theme="black-gold"] h2,
body[data-brand-theme="black-gold"] h3,
body[data-brand-theme="black-gold"] h4,
body[data-brand-theme="black-gold"] h5,
body[data-brand-theme="black-gold"] h6,
body[data-brand-theme="black-gold"] .h1,
body[data-brand-theme="black-gold"] .h2,
body[data-brand-theme="black-gold"] .h3,
body[data-brand-theme="black-gold"] .h4,
body[data-brand-theme="black-gold"] .h5,
body[data-brand-theme="black-gold"] .h6,
body[data-brand-theme="black-gold"] .text-secondary,
body[data-brand-theme="black-gold"] .label {
  color: var(--nv-text) !important;
}

body[data-brand-theme="black-gold"] p,
body[data-brand-theme="black-gold"] li,
body[data-brand-theme="black-gold"] .text-body,
body[data-brand-theme="black-gold"] .text-muted {
  color: var(--nv-text-muted) !important;
}

body[data-brand-theme="black-gold"] .text-primary,
body[data-brand-theme="black-gold"] .link-primary,
body[data-brand-theme="black-gold"] .nav-link.active,
body[data-brand-theme="black-gold"] .dropdown-item.active {
  color: var(--nv-gold) !important;
}

body[data-brand-theme="black-gold"] .bg-body-bg,
body[data-brand-theme="black-gold"] .bg-light,
body[data-brand-theme="black-gold"] .bg-light-50,
body[data-brand-theme="black-gold"] .bg-light-60,
body[data-brand-theme="black-gold"] .bg-primary-40,
body[data-brand-theme="black-gold"] .bg-primary-subtle {
  background-color: var(--nv-surface-soft) !important;
}

body[data-brand-theme="black-gold"] .bg-white,
body[data-brand-theme="black-gold"] .card,
body[data-brand-theme="black-gold"] .modal-content,
body[data-brand-theme="black-gold"] .offcanvas,
body[data-brand-theme="black-gold"] .dropdown-menu,
body[data-brand-theme="black-gold"] .list-group-item,
body[data-brand-theme="black-gold"] .accordion-item,
body[data-brand-theme="black-gold"] .accordion-button,
body[data-brand-theme="black-gold"] .toast,
body[data-brand-theme="black-gold"] .popover,
body[data-brand-theme="black-gold"] .footer-area {
  color: var(--nv-text-muted) !important;
  background-color: var(--nv-surface) !important;
  border-color: var(--nv-border) !important;
}

body[data-brand-theme="black-gold"] .card,
body[data-brand-theme="black-gold"] .modal-content,
body[data-brand-theme="black-gold"] .dropdown-menu,
body[data-brand-theme="black-gold"] .offcanvas {
  box-shadow: 0 18px 48px var(--nv-shadow) !important;
}

body[data-brand-theme="black-gold"] .card:hover {
  border-color: rgba(212, 175, 55, 0.28) !important;
}

body[data-brand-theme="black-gold"] .sidebar-area {
  background:
    linear-gradient(180deg, rgba(212, 175, 55, 0.045), transparent 18rem),
    #0d0d0d !important;
  border-color: var(--nv-border) !important;
  box-shadow: 12px 0 36px rgba(0, 0, 0, 0.28);
}

body[data-brand-theme="black-gold"] .sidebar-area .logo {
  border-color: var(--nv-border) !important;
}

body[data-brand-theme="black-gold"] .sidebar-area .logo .logo-text {
  color: var(--nv-gold-soft) !important;
}

body[data-brand-theme="black-gold"] .menu-vertical .menu-title .menu-title-text {
  color: var(--nv-gold-muted) !important;
}

body[data-brand-theme="black-gold"] .menu-vertical .menu-item .menu-link,
body[data-brand-theme="black-gold"] .menu-vertical .menu-item .menu-link .title,
body[data-brand-theme="black-gold"] .menu-vertical .menu-item .menu-link .material-symbols-outlined,
body[data-brand-theme="black-gold"] .menu-vertical .menu-sub .menu-item .menu-link {
  color: #d7cfba !important;
}

body[data-brand-theme="black-gold"] .menu-vertical .menu-item .menu-link:hover .title,
body[data-brand-theme="black-gold"] .menu-vertical .menu-item .menu-link:hover .material-symbols-outlined,
body[data-brand-theme="black-gold"] .menu-vertical .menu-item.open > .menu-link .title,
body[data-brand-theme="black-gold"] .menu-vertical .menu-item.open > .menu-link .menu-icon,
body[data-brand-theme="black-gold"] .menu-vertical .menu-sub .menu-item .menu-link.active,
body[data-brand-theme="black-gold"] .menu-vertical .menu-sub .menu-item .menu-link.active .title,
body[data-brand-theme="black-gold"] .menu-vertical .menu-sub .menu-item .menu-link:hover {
  color: var(--nv-gold-bright) !important;
}

body[data-brand-theme="black-gold"] .menu-vertical .menu-sub .menu-item .menu-link.active,
body[data-brand-theme="black-gold"] .menu-vertical .menu-sub .menu-item .menu-link:hover {
  background: linear-gradient(90deg, rgba(212, 175, 55, 0.14), rgba(212, 175, 55, 0.035)) !important;
  box-shadow: inset 2px 0 0 var(--nv-gold);
}

body[data-brand-theme="black-gold"] .menu-vertical .menu-item .menu-link.menu-toggle::after,
body[data-brand-theme="black-gold"] .menu-vertical .menu-sub .menu-item .menu-link::before,
body[data-brand-theme="black-gold"] .for-dark-burger {
  border-color: var(--nv-gold-muted) !important;
}

body[data-brand-theme="black-gold"] .menu-vertical .menu-sub .menu-item .menu-link.active::before,
body[data-brand-theme="black-gold"] .menu-vertical .menu-sub .menu-item .menu-link:hover::before {
  background-color: var(--nv-gold) !important;
}

body[data-brand-theme="black-gold"] .menu-vertical .menu-item .menu-link .count,
body[data-brand-theme="black-gold"] .menu-vertical .menu-item .menu-link .tag {
  color: #090909 !important;
  background: linear-gradient(135deg, var(--nv-gold-bright), var(--nv-gold)) !important;
}

body[data-brand-theme="black-gold"] .header-area,
body[data-brand-theme="black-gold"] .navbar-area {
  background: rgba(13, 13, 13, 0.94) !important;
  border-color: var(--nv-border) !important;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.26) !important;
  backdrop-filter: blur(14px);
}

/*
 * backdrop-filter creates its own stacking context. Keep that context above
 * page cards so header menus are never hidden behind content on small screens.
 */
body[data-brand-theme="black-gold"] .header-area {
  position: relative;
  z-index: 1030;
  overflow: visible;
}

body[data-brand-theme="black-gold"] .header-area.sticky {
  position: sticky;
}

body[data-brand-theme="black-gold"] .header-area .dropdown-menu {
  z-index: 1040;
}

/* The off-canvas sidebar must cover the header while it is open on tablets
 * and phones. This keeps the header/profile controls from obscuring menu rows. */
@media only screen and (max-width: 1199px) {
  body[data-brand-theme="black-gold"] .sidebar-area,
  body[data-brand-theme="black-gold"][sidebar-data-theme="sidebar-hide"] .sidebar-area {
    z-index: 1050;
  }
}

body[data-brand-theme="black-gold"] .btn-primary,
body[data-brand-theme="black-gold"] .bg-primary,
body[data-brand-theme="black-gold"] .badge.bg-primary,
body[data-brand-theme="black-gold"] .page-item.active .page-link,
body[data-brand-theme="black-gold"] .progress-bar.bg-primary {
  color: #0a0906 !important;
  border-color: var(--nv-gold) !important;
  background: linear-gradient(135deg, var(--nv-gold-bright), var(--nv-gold) 58%, #a57b16) !important;
}

body[data-brand-theme="black-gold"] .btn-primary:hover,
body[data-brand-theme="black-gold"] .btn-primary:focus,
body[data-brand-theme="black-gold"] .btn-primary:active {
  color: #080808 !important;
  border-color: var(--nv-gold-bright) !important;
  background: linear-gradient(135deg, #ffe89a, var(--nv-gold-bright)) !important;
  box-shadow: 0 10px 28px rgba(212, 175, 55, 0.24) !important;
}

body[data-brand-theme="black-gold"] .btn-outline-primary {
  color: var(--nv-gold-bright) !important;
  border-color: var(--nv-gold-muted) !important;
}

body[data-brand-theme="black-gold"] .btn-outline-primary:hover,
body[data-brand-theme="black-gold"] .btn-outline-primary:focus {
  color: #080808 !important;
  border-color: var(--nv-gold) !important;
  background-color: var(--nv-gold) !important;
}

body[data-brand-theme="black-gold"] .form-control,
body[data-brand-theme="black-gold"] .form-select,
body[data-brand-theme="black-gold"] .input-group-text,
body[data-brand-theme="black-gold"] .ql-toolbar.ql-snow,
body[data-brand-theme="black-gold"] .ql-container.ql-snow {
  color: var(--nv-text) !important;
  background-color: #0d0d0d !important;
  border-color: var(--nv-border) !important;
}

body[data-brand-theme="black-gold"] .form-control::placeholder {
  color: #887f69 !important;
}

body[data-brand-theme="black-gold"] .form-control:focus,
body[data-brand-theme="black-gold"] .form-select:focus,
body[data-brand-theme="black-gold"] .form-check-input:focus {
  border-color: var(--nv-gold) !important;
  box-shadow: 0 0 0 0.2rem rgba(212, 175, 55, 0.12) !important;
}

body[data-brand-theme="black-gold"] .form-check-input:checked,
body[data-brand-theme="black-gold"] .form-range::-webkit-slider-thumb,
body[data-brand-theme="black-gold"] .form-range::-moz-range-thumb {
  border-color: var(--nv-gold) !important;
  background-color: var(--nv-gold) !important;
}

body[data-brand-theme="black-gold"] .table {
  --bs-table-color: var(--nv-text-muted);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--nv-border);
  --bs-table-striped-bg: rgba(212, 175, 55, 0.035);
  --bs-table-striped-color: var(--nv-text-muted);
  --bs-table-hover-bg: rgba(212, 175, 55, 0.075);
  --bs-table-hover-color: var(--nv-text);
  color: var(--nv-text-muted) !important;
}

body[data-brand-theme="black-gold"] .table thead th,
body[data-brand-theme="black-gold"] .table .text-secondary {
  color: var(--nv-gold-soft) !important;
}

body[data-brand-theme="black-gold"] .table > :not(caption) > * > *,
body[data-brand-theme="black-gold"] .border,
body[data-brand-theme="black-gold"] .border-top,
body[data-brand-theme="black-gold"] .border-end,
body[data-brand-theme="black-gold"] .border-bottom,
body[data-brand-theme="black-gold"] .border-start,
body[data-brand-theme="black-gold"] [class*="border-border-color"] {
  border-color: var(--nv-border) !important;
}

body[data-brand-theme="black-gold"] .dropdown-item {
  color: var(--nv-text-muted) !important;
}

body[data-brand-theme="black-gold"] .dropdown-item:hover,
body[data-brand-theme="black-gold"] .dropdown-item:focus {
  color: var(--nv-gold-bright) !important;
  background-color: rgba(212, 175, 55, 0.09) !important;
}

body[data-brand-theme="black-gold"] .nav-tabs,
body[data-brand-theme="black-gold"] .nav-tabs .nav-link,
body[data-brand-theme="black-gold"] .pagination .page-link {
  border-color: var(--nv-border) !important;
}

body[data-brand-theme="black-gold"] .nav-tabs .nav-link.active,
body[data-brand-theme="black-gold"] .pagination .page-link {
  color: var(--nv-gold-bright) !important;
  background-color: var(--nv-surface-raised) !important;
}

body[data-brand-theme="black-gold"] .pagination .page-link:hover,
body[data-brand-theme="black-gold"] .pagination .page-link:focus {
  color: #080808 !important;
  background-color: var(--nv-gold) !important;
}

body[data-brand-theme="black-gold"] .progress {
  background-color: #282112 !important;
}

body[data-brand-theme="black-gold"] .apexcharts-tooltip,
body[data-brand-theme="black-gold"] .apexcharts-xaxistooltip,
body[data-brand-theme="black-gold"] .apexcharts-menu {
  color: var(--nv-text-muted) !important;
  background: #111111 !important;
  border-color: var(--nv-border) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.45) !important;
}

body[data-brand-theme="black-gold"] .apexcharts-tooltip-title {
  background: #1b170e !important;
  border-color: var(--nv-border) !important;
}

body[data-brand-theme="black-gold"] .apexcharts-text,
body[data-brand-theme="black-gold"] .apexcharts-legend-text {
  fill: var(--nv-text-muted) !important;
  color: var(--nv-text-muted) !important;
}

body[data-brand-theme="black-gold"] .apexcharts-gridline {
  stroke: var(--nv-border) !important;
}

body[data-brand-theme="black-gold"] .fc-theme-standard td,
body[data-brand-theme="black-gold"] .fc-theme-standard th,
body[data-brand-theme="black-gold"] .fc-theme-standard .fc-scrollgrid {
  border-color: var(--nv-border) !important;
}

body[data-brand-theme="black-gold"] .fc .fc-button-primary,
body[data-brand-theme="black-gold"] .fc .fc-daygrid-day.fc-day-today {
  color: #080808 !important;
  border-color: var(--nv-gold) !important;
  background-color: var(--nv-gold) !important;
}

body[data-brand-theme="black-gold"] .alert-primary {
  --bs-alert-color: var(--nv-gold-soft);
  --bs-alert-bg: rgba(212, 175, 55, 0.1);
  --bs-alert-border-color: rgba(212, 175, 55, 0.38);
  --bs-alert-link-color: var(--nv-gold-bright);
}

body[data-brand-theme="black-gold"] .preloader,
body[data-brand-theme="black-gold"] #preloader {
  background-color: var(--nv-black) !important;
}

body[data-brand-theme="black-gold"] .preloader .waviy span {
  color: var(--nv-gold) !important;
}

body[data-brand-theme="black-gold"] .theme-settings-btn {
  color: #080808 !important;
  border: 1px solid rgba(255, 232, 154, 0.55) !important;
  box-shadow: 0 12px 30px rgba(212, 175, 55, 0.24) !important;
}

body[data-brand-theme="black-gold"] .theme-settings-btn i {
  color: #080808 !important;
}

body[data-brand-theme="black-gold"] ::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

body[data-brand-theme="black-gold"] ::-webkit-scrollbar-track {
  background: #0b0b0b;
}

body[data-brand-theme="black-gold"] ::-webkit-scrollbar-thumb {
  border: 2px solid #0b0b0b;
  border-radius: 999px;
  background: linear-gradient(var(--nv-gold-bright), #8e6a14);
}

body[data-brand-theme="black-gold"] :focus-visible {
  outline: 2px solid var(--nv-gold-bright);
  outline-offset: 3px;
}

@media print {
  body[data-brand-theme="black-gold"] {
    color: #111 !important;
    background: #fff !important;
  }

  body[data-brand-theme="black-gold"] .card,
  body[data-brand-theme="black-gold"] .table,
  body[data-brand-theme="black-gold"] .bg-white {
    color: #111 !important;
    background: #fff !important;
    border-color: #bbb !important;
    box-shadow: none !important;
  }
}