/* Test */
/*
.delivery-daytime-button-wrap{
	display: none !important;
}
*/

.delivery-daytime-select {
   width: 150px;
   min-width: 150px;
   height: 100%;
   z-index: 99;
   color: #333;
}

/*
.delivery-daytime-select.open{
	width: 150px;
	height: 100%;
	z-index: 99;
	color: #333;
}
*/
.delivery-daytime-select.daytime-popup {
   border: 2px solid #f1f4f5;
   width: 31% !important;
   margin-left: 3.5%;
   height: 70px;
   display: flex;
   flex-flow: row wrap;
   align-items: center;
   justify-content: center;
   text-align: center;
   cursor: pointer;
   position: relative;
}
.delivery-daytime-select.daytime-popup.selected {
   border: 2px solid var(--main) !important;
}
.delivery-daytime-button {
   display: flex;
   flex-flow: column nowrap;
   align-items: flex-start;
   justify-content: flex-start;
   padding: 16px 13px;
   height: 100%;
   width: 100%;
   cursor: pointer;
}

.header .delivery-daytime-button {
   border: none;
   border-left: 1px solid #f2f2f2;
}
.daytime-popup .delivery-daytime-button {
   align-items: center;
}
.daytime-header .delivery-daytime-button .selected-datetime {
   line-height: 26px;
   position: relative;
   width: 100%;
   /* 	padding-right: 20px; */
}
/*
.delivery-daytime-button .selected-datetime{
	line-height: 28px;
	height: 24px;
}
*/
.daytime-popup .delivery-daytime-button .selected-datetime {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   position: relative;
   height: 36px;
}
.daytime-popup .delivery-daytime-button .selected-datetime .selected-day {
   white-space: pre;
}
.daytime-popup .delivery-daytime-button .selected-datetime:before {
   margin-right: 10px;
}

.delivery-daytime-wrapper {
   background: #fff;
   width: 100%;
   /* 	height: 400px; */
   border: 1px solid #f2f2f2;
   border-top: none;
   display: none;
}
.delivery-daytime-select.open .delivery-daytime-wrapper {
   display: block;
}
.daytime-popup .delivery-daytime-select.open .delivery-daytime-wrapper {
   border-bottom: 2px solid #f2f2f2 !important;
}
.daytime-popup .delivery-daytime-wrapper {
   width: calc(100% + 4px);
   position: absolute;
   bottom: 100%;
   border: 2px solid #f2f2f2;
   border-bottom: 2px solid #f2f2f2 !important;
   box-shadow: 0px -10px 12px 0px rgba(0, 0, 0, 0.1);
}
.delivery-daytime-select.daytime-popup.selected .delivery-daytime-wrapper {
   border: 2px solid var(--main);
}
.delivery-daytime-select.daytime-popup.open.delivery-daytime-wrapper {
   border-top: 2px solid #f2f2f2 !important;
}
.daytime-popup .delivery-daytime-wrapper ul {
   max-height: 180px;
}
.delivery-daytime-wrapper ul {
   padding: 0;
   margin: 0;
   list-style: none;
   text-align: center;
   max-height: 230px;
   overflow-x: auto;
}
.delivery-daytime-wrapper li {
   list-style: none;
}
.delivery-daytime-wrapper input {
   opacity: 0;
   position: absolute;
   z-index: -1;
}
.delivery-daytime-button-wrap {
   height: 45px;
   background: #f2f2f2;
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-between;
   border-bottom: 1px solid #f2f2f2;
}
.delivery-daytime-button-wrap button {
   width: calc(50% - 0.5px);
   font-size: 0.8375rem;
   border: none;
   background: #fff;
   cursor: pointer;
}
.delivery-daytime-button-wrap button.selected {
   background: #f2f2f2;
}
.delivery-daytime-wrapper .time-name,
.delivery-daytime-wrapper .day-name {
   font-size: 0.8375rem;
   font-weight: 100;
   width: 100%;
   cursor: pointer;
   height: 50px;
   padding: 0 5px;
   display: flex;
   flex-flow: row wrap;
   justify-content: center;
   align-items: center;
}

.delivery-daytime-wrapper ul input:checked ~ span {
   font-weight: 500;
   color: #000;
}
.delivery-days-list {
   display: none;
}

.delivery-daytime-select .delivery-daytime-button .selection-arrow {
   height: 26px;
   position: absolute;
   top: 1px;
   right: 1px;
   width: 20px;
}
.delivery-daytime-select.daytime-popup
   .delivery-daytime-button
   .selection-arrow {
   top: auto;
}
.delivery-daytime-select .delivery-daytime-button .selection-arrow b {
   border-color: #888 transparent transparent transparent;
   border-style: solid;
   border-width: 5px 4px 0 4px;
   height: 0;
   left: 50%;
   margin-left: -4px;
   margin-top: -2px;
   position: absolute;
   top: 50%;
   width: 0;
}
.delivery-daytime-select.open .delivery-daytime-button .selection-arrow b {
   border-color: transparent transparent #888 transparent;
   border-width: 0 4px 5px 4px;
}

