.custom-modal-header {
    background-color: #393193;
    color: white;
}

.custom-modal-body {
    background-color: #ffeb69;
}

.form-buttons {
    display: flex;
    justify-content: center; /* Centers the button horizontally */
}

  /* Overlay styles */
.overlay {
    position: fixed; /* Fixed position to cover the entire viewport */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    display: none; /* Hidden by default */
    justify-content: center; /* Center the loader horizontally */
    align-items: center; /* Center the loader vertically */
    z-index: 9999; /* Ensure it's above other content */
}

.loader {
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner-border {
    width: 3rem;
    height: 3rem;
    border-width: 0.3em;
}

.form-error, .formprocesserror {
    color: red;
}

.locatie-meniu-container {
    display: flex;              /* Use flexbox to align buttons horizontally */
    overflow-x: auto;          /* Allow horizontal scrolling */
    white-space: nowrap;       /* Prevent buttons from wrapping to the next line */
    padding: 10px;             /* Optional padding */
    background-color: #edefeb;
    z-index: 1000;   
}

.locatie-meniu-container .btn {
    margin-right: 10px;        /* Space between buttons */
    flex-shrink: 0;            /* Prevent buttons from shrinking */
}

.sticky-top {
    position: sticky;          /* Make the container sticky */
    top: 0;                    /* Stick to the top of the viewport */
}

.product-category-section {
    background-color: #edefeb;

}

.item-footer {
    
    padding: 0 2.25rem 1rem;
    
}

.btn-close-white {

    border: none; /* Optional: Removes the default border */
    opacity: 1; /* Optional: Makes the button fully opaque */
}

.contact-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffeb69; /* Yellow overlay */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.localitati .lista-item {
    background-color: #ffeb69; /* Set your desired background color here */
}

.selected-items span {
    margin-right: 10px;
    display: inline-block;
    background-color: lightblue;
    padding: 5px;
    border-radius: 5px;
}

.remove-item {
    cursor: pointer;
    margin-left: 5px;
    color: red;
}

.mediumtext {
    font-size: 20px;
}

.smalltext {
    font-size: 0.8rem;
}