.navbar{
background:var(--card-bg);
}

.navbar-brand{
font-weight:bold;
color:#0d6efd;
}

main{
min-height:80vh;
}

.order-card{
transition:.25s;
}

.order-card:hover{
transform:translateY(-3px);
box-shadow:0 8px 22px rgba(0,0,0,.08);
}

/* toggle theme */

.theme-switch{
position:relative;
display:inline-block;
width:42px;
height:22px;
}

.theme-switch input{
opacity:0;
width:0;
height:0;
}

.slider{
position:absolute;
cursor:pointer;
inset:0;
background:#dee2e6;
border-radius:34px;
transition:.25s;
}

.slider:before{
content:"";
position:absolute;
height:16px;
width:16px;
left:3px;
bottom:3px;
background:white;
border-radius:50%;
transition:.25s;
}

input:checked + .slider{
background:#0d6efd;
}

input:checked + .slider:before{
transform:translateX(20px);
}

.navbar-nav .nav-link{
padding:.6rem .9rem;
border-radius:8px;
}

.navbar .dropdown-menu{
background:var(--card-bg);
border:1px solid var(--border-color);
border-radius:12px;
padding:.4rem;
}

.navbar .dropdown-item{
color:var(--text-color);
border-radius:8px;
padding:.6rem .8rem;
transition:background-color .2s ease,color .2s ease;
}

.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus{
background:rgba(13,110,253,.12);
color:var(--text-color);
}

.navbar .dropdown-item:active{
background:rgba(13,110,253,.18);
color:var(--text-color);
}

.navbar .dropdown-divider{
border-top-color:var(--border-color);
opacity:1;
}

.navbar .dropdown-toggle.show{
background:rgba(13,110,253,.12);
color:var(--text-color) !important;
}

[data-theme="dark"] .navbar .dropdown-menu{
box-shadow:0 12px 30px rgba(0,0,0,.35);
}

[data-theme="dark"] .navbar .dropdown-item:hover,
[data-theme="dark"] .navbar .dropdown-item:focus{
background:#2b3545;
}

[data-theme="dark"] .navbar .dropdown-item:active,
[data-theme="dark"] .navbar .dropdown-toggle.show{
background:#334155;
}