/* Full width radio image fields on mobile */

@media only screen and (max-width: 767px) {

  .ccb-field.ccb_field_with_radio_with_img[style] {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
  }

  .ccb-default-radio-image .ccb-radio-image {
    width: 100% !important;
  }

}


/* Cost Calculator - don't break the words */

.calc-container .calc-list span {
 word-break: break-word !important;
}

/* Cost Calculator - changes apparences */

.ccb-field.ccb-radio-field .ccb-radio-grid {
    display: flex !important;
}

.ccb-summary-item {
    display: flow !important;
}

.ccb-summary-item__values,
.ccb-summary-item__value {
    text-align: right !important;
}


/* Adjust size CCB section on mobile */


@media only screen and (max-width: 767px) {

  .ccb-section.default {
    padding: 15px !important;
  }

}


/* Remove the add to cart button from woo */

.woocommerce .add_to_cart_button,
.woocommerce .product_type_simple {
  display: none !important;
}


/* Reduced the size of images in the Woo category section */

.tax-product_cat .woocommerce-products-header img {
  max-width: 300px;
  width: 100%;
  height: auto;
  display: block;
  margin: 40px auto; 
}

/* Remove the name from images on woo products */

.pswp__caption__center {
  display:none; 
}


/* Elementor (widget "Post Content") : annule le -80px des blocs alignwide */
body .elementor-widget-theme-post-content .alignwide{
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-inline: 0 !important;
}

body .elementor-widget-theme-post-content .wp-block-columns.alignwide{
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}


/* Espace autour des titres et des boutons sur les articles WP uniquement */
/* Articles uniquement */
body.single-post .wp-block-heading{
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

body.single-post .wp-block-buttons{
  padding-top: 20px !important;
  padding-bottom: 10px !important;
}

body.single-post .wp-block-media-text{
  padding-top: 10 !important;
  padding-bottom: 30px !important;
}


/* Boutons Gutenberg */

/* Base */
.wp-block-button__link{
  background: #fff !important;
  color: #C36 !important;
  border: 2px solid #C36 !important;
  font-family: inherit !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

/* Hover */
.wp-block-button__link:hover,
.wp-block-button__link:focus{
  background: #69727d !important;
  border-color: #fff !important;
  color: #fff !important;
}


/* Image margin only on articles
 */
.single-post .wp-block-image{
  margin-top: 40px;
  margin-bottom: 40px;
}


/* Hide the reCAPTCHA badge */
.grecaptcha-badge {
    visibility: hidden;
}


/* Designs the product hero icons on the product pages  */

.avantages-produit {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}

.avantage-produit {
  flex: 1;
  text-align: center;
}

.avantage-produit img {
  display: block;
  width: 60px;
  height: 60px;
  object-fit: contain;
  margin: 0 auto;
}

.avantage-produit p {
  margin: 12px 0 0;
}

/* Mobiles uniquement, jusqu'à 767 px */
@media (max-width: 767px) {
  .avantages-produit {
    flex-direction: column;
    gap: 24px;
  }

  .avantage-produit {
    width: 100%;
  }
}


/* Designs the layout of Loïc's photo on the purification kit product */

.coffret-selection {
  display: flex;
  gap: 36px;
  margin: 32px 0;
}

.coffret-selection__portrait {
  width: 213px;
  max-width: 100%;
  margin: 0;
  flex-shrink: 0;
}

.coffret-selection__portrait img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 3px;
}

.coffret-selection__portrait figcaption {
  margin-top: 10px;
  font-size: 0.94em;
  font-style: italic;
  line-height: 1.35;
}

.coffret-selection__contenu {
  flex: 1;
}

.coffret-selection__liste {
  margin: 0 0 26px;
  padding-left: 1.2em;
}

.coffret-selection__liste li {
  margin-bottom: 16px;
  line-height: 1.5;
}

.coffret-selection__contenu p {
  margin: 0 0 18px;
  line-height: 1.65;
}

@media (max-width: 620px) {
  .coffret-selection {
    display: block;
  }

  .coffret-selection__portrait {
    margin: 0 auto;
  }

  .coffret-selection__contenu {
    padding-top: 28px;
  }
}