@import 'variables', 'mixin';

/**
 * Table of Contents:

 * 1.0 - blockUI
 * 2.0 - woocommerce-mini-cart
	* 2.1 - woocommerce-mini-cart-item
		* 2.1.1 - a:not([class])
		* 2.1.2 - remove
		* 2.1.3 - quantity
		* 2.1.4 - variation
	* 2.2 - woocommerce-mini-cart__total
	* 2.3 - woocommerce-mini-cart__buttons
	* 2.4 - woocommerce-mini-cart__empty-message
*/

.page-koszyk,
.page-zamowienie {
      .woocommerce {
            @include media-min(1200px) {
                  padding: 0 150px;
            }
      }
}

.coupon {
      display: flex;

      .button {
            width: 20%;

            @include media-max(1200px) {
                  width: 50%;
            }
      }

      &__title {
            color: #000000;
            font-family: 'gilroy-regular', sans-serif;
            margin-bottom: 30px;
            margin-top: 50px;
            font-size: 30px;
            line-height: 30px;
            text-align: center;
      }
}

/* 1.0 - blockUI */
.blockUI {
      &.blockOverlay {
            position: relative;
            opacity: 1 !important;
            background: rgba(#FFF, .75) !important;

            &:before {
                  @include absolute(0, 0, 0, 0);
                  content: '';
                  display: block;
                  height: 30px;
                  width: 30px;
                  margin: auto;
                  background: none;
                  z-index: 99999;
                  background-position: center;
                  background-repeat: no-repeat;
                  @include css3(animation, loading 2s infinite linear);
            }
      }
}


/* 2.0 - woocommerce-mini-cart */
.woocommerce-mini-cart {
      line-height: 1.4;
      font-size: 12px;


      /* 2.1 - woocommerce-mini-cart-item */
      &-item {
            display: block;
            position: relative;
            padding: 15px;
            display: block;
            width: 100%;
            min-height: 85px;
            @include clear;
            @include css3(transition, $transition);

            &:nth-child(even) {
                  background: $woo-table-row-odd-background;
            }

            &:hover {
                  background-color: $woo-table-row-hover-background;
            }

            &.more {
                  min-height: unset;
            }


            /* 2.1.1 - a:not([class]) */
            a:not([class]) {
                  text-align: left;
                  display: block;
                  color: #000;
                  margin-left: 70px;
                  font-size: 15px;

                  >img {
                        float: left;
                        width: 55px;
                        border: 1px solid $btn-content-border-color;
                        padding: 1px;
                        margin-right: 15px;
                        margin-left: -70px;
                  }

                  &:after {
                        content: '';
                        margin: auto;
                        @include absolute(0, 0, 0, 0);
                  }

                  &:hover {
                        text-decoration: none;
                  }
            }


            /* 2.1.2 - remove */
            .remove {
                  position: absolute;
                  z-index: 10;
                  left: 17px;
                  top: 17px;
                  width: 16px;
                  height: 16px;
                  background: #f95555;
                  color: #fff;
                  border: 0;
                  text-align: center;
                  font-size: 0;
                  display: block;
                  @include css3(transition, $transition);

                  &:before {
                        content: '';
                        width: 100%;
                        height: 100%;
                        display: block;
                        background-repeat: no-repeat;
                        background-position: center;
                  }

                  &:hover {
                        background: #555;
                        text-decoration: none;
                  }
            }


            /* 2.1.3 - quantity */
            .quantity {
                  margin-left: 70px;
                  margin-top: 7px;
                  display: block;
            }


            /* 2.1.4 - variation */
            .variation {
                  margin: 0;
                  padding-left: 70px;

                  dt {
                        display: inline;
                        margin: 0;
                        font-weight: $woo-bold-font-weight;

                        &:before {
                              content: ' ';
                              display: block;
                        }
                  }

                  dd {
                        display: inline;
                        margin: 0;

                        p {
                              display: inline;
                              margin: 0;
                        }
                  }
            }
      }


      /* 2.2 - woocommerce-mini-cart__total */
      &__total {
            font-size: 17px;
            font-weight: 400;
            letter-spacing: 0;
            text-transform: none;
            padding: 15px 15px;
            border-top: 1px solid $btn-content-border-color;
            margin: 0;
            text-align: center;
            color: #000;

            strong {
                  font-weight: 400;
            }

            .amount {
                  font-weight: $woo-bold-font-weight;
                  color: #000;
            }
      }


      /* 2.3 - woocommerce-mini-cart__buttons */
      &__buttons {
            margin: 0;
            display: flex;
            justify-content: center;
            width: 100%;
            border-top: 1px solid #D7D7D7;

            .button {
                  font-size: 13px !important;
                  padding: 5px 15px 15px;
                  letter-spacing: 0;
                  border: 0;
                  text-transform: none;
                  white-space: unset;
                  text-align: left;
                  min-height: auto;
                  color: #000 !important;
                  position: relative;
                  background: transparent;
                  font-weight: 400;
                  line-height: inherit;
                  margin-top: 0 !important;

                  .svg-icon {
                        width: 13px;
                        margin-right: 6px;
                        position: relative;
                        top: -2px;
                  }

                  &:hover {
                        color: #fff !important;
                        background: transparent;
                  }
            }
      }


      /* 2.4 - woocommerce-mini-cart__empty-message */
      &__empty-message {
            padding: 20px;
            text-transform: uppercase;
            margin: 0;
            font-size: 12px;
      }
}