/**
 * single-product.css
 */

body .sticky-add-to-cart--active .button {
  margin-bottom: 0;
}

@media (max-width: 550px) {
  body .sticky-add-to-cart--active {
    display: inherit;
  }
}

/* .product-info.summary .button.button-download-pdf {
	margin-bottom:  0;
	margin-left:  ;
}
 */
@media (min-width: 768px) {
  .product-info.summary {
    /* 		display: inline-block; */
  }
}

.product-info.summary .button::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 0.5em;
}

.product-info.summary .single_add_to_cart_button::before {
  content: '\f075';
}

.product-info.summary .button-download-pdf::before {
  content: '\f1c1';
  /* 	color:  lightpink; */
}

body .product-info.summary .single_add_to_cart_button {
  background-color: #3ab546;
  color: white;
}

/**
 * cta-contact-info
 */
.cta-contact-info {
  background-color: var(--primary-color);
  padding: 20px;
  /* 	border-radius: 10px; */
  border: 1px solid #555;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

@media (min-width: 1024px) {
  .cta-contact-info {
    flex-direction: row;
  }
}

.cta-contact-info > * {
  /* 	display:  block; */
}

.cta-contact-info * {
  color: white;
}

.cta-contact-info .contact-info-title {
  font-size: 24px;
  font-weight: bold;
}

.cta-contact-info .contact-methods a {
  font-size: 15px;
  font-weight: bold;
}

@media (min-width: 768px) {
  .cta-contact-info .contact-methods a {
    font-size: 17px;
  }
}

.cta-contact-info .contact-methods a {
  display: block;
}

.cta-contact-info .contact-methods a:hover {
  color: white;
}

.contact-info-phone {
  margin-bottom: 8px;
}

/**
 * 2024-07-09 PF. Fix the layout of the add-to-cart and data-sheet buttons
 * on the single product page.
 */
body.woocommerce form.cart {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
}

body.woocommerce form.cart > * {
  flex: auto;
}

@media (min-width: 922px) {
  body.woocommerce form.cart {
    flex-direction: row;
  }
}
