/* LIOVELA B2C V68 - MOBILE PRODUCT ACTIONS / SLIDER TEXT FINAL CLAMP
   Modyfikator stworzony przez gumis
   Cel: po V67 wishlist już nie wystaje, ale na 768px poza ekran wychodziła kolumna akcji produktu:
   form.add-to-cart-or-refresh / quick-view / compare oraz na SK miejscami tekst slidera. */

@media (max-width: 991px) {
  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body .product-miniature,
  body article.product-miniature,
  body .js-product-miniature,
  body .thumbnail-container,
  body .products .product,
  body .products article,
  body .liovela-v68-card {
    position: relative !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body .liovela-v68-card .product-description,
  body .product-miniature .product-description,
  body article.product-miniature .product-description,
  body .js-product-miniature .product-description,
  body .thumbnail-container .product-description {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  @media (min-width: 700px) and (max-width: 991px) {
    body .liovela-v68-card .product-description,
    body .product-miniature .product-description,
    body article.product-miniature .product-description,
    body .js-product-miniature .product-description,
    body .thumbnail-container .product-description {
      padding-right: 62px !important;
    }

    body .liovela-v68-card form.add-to-cart-or-refresh,
    body .product-miniature form.add-to-cart-or-refresh,
    body article.product-miniature form.add-to-cart-or-refresh,
    body .js-product-miniature form.add-to-cart-or-refresh,
    body .thumbnail-container form.add-to-cart-or-refresh {
      position: absolute !important;
      top: 50% !important;
      right: 14px !important;
      left: auto !important;
      margin: -42px 0 0 0 !important;
      width: 35px !important;
      min-width: 35px !important;
      max-width: 35px !important;
      height: 84px !important;
      min-height: 84px !important;
      max-height: 84px !important;
      padding: 0 !important;
      float: none !important;
      clear: none !important;
      transform: none !important;
      box-sizing: border-box !important;
      z-index: 10 !important;
      overflow: visible !important;
    }

    body .liovela-v68-card a.quick-view.btn.btn-primary,
    body .product-miniature a.quick-view.btn.btn-primary,
    body article.product-miniature a.quick-view.btn.btn-primary,
    body .js-product-miniature a.quick-view.btn.btn-primary,
    body .thumbnail-container a.quick-view.btn.btn-primary,
    body .liovela-v68-card .compare,
    body .product-miniature .compare,
    body article.product-miniature .compare,
    body .js-product-miniature .compare,
    body .thumbnail-container .compare,
    body .liovela-v68-card a.st-compare-button.btn-product.btn,
    body .product-miniature a.st-compare-button.btn-product.btn,
    body article.product-miniature a.st-compare-button.btn-product.btn,
    body .js-product-miniature a.st-compare-button.btn-product.btn,
    body .thumbnail-container a.st-compare-button.btn-product.btn,
    body .liovela-v68-action {
      left: auto !important;
      right: auto !important;
      transform: none !important;
      float: none !important;
      clear: none !important;
      box-sizing: border-box !important;
      max-width: 35px !important;
      overflow: hidden !important;
    }

    body .liovela-v68-card a.quick-view.btn.btn-primary,
    body .product-miniature a.quick-view.btn.btn-primary,
    body article.product-miniature a.quick-view.btn.btn-primary,
    body .js-product-miniature a.quick-view.btn.btn-primary,
    body .thumbnail-container a.quick-view.btn.btn-primary {
      position: relative !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: 35px !important;
      min-width: 35px !important;
      max-width: 35px !important;
      height: 35px !important;
      min-height: 35px !important;
      max-height: 35px !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    body .liovela-v68-card .compare,
    body .product-miniature .compare,
    body article.product-miniature .compare,
    body .js-product-miniature .compare,
    body .thumbnail-container .compare {
      position: relative !important;
      display: block !important;
      width: 35px !important;
      min-width: 35px !important;
      max-width: 35px !important;
      height: 33px !important;
      min-height: 33px !important;
      max-height: 33px !important;
      margin: 16px 0 0 0 !important;
      padding: 0 !important;
    }

    body .liovela-v68-card a.st-compare-button.btn-product.btn,
    body .product-miniature a.st-compare-button.btn-product.btn,
    body article.product-miniature a.st-compare-button.btn-product.btn,
    body .js-product-miniature a.st-compare-button.btn-product.btn,
    body .thumbnail-container a.st-compare-button.btn-product.btn {
      position: relative !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: 33px !important;
      min-width: 33px !important;
      max-width: 33px !important;
      height: 33px !important;
      min-height: 33px !important;
      max-height: 33px !important;
      margin: 0 !important;
      padding: 0 !important;
    }
  }

  /* SK / slider: przy przerwanym raporcie po V67 tekst slidera na 768px pojawił się na x=843. */
  @media (min-width: 700px) and (max-width: 991px) {
    body .slide-text,
    body .slider-text,
    body .slidertext,
    body .homeslider-container .slide-text,
    body #homepage-slider .slide-text,
    body #cp_image_slider .slide-text,
    body .cp_imageslider .slide-text {
      left: 40px !important;
      right: 40px !important;
      width: auto !important;
      max-width: calc(100vw - 80px) !important;
      min-width: 0 !important;
      transform: none !important;
      box-sizing: border-box !important;
      overflow: hidden !important;
    }

    body .slide-text a,
    body .slide-text span,
    body .slide-text div,
    body .sliderbutton,
    body a.sliderbutton.btn.btn-primary {
      max-width: 100% !important;
      box-sizing: border-box !important;
      white-space: normal !important;
    }
  }
}