@import url("../../straarup-teaching-materials/assets/teaching-materials.css");

.bde-shortcode-1896-152,
.bde-shortcode-4368-100 {
  color: #7b8794;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

/* Breakdance maps WooCommerce's medium/large typography tokens to the
   heading family. Prices are UI data, so keep the native sizes/weights but
   use the body family at the plugin rule's specificity. */
.breakdance-woocommerce .product.product .price,
.breakdance-woocommerce .product.product .woocommerce-Price-amount bdi,
.breakdance-woocommerce .product.product .price .woocommerce-Price-amount bdi {
  font-family: "Open Sans", sans-serif;
}
.bde-shortcode-1896-152 {
  margin: 0 0 12px;
  color: #667085;
  font-size: 12px;
  letter-spacing: 0.12em;
}

.bde-shortcode-1896-152:empty,
.bde-shortcode-4368-100:empty {
  display: none !important;
}

body.single-product .product-delivery .bde-icon-1896-158 {
  display: none !important;
}

body.single-product .product-info-row > .product-delivery,
body.single-product .product-info-row > .product-shipping-b2b,
body.single-product .product-info-row > .product-shipping-b2c {
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 12px 14px !important;
  text-align: left;
}

body.single-product .product-info-row > .product-delivery .bde-text,
body.single-product .product-info-row > .product-shipping-b2b .bde-text,
body.single-product .product-info-row > .product-shipping-b2c .straarup-free-shipping-progress__message {
  margin: 0;
  color: #10294d;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-align: left;
  white-space: normal;
}

.straarup-product-cart form.cart:not(.bundle_form),
.straarup-product-cart form.bundle_form .bundle_button {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 12px !important;
}

.straarup-product-cart form.cart:not(.bundle_form) > .quantity,
.straarup-product-cart form.cart:not(.bundle_form) > .single_add_to_cart_button,
.straarup-product-cart form.bundle_form .bundle_button > .quantity,
.straarup-product-cart form.bundle_form .bundle_button > .single_add_to_cart_button {
  margin: 0;
}

.straarup-product-tabs-mobile-nav {
  display: none;
}

@media (max-width: 479px) {
  body.single-product .straarup-product-cart {
    width: 100% !important;
  }

  body.single-product .straarup-product-cart form.cart,
  body.single-product .straarup-product-cart form.bundle_form .bundle_button {
    width: 100% !important;
    max-width: none !important;
  }

  body.single-product .straarup-product-cart form.bundle_form .bundle_data,
  body.single-product .straarup-product-cart form.bundle_form .bundle_wrap {
    width: 100% !important;
  }

  body.single-product .straarup-product-cart form.cart > .quantity,
  body.single-product .straarup-product-cart form.bundle_form .bundle_button > .quantity {
    flex: 0 0 75px;
    width: 75px;
    margin: 0;
  }

  body.single-product .straarup-product-cart form.cart > .single_add_to_cart_button,
  body.single-product .straarup-product-cart form.bundle_form .bundle_button > .single_add_to_cart_button {
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
    margin: 0;
  }

  .straarup-product-tabs-mobile-nav {
    display: block;
    width: 100%;
    margin: 0 0 16px;
  }

  .straarup-product-tabs-mobile-nav select {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    min-height: 46px;
    padding: 0 48px 0 14px;
    border: 1px solid #d8dfe8;
    border-radius: 8px;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M2 2l6 6 6-6' fill='none' stroke='%2310294d' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 16px 10px;
    color: #10294d;
    font: 600 14px/1.3 "Open Sans", sans-serif;
  }

  body.single-product .straarup-product > .section-container {
    padding-bottom: 10px !important;
  }

  body.single-product .straarup-product .bde-columns-1896-108 {
    margin-bottom: 0 !important;
  }

  body.single-product .straarup-product-summary {
    padding-bottom: 0 !important;
  }

  .straarup-product-tabs > .bde-tabs__tabslist-container {
    display: none !important;
  }
}