@media (hover: hover) {
   .delivery-daytime-wrapper label span:hover {
      background-color: #f2f2f2;
   }
}

@media all and (max-width: 1200px) {
   .menu-tools
      .delivery-daytime-select.daytime-header
      .delivery-daytime-button
      .selected-datetime {
      line-height: 22px;
   }
   .menu-tools .delivery-daytime-wrapper span {
      font-size: 0.8375rem !important;
   }
   .menu-tools .delivery-daytime-wrapper .dashicons-calendar-alt {
      font-size: 20px !important;
   }
}
@media all and (max-width: 1100px) {
   .menu-tools .delivery-daytime-select.daytime-header {
      width: 30%;
      min-width: unset;
   }
   .menu-tools
      .delivery-daytime-select.daytime-header
      .delivery-daytime-button {
      padding: 11px 13px 16px;
   }
}

@media all and (max-width: 440px) {
   .daytime-header .delivery-daytime-wrapper {
      width: 55vw;
      position: relative;
      right: 25vw;
   }
   .daytime-popup .selected-datetime {
      padding-right: 20px;
   }
   .selected-datetime.icon-clock-1:before {
      content: none;
   }
}
/**
 * WooCommerce Archive
 */

.woocommerce ul.products.columns-1 li.product {
   display: flex;
   flex-flow: row nowrap;
   padding-bottom: 1rem !important;
   padding: 1rem !important;
   padding-bottom: 1rem;
   border: solid 1px #eeeeee;
   border-radius: 0.3rem;
   padding: 0 !important;
}
.woocommerce ul.products.columns-1 li.product a.woocommerce-LoopProduct-link {
   width: 75%;
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-between;
   align-items: center;
   padding: 1rem;
}
.woocommerce ul.products.columns-1 li.product a.add_to_cart_button,
.woocommerce ul.products.columns-1 li.product a.addtocartbutton {
   position: static;
   left: auto;
   width: 25%;
   margin: 0;
   margin: 1rem;
}
.woocommerce ul.products.columns-1 li.product a img {
   display: none;
}
.woocommerce
   .woocommerce-products-content
   ul.products.columns-1
   li.product
   .woocommerce-loop-product__title {
   margin: 0 !important;
}

.woocommerce
   ul.products.columns-1
   li.product
   .woocommerce-loop-category__title {
   color: #000;
   position: static;
   padding: 10px 0 !important;
   text-align: left;
}
.woocommerce ul.products.columns-1 .product-category a {
   width: 100%;
   padding: 1rem !important;
}

.woocommerce ul.products.columns-1 .product-category a::after {
   content: none;
}

/**
 * WooCommerce Single Product
 */
.woocommerce.open-list-style.single-product
   .woocommerce-product-gallery__image--placeholder {
   margin-bottom: 30px;
   border: none !important;
}
.woocommerce.open-list-style.single-product
   .woocommerce-product-gallery__image--placeholder
   img {
   display: none;
}

.open-list-style .woocommerce-placeholder {
   display: none !important;
}

/**
 * Custom calculating price
 */

#self-service-cart-button.disabled_button {
   pointer-events: none;
   cursor: default;
   opacity: 0.5;
}
#self-service-cart-button.disabled_button #selfservice-paytext,
#self-service-cart-button.disabled_button:after {
   opacity: 0;
}

/* .woocommerce-notices-wrapper{
	display: none;
} */

.addon-input {
   display: none !important;
}
.addon-minus.hidden {
   display: none;
}
.addon-plus.disabled {
   cursor: not-allowed;
}
.addon-plus.disabled span {
   opacity: 0.5;
}
.addon .free-addon-hide-price {
   display: none;
}
.free-addon-count-message {
   text-transform: uppercase;
   margin: 0 0 1rem;
   padding: 1rem;
   display: inline-block;
}
.free-addon-count-message h5 {
   font-size: 0.75rem;
   margin: 0;
}
.free-addon-count-message .hide {
   display: none;
}

/* CART */
.single-addon,
.modifier-price-free {
   display: none;
}

/**
 * datetime options
 */
.datetime-select {
   margin: 1.5rem 0;
}

.datetime-options {
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-column-gap: 1rem;
}
.datetime-option label {
   text-align: center;
   display: block;
   border: 1px solid #ddd;
   background: #f9f9f9;
   padding: 1em 0.5em;
   border-radius: 5px;
}

.datetime-type-option:checked ~ label {
   border-color: #4caf50;
}

