.category {
    margin: 10px 0;
}

.category-button {
    padding: 10px;
    border: none;
    background-color: transparent;
    /* border: 1px solid var(--accent-color); */
    color: var(--accent-color);
    cursor: pointer;
    width: 100%;
    text-align: left;
    display: block;
    border-radius: 10px;
}

.subcategory-button {

    border: none;
    background-color: transparent;
    color: var(--accent-color);
    cursor: pointer;
    width: 100%;
    text-align: left;
    display: block;
}

.category-button:focus,
.subcategory-button:focus {
    outline: none;
}

.subcategory-container {
    display: none;
}

.subcategory-button {
    padding-left: 30px;
}

.text-colour {
    color: var(--accent-color) !important;
}

.secondary-colour {
    color: var(--secondary-accent-color);
}

.menu-header {
    margin-top: 20px;
}

.price h2 {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.2;
    font-family: "Nexa Text W05 Extra Light";
}

.btn-orange {
    color: var(--default-color);
    border: 2px solid var(--accent-color);
    background: transparent;
    padding: 14px 60px;
    transition: 0.4s;
    border-radius: 50px;
}
.btn-orange:hover {
    background: var(--accent-color);
    color: #fff;
}
.btn-invoice{
    color: var(--default-color);
    border: 2px solid var(--accent-color);
    background: transparent;
    transition: 0.4s;
   
}
.btn-invoice:hover {
    background: var(--accent-color);
    color: #fff;
}


.btn-outline-orange {
    color: var(--accent-color);
    border-color: var(--accent-color)
}

.btn-outline-orange:hover {
    color: #fff;
    background-color: var(--accent-color);
    border-color: var(--accent-color)
}

.location {
    background: transparent;
    color: #fff;
    border: 1px solid var(--accent-color);
}

.location:focus {
    background: transparent;
    color: #fff;
    border: 1px solid var(--accent-color);
}

a .custom-cart {
    background-color: var(--accent-color);
    color: #fff;
    border-radius: 50%;
    padding: 4px 8px;
    position: relative;
    top: -13px;
    font-size: 13px;
}

.location-button {
    color: var(--accent-color);
    background: transparent;
}

.capitalize-first {
    text-transform: lowercase;
}

.capitalize-first:first-letter {
    text-transform: uppercase;
}

.user-logout-button {
    color: var(--default-color);
    border: 2px solid var(--accent-color);
    background: transparent;
    padding: 5px 25px;
    transition: 0.4s;
    border-radius: 50px;
    margin-left: 10px;
}

.user-logout-button:hover {
    background: var(--accent-color);
}

input[type='number']::placeholder {
    color: var(--accent-color);
    opacity: 0.5 !important;
    
}

.body-colour {
    background: linear-gradient(63deg, rgba(255, 136, 62, 1) 0%, rgba(169, 90, 41, 1) 3%, rgba(133, 71, 32, 1) 5%, rgba(96, 51, 23, 1) 11%, rgba(41, 22, 10, 1) 17%, rgba(0, 0, 0, 1) 23%, rgba(20, 5, 3, 1) 64%, rgba(30, 8, 5, 1) 81%, rgba(50, 14, 8, 1) 85%, rgba(81, 22, 12, 1) 91%, rgba(128, 34, 19, 1) 96%, rgba(186, 50, 28, 1) 100%) !important;
}
.bg-transparent{
    background: transparent !important  ;
}
.border-colour{
    border: 2px solid var(--default-color) !important;
}
.forget-button{
    color: var(--default-color) !important;
    border: 2px solid var(--accent-color) !important;
    background: transparent !important;
    padding: 5px 25px !important;
    transition: 0.4s !important; 
}
.forget-button:hover{
    background: var(--accent-color) !important;
}
.btn-profile {
    color: var(--default-color);
    border: 2px solid var(--accent-color);
    background: transparent;
    padding: 5px 25px;
    transition: 0.4s;
    border-radius: 50px;
    margin-left: 10px;
}

.btn-profile:hover {
    color: #fff;
    background: var(--accent-color);
}