/*
 * Light Bootstrap Dashboard - ParkNexus Theme Overrides
 *
 * This file overrides all O-Valet blue colors (#003c70, #1DC7EA, #1D62F0)
 * with ParkNexus grey/black colors for QP-only users
 *
 * Version: 1.0
 * Last Updated: 2025-10-07
 */

/* ==================== COLOR VARIABLES ==================== */
/*
  O-Valet Colors → ParkNexus Colors:
  #003c70 (primary blue) → #333333 (dark grey)
  #1DC7EA (cyan/info) → #666666 (medium grey)
  #1D62F0 (bright blue) → #333333 (dark grey)
  #42d0ed (light cyan) → #999999 (light grey)
*/

/* ==================== TEXT COLORS ==================== */

/* Heading small text - line 97 */
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small,
h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small,
.h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
  color: #333333 !important;
}

/* Muted text - line 112 */
.text-muted {
  color: #333333 !important;
}

/* Primary text - line 116 */
.text-primary,
.text-primary:hover {
  color: #333333 !important;
}

/* Info text - line 120 */
.text-info,
.text-info:hover {
  color: #666666 !important;
}

/* Links - line 143, 180 */
a {
  color: #333333 !important;
}

a:hover,
a:focus {
  color: #666666 !important;
}

/* Dark links - line 192, 195 */
a.dark {
  color: #333333 !important;
}

a.dark:hover,
a.dark:focus {
  color: #333333 !important;
}

/* Page header - line 198 */
.page-header {
  color: #333333 !important;
}

/* Labels - line 203 */
label {
  color: #333333 !important;
}

/* ==================== FORM CONTROLS ==================== */

/* Form control focus - line 206 */
.form-control:focus {
  border-color: #333333 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(51,51,51,.6) !important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(51,51,51,.6) !important;
}

/* ==================== SIDEBAR ==================== */

/* Sidebar background for blue data-color - line 421 */
.sidebar[data-color="blue"]:after,
body > .navbar-collapse[data-color="blue"]:after {
  background: #2c2c2c !important;
}

/* Sidebar grey theme (new) */
.sidebar[data-color="grey"]:after,
body > .navbar-collapse[data-color="grey"]:after {
  background: #2c2c2c !important;
  background: -moz-linear-gradient(top, #2c2c2c 0%, #404040 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2c2c2c), color-stop(100%, #404040)) !important;
  background: -webkit-linear-gradient(top, #2c2c2c 0%, #404040 100%) !important;
  background: -o-linear-gradient(top, #2c2c2c 0%, #404040 100%) !important;
  background: -ms-linear-gradient(top, #2c2c2c 0%, #404040 100%) !important;
  background: linear-gradient(to bottom, #2c2c2c 0%, #404040 100%) !important;
}

/* ==================== BUTTONS ==================== */

/* Button borders and colors - lines 606, 657, 673-680 */
.btn {
  border: 2px solid #333333 !important;
  color: #333333 !important;
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .open > .btn.dropdown-toggle {
  background-color: #333333 !important;
  color: #ffffff !important;
  border-color: #333333 !important;
}

.btn-fill {
  border-color: #333333 !important;
  color: #333333 !important;
}

.btn-fill:hover,
.btn-fill:focus,
.btn-fill:active {
  background-color: #333333 !important;
  border-color: #333333 !important;
  color: white !important;
}

/* Primary button - lines 722-723, 736 */
.btn-primary {
  color: #333333 !important;
  border-color: #333333 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color: #333333 !important;
}

/* Info button - lines 777-778, 782-783, 787, 791, 796, 803 */
.btn-info {
  border-color: #666666 !important;
  color: #666666 !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
  color: #999999 !important;
  border-color: #999999 !important;
}

.btn-info.btn-fill {
  border-color: #666666 !important;
}

.btn-info.btn-fill:hover,
.btn-info.btn-fill:focus,
.btn-info.btn-fill:active,
.btn-info.btn-fill.active {
  background-color: #666666 !important;
}

.btn-info.btn-fill:hover {
  background-color: #999999 !important;
}

.btn-info.btn-simple:hover,
.btn-info.btn-simple:focus,
.btn-info.btn-simple:active,
.btn-info.btn-simple.active {
  border-top-color: #666666 !important;
}

/* ==================== CHECKBOXES & RADIOS ==================== */

/* Checkbox borders - lines 1011, 1013, 1023 */
.checkbox label::before,
.radio label::before {
  border: 1px solid #333333 !important;
}

.checkbox label {
  color: #333333 !important;
}

.checkbox input[type="checkbox"]:disabled + label,
.radio input[type="radio"]:disabled + label {
  border: 1px solid #333333 !important;
}

/* ==================== INPUTS & CONTROLS ==================== */

/* Input group addon - lines 1075-1076, 1082, 1094 */
.input-group-addon {
  border: 2px solid #333333 !important;
  color: #333333 !important;
}

.input-group .form-control:first-child {
  border: 1px solid #333333 !important;
}

.form-control {
  border-color: #333333 !important;
  color: #333333 !important;
}

/* ==================== CARDS ==================== */

/* Card titles and text - line 1240 */
.card .header .title {
  color: #333333 !important;
}

/* ==================== NAVBAR ==================== */

/* Navbar links - lines 1340, 1353 */
.navbar .navbar-nav > li > a {
  color: #666666 !important;
}

.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus,
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
  color: #666666 !important;
}

/* ==================== NOTIFICATIONS ==================== */

/* Notification badges - lines 1495, 1507 */
.notification {
  background-color: #666666 !important;
}

.dropdown-menu > li > a.notification-item {
  background-color: #666666 !important;
}

/* ==================== TABS ==================== */

/* Tab navigation - lines 1704, 1710-1711, 1717, 1723-1724 */
.nav-tabs > li > a {
  color: #666666 !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border-bottom-color: #666666 !important;
  border-top-color: #666666 !important;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  color: #666666 !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #666666 !important;
  border-color: #666666 !important;
}

/* ==================== FOOTER ==================== */

/* Footer links - lines 1760, 1821 */
.footer .title {
  color: #333333 !important;
}

.footer ul li a {
  color: #333333 !important;
}

/* ==================== TABLES ==================== */

/* Table text - lines 1919, 1959 */
.table > thead > tr > th {
  color: #333333 !important;
}

.table .radio label,
.table .checkbox label {
  color: #333333 !important;
}

/* ==================== CHARTS & SVG ==================== */

/* Chart colors - lines 2272, 2275 */
.ct-series-a .ct-point,
.ct-series-a .ct-line,
.ct-series-a .ct-bar,
.ct-series-a .ct-slice-donut {
  stroke: #666666 !important;
}

.ct-series-a .ct-slice-pie,
.ct-series-a .ct-area {
  fill: #666666 !important;
}

/* ==================== MISC OVERRIDES ==================== */

/* Any remaining direct color references */
[style*="#003c70"] {
  color: #333333 !important;
}

[style*="background-color: #003c70"],
[style*="background:#003c70"] {
  background-color: #333333 !important;
}

[style*="border-color: #003c70"] {
  border-color: #333333 !important;
}

[style*="#1DC7EA"] {
  color: #666666 !important;
}

[style*="background-color: #1DC7EA"],
[style*="background:#1DC7EA"] {
  background-color: #666666 !important;
}

[style*="border-color: #1DC7EA"] {
  border-color: #666666 !important;
}

/* ==================== RESPONSIVE OVERRIDES ==================== */

@media (max-width: 991px) {
  .navbar .navbar-nav > li > a {
    color: #666666 !important;
  }
}