.datetime-type-option:checked ~ label .datetime-type-icon {
   color: #4caf50;
}
.datetime-option.closed {
   pointer-events: none;
   opacity: 0.5;
}
.datetime-type-icon {
   display: block;
   font-size: 1.5em;
}

.datetime-type-option {
   display: none;
}

.datetime-picker {
   display: none;
   grid-template-columns: 1fr 1fr;
   grid-column-gap: 1rem;
   padding: 1.5rem 0 0 0;
}

.delivery-datetime-wrapper {
   flex-grow: 1;
   min-width: 60px;
}

.delivery-datetime-wrapper .delivery-time-input,
.delivery-datetime-wrapper .delivery-datetime-input {
   width: 100%;
   cursor: pointer;
}

/* Added to disable date-picker */
.delivery-datetime-wrapper .delivery-datetime-input {
   pointer-events: none;
   opacity: 0.7;
}

.swal2-container {
   z-index: 10999 !important;
}
.swal2-container .swal2-actions .swal2-cancel,
.swal2-container .swal2-actions .swal2-confirm {
   border-radius: unset;
   padding: 1.6rem 2rem;
   margin: 1rem;
   text-transform: uppercase;
   font-family: "Favorit", sans-serif;
   box-shadow: none;
}

.self-service-cart-non-button {
   padding: 1.8rem 2rem;
   display: block;
   position: relative;
}
.woocommerce .self-service-cart-non-button .loader:before {
   left: 10%;
}
.icon img {
   max-height: 40px;
}
.optional {
   display: none;
}

/**
 * Home Delivery 
 */
.woocommerce-checkout-review-order .delivery-options.show-home-delivery {
   grid-template-columns: 1fr 1fr 1fr;
}

.woocommerce-checkout-review-order .delivery-message {
   margin-top: 1.5rem;
}

/**
 * Self service footer
 */
.self-service-footer span.icon {
   position: relative;
   bottom: 4px;
}
.self-service-footer span.icon:before {
   font-family: "preorder-20";
   font-weight: 300;
   text-transform: none;
   margin: 1rem 5px 0.5rem 0;
   vertical-align: middle;
}
.self-service-footer span.icon.dinein:before {
   content: "\68";
   font-size: 2.9rem;
   line-height: 2rem;
   margin-right: 10px;
}
.self-service-footer span.icon.pickup:before {
   content: "\66";
   font-size: 2rem;
}

/**
 * Self service checkout
 */
#self-service-checkout-content .price {
   opacity: 0;
}
.card-terminal-status.contact,
.card-terminal-status.approved,
.card-terminal-status.cancelled {
   display: none;
}

/**
 * QR Service
 */

body.qrservice .delivery-tablenumber.tablenumber-header {
   width: 150px;
   min-width: 150px;
   height: 100%;
   z-index: 99;
   color: #333;
}
body.qrservice .delivery-tablenumber.tablenumber-popup {
   width: 31%;
   height: 100%;
   z-index: 99;
   color: #333;
}
body.qrservice .delivery-tablenumber input#open-table-number {
   width: 100%;
   height: 70px;
   padding: 10px;
   border: 2px solid var(--main);
   text-align: center;
   font-size: 1.2rem;
   -moz-appearance: textfield;
   border-radius: 0;
   color: var(--main);
}
body.qrservice .delivery-tablenumber input#open-table-number:invalid {
   border: 2px solid #f1f4f5;
}
body.qrservice .delivery-tablenumber input#open-table-number:disabled {
   color: var(--main);
   -webkit-text-fill-color: var(--main);
   opacity: 1;
}
body.qrservice
   .delivery-tablenumber
   input#open-table-number::-webkit-outer-spin-button,
body.qrservice
   .delivery-tablenumber
   input#open-table-number::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}
body.qrservice .delivery-tablenumber span.open-table-number {
   line-height: 24px;
   min-height: 24px;
   width: 100%;
}
.tablenumber-freetext {
   text-align: center;
   font-size: 1rem;
   margin-top: 40px;
}

/**
 * Expresskassa
 */
body.expresskassa #billing_first_name_field,
body.expresskassa #billing_last_name_field,
body.expresskassa #billing_email_field,
body.expresskassa #billing_phone_field.validate-required,
body.expresskassa #order_comments_field {
   display: none !important;
}

@media all and (max-width: 1200px) {
   .menu-tools .delivery-tablenumber.tablenumber-header input {
      line-height: 22px;
      font-size: 0.6275rem;
   }
}
@media all and (max-width: 1100px) {
   .menu-tools .delivery-tablenumber.tablenumber-header {
      width: 30%;
      min-width: unset;
   }
   body.qrservice .delivery-tablenumber.tablenumber-popup {
      width: 100%;
   }
}
@media all and (max-width: 600px) {
   .menu-tools.desktop .delivery-tablenumber span.thin {
      display: block;
   }
}