//
//  Varibales
//  _____________________________________________



//
//  Common
//  _____________________________________________

& when (@media-common = true) {
  body.filoblustorelocatorfrontend-index-shop{
    .shop-view-wrapper{
      .lib-vendor-prefix-display(flex);
      .right-side{
        .submit-success-section{
          display:none;
        }
        .wishlist-appointment{
          .wishlist-appointment-title{}
          .wishlist-panel{
            margin-bottom:10px;
          }
          .wishlist-wrapper{
            display:none;
            .wishlist-info{
              .wishlist-product-info-container{
                width:100%;
                .lib-vendor-prefix-display(flex);
                .lib-vendor-box-align(center);
                .wishlist-product-image{
                  width:10%;
                }
                .wishlist-product-info-wrapper{
                  width:58%;
                  text-align:center;
                }
                .wishlist-product-price{
                  width:32%;
                  text-align:center;
                }
              }
            }
          }
        }
        .product-wrapper{
          .product-info{
            width:100%;
            .lib-vendor-prefix-display(flex);
            .lib-vendor-box-align(center);
            .wishlist-product-image{
              width:10%;
            }
            .product-info-wrapper{
              width:58%;
              text-align:center;
            }
            .product-price{
              width:32%;
              text-align:center;
            }
          }
        }
      }
      .privacyPolicy-wrap{
        > .field {
          .lib-vendor-prefix-display(flex);
          .lib-vendor-prefix-flex-wrap(wrap);
          > .label {
            flex: 0 0 90%;
            -webkit-flex: 0 0 90%;
            position: relative;
            &::after{
              content: '*';
              color: #e02b27;
              .lib-font-size(12);
              position: absolute;
              top:0;
              right: 0;
            }
          }
        }
      }
    }
  }
    .storelocator-wrapper-popup{
      .filoblu-storelocator-container{
        .lib-visually-hidden();
      }
    }
}

//
//  Desktop
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
  body.filoblustorelocatorfrontend-index-shop{
    .shop-view-wrapper{
      .left-side{
        width:25%;
      }
      .right-side{
        width:75%;
        .form-title,
        .contact-time-title{
          padding:0 10px;
        }
        .booking-form{
          .field{
            padding:5px 10px;
          }
          .field-name,
          .field-lastname,
          .field-phone,
          .field-email,
          .field-date,
          .field-time-slot{
            width:50%;
            float:left;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
          }
          .field-appointment-message{
            clear:both;
          }
        }
      }
    }
  }
}

//
//  Mobile
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
  body.filoblustorelocatorfrontend-index-shop{
    .shop-view-wrapper{
      .lib-vendor-prefix-flex-wrap(wrap);
      .left-side{
        width:100%;
      }
      .right-side{
        width:100%;
      }
    }
  }
}
