:root{

--primary:#0B7A4B;
--sidebar:#075C38;
--hover:#0D8C57;
--bg:#F5F7FA;
--white:#ffffff;
--text:#333;

}

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

font-family:Segoe UI,Arial,sans-serif;

background:var(--bg);

}

.wrapper{

display:flex;

min-height:100vh;

}

.sidebar{

width:250px;

background:var(--sidebar);

color:white;

position:fixed;

height:100%;

}

.sidebar-header{

height:130px;

display:flex;

justify-content:center;

align-items:center;

border-bottom:1px solid rgba(255,255,255,.15);

padding:10px;

background:#0B7A4B;
}

.logo,
.sidebar-logo-img{

width:95px;

height:auto;

max-width:100%;

display:block;

margin:auto;
}
.sidebar ul{

list-style:none;

padding:0;

margin:0;

}

.sidebar ul li a{

display:block;

padding:15px 25px;

color:white;

text-decoration:none;

transition:.3s;

}

.sidebar ul li a:hover{

background:var(--hover);

padding-left:35px;

}

.sidebar-footer{

position:absolute;

bottom:0;

width:100%;

}

.sidebar-footer a{

display:block;

padding:18px;

background:#06452B;

color:white;

text-decoration:none;

}

.main-content{

margin-left:250px;

width:100%;

}

.topbar{

height:70px;

background:white;

padding:15px 30px;

display:flex;

justify-content:space-between;

align-items:center;

box-shadow:0 3px 10px rgba(0,0,0,.08);

}

.topbar-right{

display:flex;

gap:25px;

align-items:center;

}

.page-content{

padding:30px;

}

.dashboard-card{

background:white;

border-radius:12px;

padding:25px;

box-shadow:0 5px 15px rgba(0,0,0,.08);

transition:.3s;

}

.dashboard-card:hover{

transform:translateY(-4px);

}

.page-title{

font-size:30px;

font-weight:bold;

margin-bottom:25px;

}
/* =====================================================
   SIDEBAR LOGO OVERRIDE
===================================================== */

.sidebar-header{

    height:120px !important;

    padding:10px !important;

    display:flex !important;

    justify-content:center !important;

    align-items:center !important;

    overflow:hidden !important;

    border-bottom:1px solid rgba(255,255,255,.15);

}

.sidebar-header img{

    width:95px !important;

    height:auto !important;

    max-width:95px !important;

    max-height:95px !important;

    display:block !important;

    margin:auto !important;

}

/* ===========================
   TOP HEADER TITLE
=========================== */

.topbar h3{

    color:#0B7A4B !important;

    font-size:36px;

    font-weight:700;

    margin:0;

    letter-spacing:1px;

}

/* Arabic Text */
.arabic-text{
    direction: rtl;
    text-align: right;
    font-family: "Tahoma", "Segoe UI", sans-serif;
    font-size: 15px;
    font-weight: 500;
}




/* ==============================
   Floating Quick Menu
============================== */

#quickPanel{

position:fixed;

top:78px;      /* Below Topbar */

right:15px;    /* Move away from sidebar */

z-index:99999;

}


#quickTab{

position:absolute;

top:0;

right:0;

width:48px;

height:48px;

display:flex;

align-items:center;

justify-content:center;

background:#0B7A4B;

color:#fff;

border-radius:10px;

cursor:pointer;

box-shadow:0 8px 18px rgba(0,0,0,.25);

}




#quickMenu{

position:absolute;

top:55px;

right:-240px;

width:220px;

background:#fff;

border-radius:12px 0 0 12px;

box-shadow:0 10px 25px rgba(0,0,0,.25);

transition:right .35s ease;

overflow:hidden;

}


#quickMenu.active{

right:0;

top:55px;

}


#quickMenu a{

display:block;

padding:15px;

text-decoration:none;

font-weight:600;

color:#333;

border-bottom:1px solid #eee;

transition:.2s;

}

#quickMenu a:hover{

background:#0B7A4B;

color:#fff;

}




/* ==========================================================
   GUEST CART
========================================================== */

.cart-card{

    border:none;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 6px 20px rgba(0,0,0,.08);

}

.food-image{

    width:120px;

    height:120px;

    object-fit:cover;

    object-position:center;

    border-radius:12px;

    display:block;

    margin:auto;

}

.total-box{

    background:#0B7A4B;

    color:#fff;

    border-radius:18px;

    padding:25px;

    box-shadow:0 8px 25px rgba(0,0,0,.15);

}

.total-box hr{

    border-color:rgba(255,255,255,.30);

}

.total-box .form-control{

    border-radius:10px;

}

.cart-card .card-body{

    padding:20px;

}

.cart-card h5{

    font-weight:700;

}

.cart-card .btn{

    border-radius:10px;

}