/**
 * @file
 * Visual styles for Dark+'s commerce product content type.
 */
/* banner */
.internal-banner-container .page-title {
  font-size: 54px;
  font-weight: 900;
  line-height: 1.2;
}
.internal-banner-container + .hero-top {
  min-height: auto;
}
.internal-banner-container + .hero-top .page-title {
  display: none;
}

/* field labels */
.product-content .field__label {
  font-size: 30px;
  line-height: 1.20;
  padding: 0;
  margin: 0 0 20px;
  font-weight: 700;
}
.product-content .field--label-inline .field__label {
  font-size: 18px;
  margin: 3px 3px 3px 0;
  display: inline-block;
  float: none;
}
.product-content .field--label-inline .field__label + .field__item {
  display: inline-block;
}

/* image field */
.product-content .images-container {
  text-align: center;
}

/* body field */
.product-content .field {
  margin-bottom: 50px;
}
.product-content .field--entity-reference-target-type-taxonomy-term,
.product-content .field .field {
  margin-bottom: 0;
}
.product-content .field .field__item p:last-child {
  padding-bottom: 0;
}
.product-content .field--entity-reference-target-type-taxonomy-term {
  display: inline-block;
}
.product-content .field--entity-reference-target-type-taxonomy-term.field--label-hidden:before,
.product-content .field--entity-reference-target-type-taxonomy-term.field--label-hidden.field__item:before {
  top: 3px;
}
.product-content .field--entity-reference-target-type-taxonomy-term + .field--entity-reference-target-type-taxonomy-term {
  padding-left: 10px;
}
.product-content .field--entity-reference-target-type-taxonomy-term + .field--entity-reference-target-type-taxonomy-term::before {
  content: "";
}

/* price */
.product-content .field--name-price {
  font-size: 24px;
  font-weight: 700;
}

/* add to cart form*/
.product-content-second .field {
  margin-bottom: 20px;
}
.product-content-second .button--add-to-cart {
  width: 100%;
}

/* product specification field */
.paragraph--type--mt-features-group {
  margin-bottom: 50px;
}
.field--name-field-mt-fg-features {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -3px;
  margin-left: -3px;
}
.field--name-field-mt-fg-features > .field__item {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 992px) {
  .field--name-field-mt-fg-features > .field__item {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 3px;
    padding-left: 3px;
  }
}
.product-content .field--name-field-mt-fg-group-title.field {
  font-size: 30px;
  line-height: 1.20;
  padding: 0;
  margin: 0 0 20px;
  font-weight: 700;
}
.paragraph--type--mt-prd-specification {
  background-color: #f6f6f6;
  padding: 10px 15px;
  margin-bottom: 6px;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -ms-flexbox;
  display: flex;
}
.field--name-field-mt-prd-specification-label {
  font-weight: 700;
}
.field--name-field-mt-prd-specification-value {
  text-align: right;
  font-size: calc(var(--mt-text-size)*0.7);
  line-height: 27px;
}

/*attribute widgets*/
.attribute-widgets .form-item,
.attribute-widgets .form-actions {
  margin-bottom: 10px;
}
.attribute-widgets .ajax-progress {
  position: absolute;
}
.attribute-widgets .ajax-progress .message,
.attribute-widgets .ajax-progress .throbber {
  display: none;
}
.attribute-widgets label.option:hover,
.attribute-widgets .color_field__swatch:hover {
  cursor: pointer;
}
.attribute-widgets .form-radios .form-item {
  display: inline-block;
  margin: 0.4em 4px 0.4em 0;
}
.attribute-widgets .form-radios label.option {
  display: inline-block;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.08);
  padding: 10px 25px;
}
.attribute-widgets .form-radios label.option:hover,
.attribute-widgets .form-radios label.option:focus {
  border-color: hsla(var(--mt-color-primary-value), 1);
}
.attribute-widgets .form-radios .form-radio {
  display: none;
}
.attribute-widgets .form-radios .form-radio[checked="checked"] ~ label.option {
  border-color: hsla(var(--mt-color-primary-value), 1);
  border-width: 1px;
  border-style: dashed;
}
.attribute-widgets .color_field__swatch {
  vertical-align: top;
}
.attribute-widgets .product--rendered-attribute label.option {
  padding: 5px;
}
.attribute-widgets .form-item legend {
  font-size: 14px;
  font-weight: 400;
}

