:root {
  --brand-orange: #2563eb;
  --brand-orange-hover: #1d4ed8;
  --header-bg-accent: #1e293b;
  --table-header-bg: #2563eb;
  --switch-active-bg: #2563eb;
  --sidebar-active-bg: #2563eb;
  --wn-cobalt: #2563eb;
  --wn-cobalt-hover: #1d4ed8;
  --wn-cobalt-soft: #60a5fa;
  --wn-slate: #1e293b;
  --wn-charcoal: #0f172a;
  --wn-border: #334155;
  --wn-emerald: #10b981;
}

/* Top status and action bar */
[dir] .header-navbar.bg-danger,
[dir] nav.header-navbar.bg-danger {
  background: linear-gradient(90deg, var(--wn-slate), var(--wn-charcoal)) !important;
  border-bottom: 1px solid #334155 !important;
}

[dir] .header-navbar .custom-color,
[dir] .header-navbar .navbar-container,
[dir] .header-navbar .navbar-wrapper {
  background-color: transparent !important;
}

.header-navbar .timez {
  color: var(--wn-cobalt-soft) !important;
}

[dir] #loading-bg .effects,
[dir] #loading-bg .effect-1,
[dir] #loading-bg .effect-2,
[dir] #loading-bg .effect-3 {
  border-color: var(--wn-cobalt) !important;
  border-left-color: var(--wn-cobalt-soft) !important;
}

/* Primary actions */
[dir] .btn-primary,
[dir] .btn-primary:hover,
[dir] .btn-primary:focus,
[dir] .btn-primary:active,
[dir] .btn-info,
[dir] .btn-info:hover,
[dir] .btn-info:focus,
[dir] .btn-info:active,
[dir] .bg-info,
[dir] .badge-info {
  color: #fff !important;
  background-color: var(--wn-cobalt) !important;
  border-color: var(--wn-cobalt) !important;
  box-shadow: none !important;
}

[dir] .btn-primary:hover:not(.disabled):not(:disabled),
[dir] .btn-info:hover:not(.disabled):not(:disabled) {
  background-color: var(--wn-cobalt-hover) !important;
  border-color: var(--wn-cobalt-hover) !important;
  box-shadow: 0 8px 22px -10px rgba(37, 99, 235, .85) !important;
}

[dir] .bg-gradient-primary,
[dir] .btn-gradient-primary,
[dir] .bg-gradient-primary:hover,
[dir] .btn-gradient-primary:hover,
[dir] .bg-gradient-primary:focus,
[dir] .btn-gradient-primary:focus,
[dir] .bg-gradient-primary:active,
[dir] .btn-gradient-primary:active {
  color: #fff !important;
  background-color: var(--wn-cobalt) !important;
  background-image: linear-gradient(47deg, var(--wn-cobalt-hover), var(--wn-cobalt)) !important;
  border-color: var(--wn-cobalt) !important;
}

[dir] .btn-outline-primary,
[dir] .btn-outline-info {
  color: var(--wn-cobalt) !important;
  background: transparent !important;
  border-color: var(--wn-border) !important;
}

[dir] .btn-outline-primary:hover,
[dir] .btn-outline-info:hover {
  color: #fff !important;
  background: var(--wn-cobalt) !important;
  border-color: var(--wn-cobalt-soft) !important;
}

/* Tabs */
[dir] .nav-pills .nav-link {
  color: #475569 !important;
  background: transparent !important;
  border-color: var(--wn-border) !important;
  box-shadow: none !important;
}

[dir] .nav-pills .nav-link:hover {
  color: var(--wn-cobalt) !important;
  border-color: var(--wn-cobalt-soft) !important;
}

[dir] .nav-pills .nav-link.active,
[dir] .nav-pills .show > .nav-link {
  color: #fff !important;
  background: var(--wn-cobalt) !important;
  border-color: var(--wn-cobalt) !important;
  box-shadow: 0 7px 20px -10px rgba(37, 99, 235, .9) !important;
}

/* Sidebar navigation */
[dir] .main-menu.menu-dark .navigation > li.active > a,
[dir] .main-menu.menu-dark .navigation > li ul .active {
  color: #fff !important;
  background: linear-gradient(118deg, var(--wn-cobalt), var(--wn-cobalt-hover)) !important;
  border-left: 4px solid var(--wn-cobalt-soft) !important;
  border-radius: 4px !important;
  box-shadow: 0 8px 24px -12px rgba(37, 99, 235, .95) !important;
}

