/* =========================================
   Dapper Laundry - PlusAdmin Inspired Theme
   ========================================= */

:root{
  --theme-primary:#1A55E3;
  --theme-accent:#FF0854;
  --theme-success:#00D284;
  --theme-info:#0DCAF0;
  --theme-purple:#5E6EED;
}

/* Sidebar */
.sidebar-wrapper,
body.admin-modern .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper{
  background:linear-gradient(180deg,#1A55E3 0%,#0DCAF0 100%) !important;
}

.sidebar-link.active,
.sidebar-main .sidebar-links li .sidebar-link.active{
  background:#FF0854 !important;
  border-radius:12px !important;
  box-shadow:0 8px 20px rgba(255,8,84,.25);
}

.sidebar-main .sidebar-links li .sidebar-link:hover{
  background:rgba(255,255,255,.12) !important;
}

/* Header */
.page-header,
body.admin-modern .page-wrapper .page-header{
  background:#1A55E3 !important;
  color:#fff !important;
}

.page-header .nav-menus a,
.page-header .nav-menus svg{
  color:#fff !important;
}

/* Dashboard */
.page-body{
  background:#F4F7FB !important;
}

/* Cards */
.card,
.card.o-hidden{
  border:none !important;
  border-radius:20px !important;
  box-shadow:0 10px 30px rgba(15,23,42,.08) !important;
}

.card:hover{
  transform:translateY(-4px);
  transition:.25s ease;
}

/* Stat Icons */
.stat-fa-icon{
  border-radius:18px !important;
  box-shadow:0 10px 20px rgba(0,0,0,.12);
}

/* Buttons */
.btn-primary{
  background:#00D284 !important;
  border-color:#00D284 !important;
}

.btn-primary:hover{
  opacity:.92;
}

/* Tables */
.table thead th{
  background:#EEF3FF !important;
  color:#1A55E3 !important;
}

/* Forms */
.form-control:focus,
.form-select:focus{
  border-color:#1A55E3 !important;
  box-shadow:0 0 0 0.2rem rgba(26,85,227,.15) !important;
}


/* ===== User Requested White Sidebar ===== */
.sidebar-wrapper,
body.admin-modern .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper{
    background:#FFFFFF !important;
    border-right:1px solid #E5E7EB !important;
}

.sidebar-main .sidebar-links li .sidebar-link span{
    color:#111827 !important;
    font-weight:600 !important;
}

.sidebar-main .sidebar-links li .sidebar-link svg,
.sidebar-main .sidebar-links li .sidebar-link i{
    color:#111827 !important;
    stroke:#111827 !important;
}

.sidebar-main .sidebar-links li .sidebar-link:hover{
    background:#1A55E3 !important;
}

.sidebar-main .sidebar-links li .sidebar-link:hover span,
.sidebar-main .sidebar-links li .sidebar-link:hover i,
.sidebar-main .sidebar-links li .sidebar-link:hover svg,
.sidebar-main .sidebar-links li .sidebar-link.active span,
.sidebar-main .sidebar-links li .sidebar-link.active i,
.sidebar-main .sidebar-links li .sidebar-link.active svg{
    color:#FFFFFF !important;
    stroke:#FFFFFF !important;
}

.sidebar-main .sidebar-links li .sidebar-link.active{
    background:#1A55E3 !important;
    box-shadow:0 8px 20px rgba(26,85,227,.25) !important;
}

.page-header,
body.admin-modern .page-wrapper .page-header{
    background:#FFFFFF !important;
    color:#111827 !important;
}


/* Mobile Sidebar Final Fix */
.bg-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.35);
    z-index:9998;
}

.sidebar-wrapper{
    z-index:9999 !important;
}

body.sidebar-open{
    overflow:hidden;
}

body{
    overflow-x:hidden;
}

@media (max-width:1199px){

    .sidebar-wrapper{
        width:100% !important;
        max-width:100% !important;
        left:0 !important;
        z-index:99999 !important;
    }

    .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon,
    .sidebar-wrapper.close_icon{
        transform:translateX(-100%) !important;
    }

    .sidebar-main{
        height:calc(100vh - 70px) !important;
        overflow:hidden !important;
    }

    #sidebar-menu{
        height:100% !important;
        overflow-y:auto !important;
        overflow-x:hidden !important;
    }

    .bg-overlay{
        display:none !important;
    }
}