/* Start Single product */

.product-quantity ul {list-style: none !important; padding-inline-start: 0 !important;}

.product-attribute-list li {
  font-size: clamp(14px, 1.2vw, 16px);
  color: var(--wp--preset--color--accent-3);
  
}

.product-attribute-list  {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: fit-content;
  margin-block-start: 16px;
  margin-inline-start: 0px !important;
  column-gap: 42px;
  row-gap: 10px;
  
}

.single-product-gallery .wc-block-product-gallery-thumbnails.wc-block-product-gallery-thumbnails--overflow-right {position: relative}
.single-product-gallery .wc-block-product-gallery-thumbnails__scrollable {overflow-x: hidden;}
.single-product-gallery .wc-block-product-gallery-large-image.wp-block-woocommerce-product-gallery-large-image {
  position: absolute;
  top: 50%
}

.wc-block-product-gallery-large-image.wp-block-woocommerce-product-gallery-large-image {height: 100px !important}
.single-product-gallery img.wc-block-woocommerce-product-gallery-large-image__image {display: none !important}
.wc-block-next-previous-buttons__button  {
  width: 60px;
  height: 60px;
  border-radius: 50% !important;
  box-shadow: 0 2px 5px rgba(12, 85, 121, 0.15) !important;
  transition: box-shadow 0.2s ease
}
.wc-block-next-previous-buttons__button:hover {box-shadow: 0 2px 5px rgba(12, 85, 121, 0.644) !important}

.bento-hero-section {
    padding-bottom: 48px;
    padding-top: 32px;
}

/* End Single product */


/* Default Thumbnail*/
.bento-default-thumbnail {height: 209px; border-radius: 16px; object-fit: cover}

/* Read more button */
.wp-block-post-excerpt__more-text {
  background-color: var(--wp--preset--color--accent);
  border-radius: 48px;
  text-align: center;
  padding: 16px 32px;
  & a {font-weight: bold}
}



@media (width <= 599px) {
  .wp-block-cover.has-custom-content-position {min-height: 250px} /* Fixing single publications has a huge amount of space between the title and the content */
  .product-dimensions ul {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
  }
  .single-product .wp-block-image img {vertical-align: middle !important}
}

@media (width >= 600px) {
  .wp-block-cover.has-custom-content-position {min-height: 300px;} /* Fixing single publications has a huge amount of space between the title and the content */
  .bento-two-columns {display: block !important}
  .bento-two-columns .wp-block-post-featured-image {
    width: 65%;
    margin: 47px auto 0;
  }
}

@media (width >= 700px) {
  /* In case the title in the boxes (ex: blog, formations) wraps if it is too long */
  .bento-grid-3 h3 {
    max-width: clamp(230px, 21vw, 349px);
    overflow: hidden;
    white-space: nowrap
  }
}

@media (width >= 992px) {
  .bento-two-columns {display: flex !important}
  .bento-two-columns .wp-block-post-featured-image {
    width: 100%;
    margin: 0;
  }
}

@media (width >= 1200px) {
  .wp-block-cover.has-custom-content-position {min-height: 400px;} /* Fixing single publications has a huge amount of space between the title and the content */
}