/*commerce sidebar region*/
.commerce-product-sidebar {
  font-size: 14px;
}
.commerce-product-sidebar .list--fa-check li {
  padding-left: 30px;
}
.commerce-product-sidebar .list--fa-check li:before {
  font-size: 17px;
}
.commerce-product-sidebar h2.title {
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 15px 0;
  text-align: left;
}

/*out of stock*/
.product-content-second .field.field--name-field-mt-vrt-gnr-oos-reason {
  margin-bottom: 0;
}
.product-content-second .mt-out-of-stock-message {
  display: none;
  margin-bottom: 20px;
}
.product-content-second .field--name-field-mt-vrt-gnr-oos-reason {
  display: none;
}
.mt-out-of-stock .field--name-variations .form-actions {
  display: none;
}
.mt-out-of-stock .mt-out-of-stock-message,
.mt-out-of-stock .field--name-field-mt-vrt-gnr-oos-reason {
  display: block;
}

/* internal sticky header */
.internal-sticky-header {
  padding: 10px 0;
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 100%;
}
.onscroll .internal-sticky-header {
  z-index: 200;
  height: auto;
  opacity: 1;
}
.onscroll.fixed-header-enabled--scroll-up.headroom--scroll-up.path-product .header.js-fixed,
.onscroll.fixed-header-enabled--scroll.path-product .header.js-fixed,
.fixed-header-enabled.path-product .header.js-fixed {
  opacity: 1;
  position: static;
  box-shadow: none;
}
@media (max-width: 1199px) {
  .internal-sticky-header .page-title {
    font-size: 30px;
  }
}
@media (max-width: 991px) {
  .internal-sticky-header {
    padding: 8px 0;
  }
}

/*flag link*/
.product-content .mt-favorites {
  position: relative;
}
.product-content .flag-mt-favorites a {
  border-width: 1px;
  border-style: solid;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  ms-flex-align: center;
  align-items: center;
}
.product-content .flag-mt-favorites a::after {
  content: "";
}
.product-content .flag-mt-favorites a:hover,
.product-content .flag-mt-favorites a:focus {
  padding-right: 23px;
}
.product-content .flag-mt-favorites a::before,
.product-content .flag-anon-message > span::before {
  content: "\f004";
  font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Pro';
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  padding-right: 10px;
  opacity: 1;
  background-color: transparent;
  position: static;
}
.product-content .flag-mt-favorites a:hover::before,
.product-content .flag-anon-message > span:hover::before {
  opacity: 1;
}
.product-content .action-unflag.flag-mt-favorites a::before {
  font-weight: 900;
}
.ui-dialog .flag-anon-message {
  font-size: 16px;
  min-height: auto!important;
}
.product-content .flag-anon-message {
  font-size: 16px;
}
.ui-dialog .flag-anon-message a {
  color: var(--mt-color-secondary);
  text-decoration: underline;
}
.ui-dialog .flag-anon-message a:hover {
  text-decoration: none;
}
.ui-dialog .ui-draggable-handle .ui-dialog-titlebar-close:after {
  content: "x";
  position: absolute;
  top: 0;
  height: 100%;
  line-height: 1;
  left: 50%;
  margin-left: -5px;
}
.product-content .flag-anon-message > span {
  background-color: transparent;
  border-color: var(--mt-color-base);
  border-width: 1px;
  border-style: solid;
  padding-top: 17px;
  padding-bottom: 17px;
  font-size: 16px;
  font-weight: 400;
  padding: 16px 33px;
  text-decoration: none;
  display: inline-block;
  line-height: 1.125;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin: 0;
  text-align: center;
  position: relative;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  ms-flex-align: center;
  align-items: center;
}
.product-content .flag-anon-message > span:hover {
  background-color: var(--mt-color-base);
  color: var(--mt-color-base-contrast);
}
.product-content .js-flag-message {
  position: absolute;
  top: 40px;
  left: 0;
  border: 1px solid;
  background-color: var(--mt-color-base-contrast)!important;
  margin: 0;
  padding: 8px;
  width: 50%;
  z-index: 100;
  font-size: 16px;
}
.product-content .ajax-progress {
  position: absolute;
  top: 40px;
  right: 15px;
}
