@import "variables";
@import "mixins";
@import "@assets/css/molecules/badges";

.woocommerce {
  .product {
    .summary {
      h1 {
        font-size: $fs-h2;
        margin-bottom: $space-xs;
      }
      > .price {
        margin-bottom: $space-xs;
      }
      .woocommerce-product-details__short-description {
        margin-bottom: $space-xs;
        p {
          margin: 0;
        }
      }
      .woocommerce-variation.single_variation {
        margin-bottom: (2rem * 1.6);
      }
    }

    .images {
      width: unset !important;
    }

    .variations {
      label {
        @include inplace-label;
      }
    }

    form.cart {
      button.single_add_to_cart_button.button.alt {
        @include button;
      }
      .variations select {
        @include input;
      }
    }

    .wc_gc_field {
      padding-bottom: 1em;
      label {
        @include inplace-label;
      }
      input,
      select,
      textarea {
        width: 100%;
      }
      &.wc_gc_giftcard_delivery {
        display: none;
      }
    }
    .woocommerce-tabs {
      margin-bottom: $space-md;
    }
    .related,
    .up-sells {
      &.keen-slider .wrap {
        position: relative;
      }
    }
  }
}
