.kf-modal{
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 2; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.kf-modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 90vw; /* Could be more or less, depending on screen size */
}

.kf-modal .footer{
    display: flex;
    gap: 1em;
    margin-top: 1em;
    flex-wrap: wrap;
}

#kf-menu-container .loading-menu{
    text-align: center;
    font-size: 2em;
    font-weight: bold;
}

.shipping-day-tile{
    display: inline-block;
    border: 1px solid black;
    border-radius: 20px;
    padding: 6px;
    margin-left: 6px;
}

a.open-menu-item-modal{
  cursor: pointer;
}

.wc-backbone-modal.kitchenfuel-modal-menu-item-form .wc-backbone-modal-content{
  max-width: 300px;
}

.wc-backbone-modal.kitchenfuel-modal header{
  background: none;
  border-bottom: none;
  margin: 1em;
}

.wc-backbone-modal.kitchenfuel-modal header button.modal-close{
  border-left: none;
}

.wc-backbone-modal.kitchenfuel-modal .wc-backbone-modal-main{
  padding-bottom: 0;
}

.wc-backbone-modal.kitchenfuel-modal.kitchenfuel-modal-alert p.alert-message,
.wc-backbone-modal.kitchenfuel-modal.kitchenfuel-modal-confirmation p.confirmation-message
{
  font-size: 18px;
  margin: 0;
}

.kf-form{
  margin: 1em;
}

.kf-form .form-actions{
  display: flex;
  margin: 1em;
  justify-content: end;
}

.kf-form .form-actions button{
  display: flex;
  margin: 1em;
  justify-content: end;
  padding-left: 1em;
}

/* wc select style fixes */
.kf-form label.kf-select-label{
  display: block;
}

.kf-form select{
  max-width: none;
}

form.kf-form .form-row span.select2-selection{
  height: 40px;
  padding: 5px 0;
}
form.kf-form .form-row .select2-container .select2-selection--single .select2-selection__arrow {
  height: 38px;
}

.kf-form.menu-item #name_field,
.kf-form.menu-item #status_field,
.kf-form.menu-item #order_field,
.kf-select2-container{
  max-width: none;
}

.kf-form.menu-item .available-days-wrapper{
  display: flex;
  align-items: center;
}

.kf-form.menu-item .available-days-wrapper p{
  margin: 0;
  margin-right: 1em;
}
form p.available_days .optional{
  display: none;
}

.composite_form .composite_component{
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  margin-bottom: 12px;
}

.composite_form .composite_component h2.step_title_wrapper{
  margin-bottom: 0;
  font-size: 0.9em;
  font-weight: 700;
}

.composite_form:not(.paged) .component div.component_inner{
  padding-bottom: 0;
}

.composite_form .component select.component_options_select {
  min-width: auto;
}

.composite_form .component_selections .component_section_title{
  display: none;
}

.composite_form .composite_data .composite_button{
  display: flex;
}

@media screen and (min-width: 480px){
    .kf-modal-content {
        width: 48vw;
    }   
}