/*****************************************************************/
/* Dashboard */
/*****************************************************************/
.dashb-card-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem; /* or use margin on .admin-card if you prefer */
    justify-content: start; /* or center, or space-between depending on your design */
    margin-top: 1rem;
}

.dashb-section-header {
    background-color: #f7f5f4;
    color: #666666;
    font-family: Roboto-Light;
    font-size: 18px;
    /*font-family: GreatVibes;
    font-size: 22px;*/
    border-radius: 5px 5px 5px 5px;
    padding: 5px;
    /*margin-left: 10px;*/
    margin-bottom: 5px;
}

.db-card {
    flex: 0 1 620px; /* Adjust width as needed */
    box-sizing: border-box;
    max-width: 620px;
    max-height: 265px;
    /*border-radius: 5px 5px;
    border: 1px solid #E5E5E5;
    padding: 6px;*/
    background-color: #f7f7f7;
    border: 1px solid #dee2e6;
    padding: 10px;
    border-radius: 0.5rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
}

.db-href {
    color: #666666;
    text-decoration: none !important;
}

    .db-href:hover {
        color: #666666;
        text-decoration: none !important;
    }

.db-card-header {
    font-family: Roboto-Light;
    font-size: 16px;
    font-weight: bold;
    /*background-color:#e6e6e6;*/

    color: #333;
    padding: 6px;
    border-radius: 5px 5px;
    display: inline-block;
}

.db-card-body {
    font-family: Roboto-Light;
    font-size: 14px;
}


/*****************************************************************/
/* Dashboard Custom Cake Req*/
/*****************************************************************/
.db-ccakereq-width {
    max-width: 600px;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.db-ccakereq-font-size {
    font-size: 13px;
}

#dbCCakeSummmary thead th {
    position: sticky;
    top: 0; /* stick at the very top */
    background-color: #f7f7f7; /* or whatever your header bg is */
    z-index: 2;
}

#dbCCakeSummmary > tbody > tr:last-child > th,
#dbCCakeSummmary > tbody > tr:last-child > td {
    border-bottom: none;
}


.error-header {
    font-family: Roboto-Thin;
    text-align: center;
    font-size: 40px;
}



.badge-gluten {
    background-color: #4E2406;
    color: #fff;
}

.badge-vegan {
    background-color: #C5713F;
    color: #fff;
}