/*
 * Academify-CBT Custom Blue Theme
 * Override Bootstrap & SB Admin 2 colors to dominant blue
 */

:root {
    /* Primary Blue Color Palette */
    --bs-blue: #0d6efd;
    --bs-primary: #0d6efd;
    --bs-primary-rgb: 13, 110, 253;

    /* SB Admin 2 overrides */
    --blue: #0d6efd;
    --primary: #0d6efd;
}

/* ============================================
   SIDEBAR
   ============================================ */
.bg-gradient-primary {
    background-color: #0d6efd !important;
    background-image: linear-gradient(180deg, #0d6efd 10%, #0a58ca 100%) !important;
    background-size: cover !important;
}

.sidebar-dark .nav-item .nav-link {
    color: rgba(255, 255, 255, 0.8);
}

.sidebar-dark .nav-item .nav-link:hover {
    color: #fff;
}

.sidebar-dark .nav-item.active .nav-link {
    color: #fff;
}

.sidebar-dark .sidebar-heading {
    color: rgba(255, 255, 255, 0.5);
}

.sidebar-dark hr.sidebar-divider {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.sidebar #sidebarToggle {
    background-color: rgba(255, 255, 255, 0.2);
}

.sidebar #sidebarToggle:hover {
    background-color: rgba(255, 255, 255, 0.3);
}

.sidebar #sidebarToggle::after {
    color: rgba(255, 255, 255, 0.5);
}

/* ============================================
   BUTTONS
   ============================================ */
.btn-primary {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
}

.btn-primary:hover {
    background-color: #0a58ca !important;
    border-color: #0a58ca !important;
}

.btn-primary:focus,
.btn-primary.focus {
    background-color: #0a58ca !important;
    border-color: #0a58ca !important;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.5) !important;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #0a58ca !important;
    border-color: #084298 !important;
}

.btn-outline-primary {
    color: #0d6efd !important;
    border-color: #0d6efd !important;
}

.btn-outline-primary:hover {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
    color: #fff !important;
}

/* ============================================
   TEXT & LINKS
   ============================================ */
a {
    color: #0d6efd;
}

a:hover {
    color: #0a58ca;
}

.text-primary {
    color: #0d6efd !important;
}

/* ============================================
   BACKGROUNDS
   ============================================ */
.bg-primary {
    background-color: #0d6efd !important;
}

/* ============================================
   BORDERS
   ============================================ */
.border-left-primary {
    border-left: 0.25rem solid #0d6efd !important;
}

.border-bottom-primary {
    border-bottom: 0.25rem solid #0d6efd !important;
}

/* ============================================
   BADGES & PILLS
   ============================================ */
.badge-primary,
.badge.bg-primary {
    background-color: #0d6efd !important;
}

.badge.bg-primary,
.badge.bg-success,
.badge.bg-danger,
.badge.bg-warning,
.badge.bg-info,
.badge.bg-secondary,
.badge.bg-dark {
    color: #fff !important;
}

/* ============================================
   NAV & TABS
   ============================================ */
.nav-pills .nav-link.active {
    background-color: #0d6efd !important;
}

/* ============================================
   DROPDOWN
   ============================================ */
.dropdown-item.active,
.dropdown-item:active {
    background-color: #0d6efd;
}

/* ============================================
   PAGE ITEM (PAGINATION)
   ============================================ */
.page-item.active .page-link {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.page-link {
    color: #0d6efd;
}

.page-link:hover {
    color: #0a58ca;
}

/* ============================================
   SCROLL TO TOP BUTTON
   ============================================ */
.scroll-to-top {
    background-color: #0d6efd !important;
}

.scroll-to-top:hover {
    background-color: #0a58ca !important;
}

/* ============================================
   TOPBAR
   ============================================ */
.topbar .nav-item .nav-link .badge-counter {
    background-color: #0d6efd;
}

/* ============================================
   CARDS
   ============================================ */
.card .card-header[class*="bg-primary"] {
    background-color: #0d6efd !important;
}

/* ============================================
   FORM CONTROLS
   ============================================ */
.form-control:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}