[dir=rtl] .main-menu.menu-dark .navigation > li.active > a,
[dir=rtl] .main-menu.menu-dark .navigation > li ul .active {
  border-right: 4px solid var(--wn-cobalt-soft) !important;
  border-left: 0 !important;
}

/* Section and table headers */
[dir] .card-header.bg-info,
[dir] .card-header.bg-primary,
[dir] .table-title.bg-info,
[dir] .table-title.bg-primary,
[dir] .modal-header.bg-info,
[dir] .modal-header.bg-primary {
  color: #fff !important;
  background: linear-gradient(90deg, var(--wn-slate), var(--wn-charcoal)) !important;
  border-bottom: 3px solid var(--wn-cobalt) !important;
}

[dir] .table thead th,
[dir] .table.b-table thead th {
  border-bottom-color: #cbd5e1 !important;
}

/* Switches, checkboxes, selections, pagination */
[dir] .custom-control-input:checked ~ .custom-control-label::before,
[dir] .custom-control-info .custom-control-input:checked ~ .custom-control-label::before,
[dir] .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--switch-active-bg) !important;
  border-color: var(--switch-active-bg) !important;
  box-shadow: 0 0 0 .15rem rgba(37, 99, 235, .16) !important;
}

[dir] .custom-control-success .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--wn-emerald) !important;
  border-color: var(--wn-emerald) !important;
}

[dir] .list-group-item.active,
[dir] .dropdown-item.active,
[dir] .dropdown-item:active,
[dir] .page-item.active .page-link,
[dir] .vs__selected,
[dir] .vs__dropdown-option--highlight,
[dir] .vs__dropdown-option--selected,
[dir] .b-form-tag {
  color: #fff !important;
  background-color: var(--wn-cobalt) !important;
  border-color: var(--wn-cobalt) !important;
}

.text-info,
.text-primary,
.breadcrumb-item a,
.modern-nav-toggle,
.footer a,
.dropdown-item:hover,
.dropdown-item:focus {
  color: var(--wn-cobalt) !important;
}

[dir] input:focus,
[dir] select:focus,
[dir] textarea:focus,
[dir] .form-control:focus,
[dir] .vs--open .vs__dropdown-toggle {
  border-color: var(--wn-cobalt-soft) !important;
  box-shadow: 0 0 0 .12rem rgba(37, 99, 235, .12) !important;
}

/* Remove the remaining legacy warning-orange treatment */
[dir] .btn-warning,
[dir] .badge-warning,
[dir] .bg-warning {
  color: #fff !important;
  background-color: #64748b !important;
  border-color: #64748b !important;
}

/* Bottom station player */
[dir] .footerplayer {
  color: #e2e8f0 !important;
  background: linear-gradient(90deg, var(--wn-slate), #334155) !important;
  border-top: 1px solid #475569 !important;
}

[dir] .footerplayer .btn-info,
[dir] .footerplayer .btn-primary {
  background: var(--wn-cobalt) !important;
}

.footerplayer img[src*="default_track.png"] {
  content: url("/images/_/_/_/_/public_html/resources/js/src/assets/images/players/default_track.png?v=wnetwork-cobalt-20260901") !important;
  object-fit: contain !important;
  background: var(--wn-charcoal) !important;
  border-radius: 8px !important;
}

/* Legacy inline color safeguards */
[dir] [style*="#f5692c" i],
[dir] [style*="#ff5722" i],
[dir] [style*="#ed6a5a" i],
[dir] [style*="#f97316" i],
[dir] [style*="rgb(245, 105, 44)" i] {
  border-color: var(--wn-cobalt) !important;
  color: var(--wn-cobalt) !important;
}

@media (max-width: 767.98px) {
  [dir] .header-navbar.bg-danger {
    background: var(--wn-charcoal) !important;
  }

  [dir] .footerplayer {
    background: var(--wn-slate) !important;
  }
}

/* WRADIO: remove legacy footer player */
.footerplayer, .spacediv { display: none !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; }