/*
Template Name: Mes Courses Béninoises - Admin Dashboard
Author: MCBJ
File: Custom CSS for MCBJ Branding
*/

/* ========================================
   MCBJ Custom Colors
   Primary: #02834e (Green)
   Secondary: #000000 (Black)
   Light: #ffffff (White)
   ======================================== */

/* Login page background with MCBJ banner */
.auth-one-bg {
    background-image: url('../images/banner_mcbj.webp') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.auth-one-bg .bg-overlay {
    background: rgba(0, 0, 0, 0.5) !important;
    opacity: 1 !important;
}

:root {
    --vz-primary: #02834e;
    --vz-primary-rgb: 2, 131, 78;
    --vz-primary-bg-subtle: #e6f4ed;
    --vz-primary-border-subtle: #b3dbc9;
}

/* Override Bootstrap primary color */
.btn-primary {
    background-color: #02834e !important;
    border-color: #02834e !important;
}

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

.bg-primary {
    background-color: #02834e !important;
}

.text-primary {
    color: #02834e !important;
}

.border-primary {
    border-color: #02834e !important;
}

/* Links */
a {
    color: #02834e;
}

a:hover {
    color: #01693e;
}

/* Badges */
.badge-primary {
    background-color: #02834e !important;
}

/* Forms */
.form-check-input:checked {
    background-color: #02834e;
    border-color: #02834e;
}

.form-control:focus,
.form-select:focus {
    border-color: #02834e;
    box-shadow: 0 0 0 0.2rem rgba(2, 131, 78, 0.25);
}

/* Sidebar */
[data-sidebar="dark"] .navbar-menu {
    background-color: #000000;
}

/* Tables */
.table-primary {
    --bs-table-bg: #e6f4ed;
    --bs-table-border-color: #b3dbc9;
}

/* Pagination */
.pagination .page-item.active .page-link {
    background-color: #02834e;
    border-color: #02834e;
}

.pagination .page-link:hover {
    color: #02834e;
}

/* Cards */
.card-primary {
    border-color: #02834e;
}

.card-header.bg-primary {
    background-color: #02834e !important;
}

/* Progress bars */
.progress-bar {
    background-color: #02834e;
}

/* Alerts */
.alert-primary {
    background-color: #e6f4ed;
    border-color: #b3dbc9;
    color: #01693e;
}

/* Tabs */
.nav-tabs .nav-link.active {
    color: #02834e;
    border-bottom-color: #02834e;
}

/* Avatar */
.avatar-title {
    background-color: #02834e !important;
}

/* Ribbons */
.ribbon-box .ribbon-primary {
    background-color: #02834e;
}

/* Waves effect */
.waves-effect.waves-primary .waves-ripple {
    background: rgba(2, 131, 78, 0.4);
}

/* Icon dual */
.icon-dual-primary {
    color: #02834e;
    fill: rgba(2, 131, 78, 0.16);
}

/* Switch */
.form-switch .form-check-input:checked {
    background-color: #02834e;
    border-color: #02834e;
}

/* Accordion */
.accordion-button:not(.collapsed) {
    color: #02834e;
    background-color: #e6f4ed;
}

.accordion-primary .accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: #02834e;
}