@import 'variables', 'mixin';

/**
 * Table of Contents:

 * 1.0 - woocommerce
	* 1.1 - woocommerce-ordering
	* 1.2 - onsale
	* 1.3 - woocommerce-message
 * 2.0 - product-col
	* 2.1 - product-box
	* 2.2 - product-box-img
	* 2.3 - product-box-desc
		* 2.3.1 - product-box-desc__h
		* 2.3.2 - product-box-desc__p
		* 2.3.3 - product-box-desc__price
		* 2.3.4 - product-box-desc__btn-box
	* 2.4 - product-box__add-to-cart
	* 2.5 - product-box__link
*/

.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
      font-size: 15px;
}

.page-kategorie-produktow {
      .woocommerce-loop-category__title {
            font-size: 18px !important;
            line-height: 25px !important;
            color: #333333 !important;
            font-weight: bold !important;
            text-align: center;
      }

      .count {
            display: none;
      }
}


.product__content {
      position: relative;
}

.woocommerce-result-count {
      position: absolute;
      top: 65px;
      font-family: 'gilroy-regular', sans-serif;

      @include media-max(1200px) {
            display: none;
      }
}

.woocommerce-ordering {
      border-bottom: 1px solid rgba(#B1B1B1, 50%);
      padding: 0 0 15px 0;
      margin: 0 0 40px;

      select {
            text-transform: uppercase;
            font-family: 'gilroy-regular', sans-serif;
            padding: 10px 34px 10px 14px;
            font-size: 15px;
      }
}

.archive,
.category {
      .content {
            .row.products {
                  padding: 0 150px;

                  @include media-max(1200px) {
                        padding: 0 15px;
                  }
            }
      }
}

.single {
      .content {
            .single-prod {
                  padding: 0 150px;

                  @include media-max(1200px) {
                        padding: 0 15px;
                  }

                  .col-12.col-sm-6 {
                        &.content {
                              padding: 0 !important
                        }
                  }
            }
      }
}


/* 1.0 - woocommerce */
/* 1.1 - woocommerce-ordering */
.woocommerce-ordering {
      margin: $header-margin;

      >select {
            max-width: 300px;
            display: block;
            margin-left: auto;

            @include media-max(md) {
                  max-width: 100%;
            }
      }
}


/* 1.2 - onsale */
.onsale {
      position: absolute;
      z-index: 10;
      left: $onsale-position-left;
      top: $onsale-position-top;
      right: $onsale-position-right;
      bottom: $onsale-position-bottom;
      text-transform: $onsale-text-transform;
      background: $onsale-background-color;
      color: $onsale-color;
      font-size: $onsale-font-size;
      letter-spacing: $onslate-letter-spacing;
      padding: $onsale-padding;
}


/* 1.3 - woocommerce-message */
.woocommerce-message,
.woocommerce-Message,
.woocommerce-form-coupon-toggle,
.woocommerce-info,
.woocommerce-error,
.cart-empty {
      background: $woo-table-row-odd-background;
      border: 1px solid $woo-border-color;
      padding: 20px;
      margin: $header-margin;

      @include media-max(sm) {
            text-align: center;
      }

      .button {
            margin-right: 15px;
            display: inline-flex;

            @include media-max(sm) {
                  display: block;
                  margin-right: 0;
                  margin-bottom: 15px;
            }
      }

      .woocommerce-error,
      .woocommerce-info {
            background: none;
            padding: 0;
            border: 0;
            margin: 0;
      }
}

.woocommerce-error {
      border-color: #ff0000;
      background: #ffe2e2;
      color: #C10000;
      list-style-position: inside;
}


/* 2.0 - product-col */
.product-col {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: $product-col-margin;
      padding: $product-col-padding;

      @include media-max(sm) {
            margin: $product-col-mobile-margin;
      }


      /* 2.1 - product-box */
      .product-box {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            border: unset;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            background: $product-box-background;
            @include css3(transition, $transition);

            &:hover {
                  border-color: $product-box-border-color-hover;
                  background: $product-box-background-hover;
                  @include css3(box-shadow, $product-box-shadow-hover);

                  .product-box-img__hov {
                        left: $product-box-img__hov-position-left-hover;
                        opacity: $product-box-img__hov-opacity-hover;
                  }
            }
			span.available.onsale {
				top: 50px;
    			background: #D82926;
			}
      }


      /* 2.2 - product-box-img */
      .product-box-img,
      .product-box-img__hov {
            height: $product-box-img__height;
            padding: $product-box-img__padding;
            background: $product-box-img__background;
            position: relative;
            display: flex !important;
            align-items: center;
            justify-content: center;

            img {
                  width: 100%;
                  max-height: 100%;
                  max-width: 100%;
                  height: 100%;
                  object-fit: $product-box-img__object-fit;
            }
      }

      .product-box-img__hov {
            position: absolute;
            top: $product-box-img__hov-position-top;
            left: $product-box-img__hov-position-left;
            width: 100%;
            opacity: $product-box-img__hov-opacity;
            @include css3(transition, $product-box-img__hov-transition);
      }


      /* 2.3 - product-box-desc */
      .product-box-desc {
            position: relative;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            padding: $product-box-desc-padding;


            /* 2.3.1 - product-box-desc__h */
            &__h,
            .woocommerce-loop-category__title {
                  font-family: $product-box-desc__h-font;
                  color: $product-box-desc__h-color;
                  font-size: $product-box-desc__h-font-size;
                  line-height: $product-box-desc__h-line-height;
                  font-weight: $product-box-desc__h-font-weight;
                  margin: $product-box-desc__h-margin;
            }


            /* 2.3.2 - product-box-desc__p */
            &__p {
                  font-family: $product-box-desc__p-font;
                  color: $product-box-desc__p-color;
                  font-size: $product-box-desc__p-font-size;
                  line-height: $product-box-desc__p-line-height;
                  font-weight: $product-box-desc__p-font-weight;
                  margin: $product-box-desc__p-margin;
            }


            /* 2.3.3 - product-box-desc__price */
            &__price {
                  font-family: $product-box-desc__price-font;
                  color: $product-box-desc__price-color;
                  font-size: $product-box-desc__price-font-size;
                  line-height: $product-box-desc__price-line-height;
                  font-weight: $product-box-desc__price-font-weight;
                  margin: $product-box-desc__price-margin;

                  del {
                        color: $product-box-desc__price-del-color;
                        font-size: $product-box-desc__price-del-font-size;
                        font-weight: $product-box-desc__price-del-font-weight;
                        margin-right: 5px;
                  }

                  ins {
                        text-decoration: none;
                  }

                  .star-rating {
                        margin: 7px 0 5px;
                  }
            }


            /* 2.3.4 - product-box-desc__btn-box */
            &__btn-box {
                  display: $product-box-desc__btn-box-display;
                  padding: $product-box-desc__btn-box-padding;
                  position: relative;
                  z-index: 7;

                  .add_to_cart_button {
                        width: 100%;
                        position: relative;

                        &:after {
                              display: none;
                              width: 14px;
                              height: 14px;
                              margin-left: 5px;
                              position: absolute;
                              top: 50%;
                              margin-top: -7px;
                              content: '';
                              background-position: center;
                              background-repeat: no-repeat;
                        }

                        &.loading {
                              &:after {
                                    display: inline-block;
                                    @include css3(animation, loading 2s infinite linear);
                              }
                        }

                        &.added {
                              &:after {
                                    display: inline-block;
                              }
                        }

                        +.added_to_cart {
                              display: none !important;
                        }
                  }
            }
      }

      .product-type-simple .product-box-desc {
            padding: $product-box-desc-simple-padding;
      }


      /* 2.4 - product-box__add-to-cart */
      .product-box__add-to-cart {
            position: absolute;
            left: $product-box__add-to-cart-position-left;
            top: $product-box__add-to-cart-position-top;
            right: $product-box__add-to-cart-position-right;
            bottom: $product-box__add-to-cart-position-bottom;
            width: $product-box__add-to-cart-width;
            height: $product-box__add-to-cart-height;
            display: -webkit-box;
            display: -ms-flexbox;
            display: $product-box__add-to-cart-display;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border: $product-box__add-to-cart-border;
            color: $product-box__add-to-cart-color;
            background: $product-box__add-to-cart-background;
            z-index: 9;
            margin: auto;
            @include css3(transition, $product-box__add-to-cart-transition);

            &:hover {
                  border-color: $product-box__add-to-cart-border-color-hover;
                  color: $product-box__add-to-cart-color-hover;
                  background: $product-box__add-to-cart-background-hover;
            }

            .icon {
                  display: block;
                  width: 100%;
                  height: 100%;
                  background-position: center;
                  background-repeat: no-repeat;
            }

            &.loading .icon {
                  @include css3(animation, loading 2s infinite linear);
            }

            +.added_to_cart {
                  display: none !important;
            }
      }


      /* 2.5 - product-box__link */
      .product-box__link {
            display: $product-box__link-display;
            z-index: 5;
            @include absolute(0px, 0px, 0px, 0px);
      }
}