/* Canonical theme override — all colors driven by CSS custom properties.
   Do NOT add hardcoded hex/rgb values here.
   All colors are controlled by pjActionVisual.php which injects :root CSS variables.

   Variable reference:
     --admin-primary            main brand color
     --admin-primary-dark       darkened primary (hover / active states)
     --admin-primary-light      lightened primary (soft hover)
     --admin-primary-lighter    very light tint (hover outline)
     --admin-primary-darker     very dark shade (dark text on light bg)
     --admin-on-primary         auto-contrasted text on primary bg
     --admin-accent             secondary / accent color
     --admin-sidebar            sidebar / body background
     --admin-sidebar-secondary  sidebar nav active / second-level bg
     --admin-topbar-bg          top bar background
     --admin-topbar-text        auto-contrasted text on topbar
     --admin-alert-bg           alert / info-box background tint
*/

::-webkit-scrollbar-thumb {
    background-color: var(--admin-primary, #374151);
}

.navbar-default .landing_link a:hover {
  background: var(--admin-primary, #374151) !important;
}

.navbar-default .special_link a,
.navbar-default .landing_link a,
.top-navigation .navbar-brand,
.pace .pace-progress,
.jvectormap-zoomin,
.jvectormap-zoomout,
.jvectormap-goback,
.open-small-chat,
.open-small-chat:hover,
.small-chat-box .content .chat-message.active,
.landing-page .navbar-default .navbar-brand,
.landing-page .navy-section,
.landing-page .social-icon a,
.landing-page li.pricing-title,
.table-car-availability .table > thead > tr > .day-today { background: var(--admin-primary, #374151); }

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary.active[disabled],
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active,
.btn-info,
.fc-state-active,
.fc-event,
.fc-agenda .fc-event-time,
.fc-event a,
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus,
.stream .stream-badge i.bg-primary,
.stream .stream-badge i.bg-info,
.panel-primary > .panel-heading,
.panel-info > .panel-heading {
  background-color: var(--admin-primary, #374151);
  border-color: var(--admin-primary, #374151);
}

.onoffswitch-label,
.onoffswitch-switch {
  border: 2px solid var(--admin-primary, #374151);
}

.onoffswitch-inner:after { color: #333; }
.onoffswitch-inner:before { background-color: var(--admin-primary, #374151); color: #fff; }

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.panel-primary,
.panel-info,
.payment:hover,
.form-control:focus,
.single-line:focus,
.has-success .form-control,
.has-success .form-control:focus {
  border-color: var(--admin-primary, #374151);
}

.noUi-connect {
  background: none repeat scroll 0 0 var(--admin-primary, #374151);
}

.inspinia-notify.alert-info {
  border-left: 6px solid var(--admin-primary, #374151);
}

.slick-prev:before,
.slick-next:before {
  color: var(--admin-primary, #374151) !important;
}

.dropzone {
  border: 1px dashed var(--admin-primary, #374151);
}

.agile-list li.success-element {
  border-left: 3px solid var(--admin-primary, #374151);
}

.feed-element-icon,
.landing-page .testimonials,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover,
body.mini-navbar .nav-header,
.navbar-toggle,
.label-primary,
.badge-primary,
.label-info,
.badge-info,
.toast,
.toast-success,
.toast-info,
.select2-container--default .select2-results__option--highlighted[aria-selected],
.ui-select-container.ui-select-bootstrap .ui-select-choices-row.active > a,
.navy-bg,
.bg-primary,
.lazur-bg,
.bg-info,
.progress-bar,
.progress-bar-info,
.product-price,
.sk-spinner-rotating-plane.sk-spinner,
.sk-spinner-double-bounce .sk-double-bounce1,
.sk-spinner-double-bounce .sk-double-bounce2,
.sk-spinner-wave div,
.sk-spinner-wandering-cubes .sk-cube1,
.sk-spinner-wandering-cubes .sk-cube2,
.sk-spinner-pulse.sk-spinner,
.sk-spinner-chasing-dots .sk-dot1,
.sk-spinner-chasing-dots .sk-dot2,
.sk-spinner-three-bounce div,
.sk-spinner-circle .sk-circle:before,
.sk-spinner-cube-grid .sk-cube,
.sk-spinner-wordpress.sk-spinner {
  background-color: var(--admin-primary, #374151);
}

.navbar-default .special_link a span.label,
.navbar-default .landing_link a span.label,
.top-navigation .navbar-nav .dropdown-menu > .active > a,
.top-navigation .nav > li a:hover,
.top-navigation .nav > li a:focus,
.top-navigation .nav > li.active > a,
.btn-primary.btn-outline,
.btn-success.btn-outline,
.btn-info.btn-outline,
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.open .dropdown-toggle.btn-link,
.has-success .control-label,
.forum-item.active .fa,
.forum-item.active a.forum-item-title,
.vertical-date small,
.text-navy,
.text-info,
.category-list li a .text-navy,
.category-list li a .text-primary,
.category-list li a .text-info,
.file-list li a:hover,
.faq-question,
.issue-tracker .btn-link,
.product-name:hover,
.product-name:focus,
.vote-actions a,
.vote-info a:hover,
.vote-icon.active,
.sk-spinner-fading-circle .sk-circle:before,
.landing-page span.navy,
.landing-page a.navy-link,
.landing-page .navbar-default .navbar-nav > li > a:hover,
.landing-page .navbar-default .navbar-nav > li > a:focus,
.landing-page .navbar-scroll.navbar-default .nav li a:hover,
.landing-page .features small,
.landing-page .features-icon,
.landing-page .pricing-plan .pricing-price span,
.navbar-minimalize,
a,
.device-view,
.add-field-list li .fa,
.expired-head h2,
.expired-body p,
.coming-soon p,
.chat-user,
.chat-user:hover,
.chat-user.active a { color: var(--admin-primary, #374151); }

.landing-page .navy-line {
  border-bottom: 2px solid var(--admin-primary, #374151);
}

.landing-page .navbar-default .navbar-nav > .active > a,
.landing-page .navbar-default .navbar-nav > .active > a:hover {
  border-top: 6px solid var(--admin-primary, #374151);
}

.landing-page .features .big-icon {
  color: var(--admin-primary, #374151) !important;
}

.landing-page .btn-primary {
  background-color: var(--admin-primary, #374151);
  border-color: var(--admin-primary, #374151);
}

.navbar-minimalize:hover,
.navbar-minimalize:focus,
.navbar-minimalize:active:focus { color: var(--admin-primary-lighter, rgba(55, 65, 81, 0.12)); }

.page-heading .breadcrumb a:hover { color: var(--admin-primary-dark, #374151); }

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover { background-color: var(--admin-primary-darker, #111827); border-color: var(--admin-primary-darker, #111827); }

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus { color: var(--admin-primary, #4B5563); }
a:hover { color: var(--admin-primary-dark, #374151); }

.nav.navbar-top-links a:hover { color: var(--admin-primary-dark, #374151); }

.modified-layout .fa-angle-double-right { color: var(--admin-primary, #4B5563); }

.forum-item a:hover,
.forum-item .fa { color: var(--admin-primary, #4B5563); }

.jumbotron-secondary:after { background-color: var(--admin-primary, #374151); color: #fff; }

.ct-thumbnail.active,
.ct-thumbnail:hover { border-color: var(--admin-primary, #374151); }
.ct-thumbnail-badge { background-color: var(--admin-primary, #374151); text-align: center; color: #fff; }

.label-primary[href]:focus,
.label-primary[href]:hover,
.label-primary:hover { background-color: var(--admin-primary-dark, #374151); }

.portal:hover { border-color: var(--admin-primary-light, rgba(55, 65, 81, 0.22)); }
.need-portal { border-color: var(--admin-primary, #374151); }
.need-portal:hover { background-color: var(--admin-primary, #374151); border-color: var(--admin-primary, #374151); }

.header { background-color: var(--admin-primary, #374151); }

.sweet-alert .sa-button-container .confirm { background-color: var(--admin-primary-dark, #374151) !important; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px inset !important; }
.sweet-alert .sa-button-container .confirm:hover { background-color: var(--admin-primary-dark, #374151) !important; }

.alert-info { color: var(--admin-primary, #374151); border-color: rgba(0,0,0,0.1); background-color: var(--admin-alert-bg, rgba(55,65,81,0.12)); }
.alert-info a { color: var(--admin-primary-darker, #111827); }
.alert-info a:hover { color: var(--admin-primary-dark, #374151); }

.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active,
.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active,
.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active { background-color: var(--admin-primary, #374151); }

.wizard > .actions a:focus { background-color: #fff; color: var(--admin-primary, #374151); }

.login-img-background:after {
  background: -webkit-linear-gradient(49deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, color-mix(in srgb, var(--admin-sidebar, #1D1D2D) 90%, transparent) 50.5%, color-mix(in srgb, var(--admin-sidebar, #1D1D2D) 90%, transparent) 100%);
  background: linear-gradient(to left bottom, color-mix(in srgb, var(--admin-sidebar, #1D1D2D) 90%, transparent) 0%, color-mix(in srgb, var(--admin-sidebar, #1D1D2D) 90%, transparent) 50%, rgba(255,255,255,1) 50.1%, rgba(255,255,255,1) 50%);
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active { background: var(--admin-primary-dark, #374151); color: #fff; }

.bar-top,
.nav-header,
body { background-color: var(--admin-sidebar, #1D1D2D); }

.mini-navbar .nav .nav-second-level,
ul.nav-second-level,
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus,
.nav > li.active { background-color: var(--admin-sidebar-secondary, #282938); }

.bg-completed { background-color: var(--admin-primary, #374151); border-color: var(--admin-primary, #374151); color: #fff; }
.color-completed { color: var(--admin-primary, #374151); }

/* ── Accent / Secondary ──────────────────────────────────────────────────── */

a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover { border-color: var(--admin-accent, #F9761B); }

.bar-top a:hover,
.device-view.active:hover,
.device-view.active { color: var(--admin-accent, #F9761B); }

.widget-bg { background-color: var(--admin-primary, #374151); }

.bar-top .btn-secondary { color: var(--admin-accent, #F9761B); }
.bar-top .btn-secondary:hover { color: #fff; }

.btn-secondary,
.btn-secondary:hover { border-color: var(--admin-accent, #F9761B); color: var(--admin-accent, #F9761B); }

.btn-primary.btn-outline { background: transparent; }
.btn-primary.btn-outline:hover { background-color: var(--admin-primary, #374151); color: #fff; }

a.btn-primary.btn-outline:focus,
.btn-primary.btn-outline:focus,
a.btn-primary.btn-outline:active,
.btn-primary.btn-outline:active,
a.btn-primary,
.btn-primary { color: #fff; }

.metismenu.nav > li.active {
  border-left: 6px solid var(--admin-accent, #F9761B);
}

/* ── Component backgrounds ───────────────────────────────────────────────── */

.inmodal .modal-body,
.ibox-heading { background-color: var(--admin-alert-bg, rgba(55,65,81,0.12)); }

/* ── Primary button override (use primary-dark for filled button) ─────────── */

.btn-primary { background-color: var(--admin-primary-dark, #374151); border-color: var(--admin-primary-dark, #374151); color: #FFFFFF; }

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary.active:focus { background-color: var(--admin-primary, #374151); border-color: var(--admin-primary, #374151); }

/* ── Charts, icons, typography ───────────────────────────────────────────── */

.c3-tooltip td.name > span { background-color: var(--admin-primary-dark, #374151) !important; }

.page-heading p > i,
.input-group-addon .glyphicon { color: var(--admin-primary-dark, #374151); }

.text-secondary { color: var(--admin-accent, #F9761B); }

/* ── Radio buttons ───────────────────────────────────────────────────────── */

.radio-primary input[type="radio"]:checked + label::after { background-color: var(--admin-primary-dark, #374151); }
.radio-primary input[type="radio"]:checked + label::before { border-color: var(--admin-primary-dark, #374151); }

/* ── Table-responsive outline buttons ───────────────────────────────────── */

.table-responsive .btn-primary.btn-outline { color: var(--admin-sidebar-secondary, #282938); border-color: var(--admin-sidebar-secondary, #282938); }

.table-responsive .btn-primary.btn-outline:active:focus,
.table-responsive .btn-primary.btn-outline:active:hover,
.table-responsive .btn-primary.btn-outline:hover,
.table-responsive .btn-primary.btn-outline:focus { background-color: var(--admin-sidebar-secondary, #282938); color: #fff; }

/* ── Loader button ───────────────────────────────────────────────────────── */

.btn-primary.btn-lg.btn-phpjabbers-loader { background-color: var(--admin-sidebar-secondary, #282938); border-color: var(--admin-sidebar-secondary, #282938); color: #fff; }

.btn-primary.btn-lg.btn-phpjabbers-loader:active:focus,
.btn-primary.btn-lg.btn-phpjabbers-loader:active:hover,
.btn-primary.btn-lg.btn-phpjabbers-loader:hover,
.btn-primary.btn-lg.btn-phpjabbers-loader:focus { background-color: var(--admin-primary, #374151); border-color: var(--admin-primary, #374151); color: #fff; }
