/**
** Hide control fields on checkout page
**/
#smeehee_delivery_slots_timestamp_field, #smeehee_delivery_slots_day_field, #smeehee_delivery_slots_timestamp_field, #smeehee_delivery_slots_template_id_field {
  display: none !important;
}

/**
** Div Wrappers
**/

#smeehee_delivery_slots_time_wrapper {
  display: none;
  padding: 20px;
}

#smeehee_time_slot_loading {
  display: block;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 20px;
}

#smeehee_time_slot_info {
  display: none;
}

/**
** Notification Messages
**/

#smeehee_delivery_slots_time_messages {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 20px;
}

#smeehee_delivery_slots_time_messages.warning {
  background-color: #ffe6e6;
}

#smeehee_delivery_slots_time_messages i, #smeehee_delivery_slots_time_messages p, #smeehee_time_slot_loading i, #smeehee_time_slot_loading p {
  color: #333333;
  margin: 0px;
  padding: 0px;
}

#smeehee_delivery_slots_time_messages i, #smeehee_time_slot_loading i {
  font-size: 1.5rem;
}

#smeehee_delivery_slots_time_messages p, #smeehee_time_slot_loading p {
  font-size: 1rem;
  font-weight: bold;
}

#smeehee_delivery_slots_time_messages.warning i, #smeehee_delivery_slots_time_messages.warning p {
  color: #660000;
}

#smeehee_delivery_slots_time_messages.warning span {
  color: #ff0000;
  font-style: italic;
}

.smeehee-delivery-notification-message {
  border-bottom: none;
}

.smeehee-delivery-notification-message td {
  text-align: left !important;
  margin: 0px;
  padding: 0px;
  border: none;
}

.smeehee-delivery-notification-message p {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 0px;
}

.smeehee-delivery-notification-message p:last-of-type{
  margin-bottom: 0;
}

.smeehee-delivery-notification-message .smeehee-warning:before {
  display: flex;
  align-items: center;
  content: "\f071";
  color: red;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  font-size: 1.5rem;
}

.smeehee-delivery-notification-message .smeehee-notification:before {
  display: flex;
  align-items: center;
  content: "\f05a";
  color: darkblue;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  font-size: 1.5rem;
}

.smeehee-delivery-notification-message .smeehee-confirmation:before {
  display: flex;
  align-items: center;
  content: "\f058";
  color: darkgreen;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  font-size: 1.5rem;
}

.woocommerce-shipping-totals {
  border-top: none !important;
}

/**
** SmeeHee Delivery Slot Combobox
**/

#smeehee_delivery_slots_time_wrapper p {
  margin: 0px 0px 10px 0px;
  font-weight: bold;
  color: #333333;
}

#smeehee_delivery_slots_time option {
  display: block;
}

#smeehee_delivery_slots_time option:disabled {
  display: none;
}

#smeehee_delivery_slots_time {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  color: #43454b;
  border: 1px solid #d0d0d0;
  padding: 10px 30px 10px 10px;
  position: relative;
  background-color: white;
  background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  background-size: 0.6em;
  background-position: calc(100% - 14px) center;
  background-repeat: no-repeat;
  width: 100%;
  margin: 0px;
}

/***
** Smeehee Delivery Slots - Popups
***/

.smeehee_popup_wrapper {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
  background-color: rgba(0,0,0, 0.7);
  z-index: 999999;
}
.smeehee_popup_wrapper.active {
  display: flex;
}
.smeehee_popup {
  background-color: white;
  min-width: 450px;
}
.smeehee_popup_header {
  background-color: #e93b5c;
  display: flex;
  align-items: baseline;
  padding: 10px;
}
.smeehee_popup_header h3 {
  margin: 0px;
  padding: 0px;
  color: white;
}
.smeehee_popup_header button {
  margin: 0px;
  padding: 0px;
  margin-left: auto;
  min-width: 32px;
  min-height: 32px;
}
.smeehee_popup_header i {
  font-size: 18px;
}
.smeehee_popup_content {
  padding: 10px;
}
.smeehee_popup_content p, .smeehee_popup_content input {
  margin-bottom: 10px !important;
}
.smeehee_popup_content input {
  display: block;
  max-width: 100px;
}
.smeehee_popup_content span {
  font-weight: bold;
}

/***
** Smeehee Delivery Slots - Calendar
***/

.caleran-input {
  width: auto !important;
  margin: 0px !important;
  border-radius: 0px !important;
  border: none !important;
  border-bottom: 1px solid #cecece !important;
}
.caleran-container, .caleran-container-mobile {
  float: none !important;
}
.caleran-day, .caleran-disabled {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  font-size: 1rem !important;
}
.caleran-disabled {
  color: #dfdfdf !important;
}