/*
 * Pages theme override — repaints primary palette from purple to blue
 * to match the passenger app. Loaded AFTER pages.css in partial/head.blade.php.
 *
 * Palette:
 *   primary       #2c5aa0   (was #6d5cae)
 *   primary-dark  #1e3f73   (was #584b8d)
 *   primary-light #5b8bc9   (was #8a7dbe)
 *   primary-active #143456  (was #5e4f96)
 *
 * Yellow (#f8d053) is the secondary accent — already shipped as Pages'
 * .btn-warning / .bg-warning / .text-warning, no override needed.
 */

:root {
    --primary: #2c5aa0;
    --primary-dark: #1e3f73;
    --primary-light: #5b8bc9;
    --primary-active: #143456;
    --secondary: #f8d053;
    --secondary-dark: #e6b800;
}

/* Links */
a:active { color: var(--primary); }
a { color: var(--primary); }
a:hover, a:focus { color: var(--primary-dark); }

/* Background / text utilities */
.bg-primary { background-color: var(--primary) !important; }
.bg-primary-dark { background-color: var(--primary-dark); }
.bg-primary-light { background-color: var(--primary-light); }
.text-primary { color: var(--primary) !important; }

/* Buttons */
.btn-primary,
.btn-primary:focus {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}
.btn-primary.active,
.btn-primary:active,
.btn-primary.active:focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.show .dropdown-toggle.btn-primary {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
    color: #fff;
}
.btn-primary.hover,
.btn-primary:hover {
    background-color: var(--primary-light);
    border-color: var(--primary-light);
    color: #fff;
}
.btn-primary.active:hover {
    background: var(--primary-active);
    border-color: var(--primary-active);
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: var(--primary);
    border-color: var(--primary);
}
.btn-primary .badge {
    color: var(--primary);
    background-color: #fff;
}

/* Dropdown caret indicator */
.dropdown-default.show > .btn-primary + .dropdown-menu:after {
    background-color: var(--primary);
}

/* Progress bars / circle */
.progress-bar-primary { background-color: var(--primary); }
.progress-circle.progress-circle-primary .pie .half-circle { border-color: var(--primary); }

/* Nav tabs */
.nav-tabs-primary.nav-tabs-simple > li.active > a:after,
.nav-tabs-primary.nav-tabs-simple > li > a:after { background-color: var(--primary); }
.nav-tabs-primary.nav-tabs-fillup > li > a:after,
.nav-tabs-primary.nav-tabs-fillup > li.active > a:after {
    background: none repeat scroll 0 0 var(--primary);
    border: 1px solid var(--primary);
}

/* Range sliders (irs / noUi) */
.irs-wrapper.primary .irs-diapason,
.irs-wrapper.primary .irs-single,
.irs-wrapper.primary .irs-slider.from:before,
.irs-wrapper.primary .irs-slider.to:before,
.irs-wrapper.primary .irs-slider.single:before,
.irs-wrapper.primary .irs-bar { background-color: var(--primary); }
.irs-wrapper.primary .irs-single:after { border-top-color: var(--primary); }
.noUi-target.bg-primary .noUi-connect { background-color: var(--primary); }

/* Form controls */
.radio.radio-primary input[type=radio]:checked + label:before { border-color: var(--primary); }
.radio.radio-primary input[type=radio]:checked + label:after { background-color: var(--primary); color: var(--primary); }
.checkbox.check-primary input[type=checkbox]:checked + label:before { border-color: var(--primary); background-color: var(--primary); }
.input-group-addon.primary {
    background-color: var(--primary);
    border: 1px solid var(--primary);
    color: #fff;
}
.input-group-addon.primary .arrow { color: var(--primary); }

/* Datepicker */
.datepicker thead tr .prev,
.datepicker thead tr .next,
.datepicker thead tr .prev:before,
.datepicker thead tr .next:before,
.datepicker thead tr .datepicker-switch { color: var(--primary); }
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td span.active { background-color: var(--primary) !important; color: #fff; }

/* Daterangepicker */
.daterangepicker .calendar th { color: var(--primary); }
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: var(--primary);
    border-color: var(--primary);
}

/* Form-group focus accent (.form-group-default uses primary on focus) */
.form-group.form-group-default.focused { border-color: var(--primary); }

/* Sidebar / menu active highlight (Pages uses primary on active item border) */
.page-sidebar .sidebar-menu .menu-items > li.active > a,
.page-sidebar .sidebar-menu .menu-items > li.open > a { color: var(--primary); }

/* Sidebar text logo */
.page-sidebar .sidebar-header .sidebar-brand-text {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 60px;
    text-transform: uppercase;
    display: inline-block;
}