@import url('montserrat.css');

body, .body {
    font-family: 'Montserrat', sans-serif !important;
}

.bg-main-success{
    background-color:#008559 !important;
    color:#fff
}
.bg-main-secondary{
    color: #fff;
    background-color: #99a7b6;
}
.bg-main-warning{
    color: #fff;
    background-color: #ffd400;
}
.bg-main-danger{
    color: #fff;
    background-color: #FC030F;
}
.bg-main-primary{
    color: #fff;
    background-color: #00254A;
}
.main-primary{
    color:#00254A !important;
}
.btn-main-primary{
    color: #fff;
    background-color: #00254A;
    border-color: #00254A;
}

.btn-main-primary:hover, .btn-main-primary:focus, .btn-main-primary:active, .btn-main-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #00254A;
    border-color: #00254A; /*set the color you want here*/
}

.main-success{
    color:#008559 !important;
}

.btn-main-danger{
    color: #fff;
    background-color: #FC030F;
    border-color: #FC030F;
}
.btn-main-danger:hover, .btn-main-danger:focus, .btn-main-danger:active, .btn-main-danger.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #e92b48;
    border-color: #e92b48; /*set the color you want here*/
}
.btn-main-success{
    color: #fff;
    background-color: #008559;
    border-color: #008559;
}

.btn-main-warning{
    color: #fff;
    background-color: #ffd400;
    border-color: #ffd400;
}

.btn-main-secondary{
    color: #fff;
    background-color: #99a7b6;
    border-color: #99a7b6;
}
.text-main-success{
    color:#008559;
}
.text-main-primary{
    color:#2258a6;
}
.text-main-secondary{
    color:#99a7b6;
}

.btn-outline-main-primary{color:#00254A;border-color:#00254A}
.btn-outline-main-primary:hover{color:#fff;background-color:#00254A;border-color:#00254A}
.btn-outline-main-primary.focus,
.btn-outline-main-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}
.btn-outline-main-primary.disabled,
.btn-outline-main-primary:disabled{color:#00254A;background-color:transparent}
.btn-outline-main-primary:not(:disabled):not(.disabled).active,
.btn-outline-main-primary:not(:disabled):not(.disabled):active,.show>
.btn-outline-main-primary.dropdown-toggle{color:#fff;background-color:#00254A;border-color:#00254A}
.btn-outline-main-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-main-primary:not(:disabled):not(.disabled):active:focus,.show>
.btn-outline-main-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}

.underline-link {
    text-decoration: underline !important;
    padding: 1%;
}

/* ===== Auth Pages ===== */
.auth-logo-header {
    background: #0E1B4D;
    padding: 2rem 1.5rem;
    text-align: center;
}

.auth-logo-header ~ .card-body .btn-primary,
.card .auth-logo-header ~ .card-body .btn-primary {
    background-color: #0E1B4D;
    border-color: #0E1B4D;
}

.auth-logo-header ~ .card-body .btn-primary:hover,
.auth-logo-header ~ .card-body .btn-primary:focus {
    background-color: #0a1438;
    border-color: #0a1438;
}

/* ===== Sidebar Color Override ===== */
body[data-sidebar=dark] .vertical-menu {
    background: #0E1B4D;
}

body[data-sidebar=dark] .navbar-brand-box {
    background: #0E1B4D;
}

body[data-sidebar=dark] #sidebar-menu ul li a {
    color: rgba(255, 255, 255, 0.85);
}

body[data-sidebar=dark] #sidebar-menu ul li a i {
    color: rgba(255, 255, 255, 0.85);
}

body[data-sidebar=dark] #sidebar-menu ul li a:hover,
body[data-sidebar=dark] #sidebar-menu ul li a:hover i {
    color: #fff;
}

body[data-sidebar=dark] #sidebar-menu ul li.mm-active > a {
    color: #fff;
    background: rgba(255, 255, 255, 0.15);
}

body[data-sidebar=dark] #sidebar-menu ul li.mm-active > a i {
    color: #fff;
}

body[data-sidebar=dark] #sidebar-menu .menu-title {
    color: rgba(255, 255, 255, 0.6);
}

body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a {
    color: rgba(255, 255, 255, 0.7);
}

body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover,
body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li.mm-active > a {
    color: #fff;
}
/* ============================================================
   RESTOO — Brand colors  #0c1f51 (navy) · #fc030f (red)
   ============================================================ */

:root {
    --bs-primary:         #0c1f51;
    --bs-primary-rgb:     12, 31, 81;
    --bs-danger:          #fc030f;
    --bs-danger-rgb:      252, 3, 15;
    --restoo-navy:        #0c1f51;
    --restoo-red:         #fc030f;
    --restoo-navy-light:  #162d6e;
    --restoo-red-light:   #ff3340;
}

/* Sidebar */
body[data-sidebar="dark"] .vertical-menu,
body[data-sidebar="dark"] #sidebar-menu ul li a {
    background-color: var(--restoo-navy) !important;
}
body[data-sidebar="dark"] .navbar-brand-box {
    background-color: var(--restoo-navy) !important;
}
body[data-sidebar="dark"] #sidebar-menu ul li a {
    color: #ced4e0;
}
body[data-sidebar="dark"] #sidebar-menu ul li a:hover,
body[data-sidebar="dark"] #sidebar-menu ul li a.active,
body[data-sidebar="dark"] #sidebar-menu ul li.mm-active > a {
    color: #ffffff;
    background-color: var(--restoo-navy-light) !important;
}
body[data-sidebar="dark"] .menu-title {
    color: #8490a8;
}
body[data-sidebar="dark"] .vertical-menu .simplebar-scrollbar:before {
    background: rgba(255,255,255,.2);
}

/* Topbar */
#page-topbar {
    background-color: #ffffff;
    box-shadow: 0 1px 0 rgba(12,31,81,.08);
}

/* Boutons primary */
.btn-primary {
    background-color: var(--restoo-navy) !important;
    border-color:     var(--restoo-navy) !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: var(--restoo-navy-light) !important;
    border-color:     var(--restoo-navy-light) !important;
}
.btn-outline-primary {
    color:        var(--restoo-navy) !important;
    border-color: var(--restoo-navy) !important;
}
.btn-outline-primary:hover {
    background-color: var(--restoo-navy) !important;
    color: #fff !important;
}

/* Boutons danger (rouge accent) */
.btn-danger {
    background-color: var(--restoo-red) !important;
    border-color:     var(--restoo-red) !important;
}
.btn-danger:hover, .btn-danger:focus {
    background-color: var(--restoo-red-light) !important;
    border-color:     var(--restoo-red-light) !important;
}
.btn-outline-danger {
    color:        var(--restoo-red) !important;
    border-color: var(--restoo-red) !important;
}
.btn-outline-danger:hover {
    background-color: var(--restoo-red) !important;
    color: #fff !important;
}

/* Badges & textes */
.text-primary { color: var(--restoo-navy) !important; }
.bg-primary    { background-color: var(--restoo-navy) !important; }
.bg-danger     { background-color: var(--restoo-red)  !important; }
.border-primary{ border-color: var(--restoo-navy) !important; }

/* Liens actifs nav */
.waves-effect.active,
#side-menu .mm-active > a {
    color: #fff !important;
    background-color: rgba(255,255,255,.1) !important;
    border-left: 3px solid var(--restoo-red) !important;
}

/* Welcome page accent */
.welcome-primary { color: var(--restoo-navy) !important; }
.welcome-red     { color: var(--restoo-red)  !important; }
