/*
 * Harmonize the theme's "primary" color family to #0C3897.
 *
 * colors.min.css only re-pointed the *solid* primary swatch to #0F0AAC
 * (itself blue-violet, not the site's chosen blue) - every derived shade
 * used for hovers, gradients and shadows (#5e50ee, #4839eb, #5344ed,
 * rgba(7, 4, 120, *)) was left at the template's original purple. That's
 * the "hover violet" this fixes, plus every other reachable use of that
 * color family on the live site.
 *
 * rgb(12, 56, 151) = #0C3897. Hover/active shades below are #0C3897
 * darkened ~15%/~30%, the same relationship colors.min.css used for its
 * own hover/active shades of the old purple.
 *
 * Scope: only selectors actually reachable on a rendered page (buttons,
 * link hovers, the active nav pill, dropdown/icon hovers, the progress
 * track tint). The template also ships dozens of unused utility variants
 * (badge-light-primary, alert-primary, table-primary, accent-1..4,
 * gradient-light/gradient-bg swatches, ...) that render nowhere in this
 * app's views - left untouched rather than guessed at.
 */

/* Buttons */
.btn-primary {
    background-color: #0C3897 !important;
    border-color: #0C3897 !important;
}
.btn-primary:hover {
    background-color: #0a2f80 !important;
    border-color: #0a2f80 !important;
    box-shadow: 0 8px 25px -8px #0C3897 !important;
}
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #082769 !important;
    border-color: #082769 !important;
}
.btn-outline-primary {
    border-color: #0C3897;
    color: #0C3897;
}
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active {
    background-color: #0C3897 !important;
    border-color: #0C3897 !important;
    color: #fff;
}

/* Generic link hover - the most visible "violet hover" (a:hover was
   #5e50ee with no primary-color override at all) */
a:hover {
    color: #0C3897;
}

/* Dropdown items and navbar icons */
.dropdown .dropdown-menu .dropdown-item:hover,
.header-navbar .navbar-container .bookmark-wrapper ul.nav li > a.nav-link i:hover,
.header-navbar .navbar-container ul.nav li i.ficon:hover,
.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li > .dropdown-menu .active > a {
    color: #0C3897;
}
.list-group .list-group-item.active:hover {
    background-color: #0C3897;
}

/* Active nav pill (e.g. "Accueil" while on the home page). The theme
   switches between a horizontal top menu and a vertical collapsible one
   depending on viewport width, each with its own copy of this rule. */
.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li.active > a {
    background: linear-gradient(118deg, #0C3897, rgba(12, 56, 151, 0.7)) !important;
    box-shadow: 0 0 6px 1px rgba(12, 56, 151, 0.6) !important;
}
.main-menu.menu-light .navigation > li.active > a,
.main-menu.menu-light .navigation > li ul .active,
.main-menu.menu-dark .navigation > li.active > a,
.main-menu.menu-dark .navigation > li ul .active {
    background: linear-gradient(118deg, #0C3897, rgba(12, 56, 151, 0.7)) !important;
    box-shadow: 0 0 10px 1px rgba(12, 56, 151, 0.7) !important;
}

/* Skill gauge track tint (the bars themselves are colored per-level, see
   mastery_color() in app/helpers.php) */
.progress-bar-primary {
    background-color: rgba(12, 56, 151, 0.1);
}
.progress-bar-primary .progress-bar {
    background-color: #0C3897;
}

.bg-primary {
    background-color: #0C3897 !important;
}
.text-primary {
    color: #0C3897 !important;
}
.border-primary {
    border-color: #0C3897 !important;
}