/*
Theme Name: Avanam Child
Theme URI: https://avanam.org/
Description: avanam theme child
Author: avanam
Template: avanam
Version: 1.0.0
*/

/* Custom CSS goes here */

button.single_add_to_cart_button.ajax_add_to_cart.button.alt.button-buy-now {
  display: none !important;
}

.custom-product-rating {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 12px;
  font-size: 14px;
}

.custom-product-rating .rating-star {
  font-size: 16px;
  line-height: 1;
}

.custom-product-rating .rating-value {
  font-weight: 600;
}

.custom-product-rating .rating-count {
  color: #777;
  text-decoration: none;
}

.single-product .woocommerce-product-gallery__image {
  max-height: 550px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

.single-product .woocommerce-product-gallery__image img {
  max-height: 550px !important;
  width: auto !important;
  object-fit: cover;
  border-radius: 10px !important;
}

/* Product gallery height */
.single-product .base-product-gallery-main {
  height: 500px !important;
}

/* Thumbnail gallery height */
.single-product .base-product-gallery-thumbnails {
  height: 500px !important;
}

/* Main gallery images */
.single-product .base-product-gallery-main .woocommerce-main-image img {
  width: 100% !important;
  height: 500px !important;
  object-fit: contain !important;
  border-radius: 10px !important;
}

/* Main gallery slide */
.single-product .base-product-gallery-main .splide__slide {
  height: 500px !important;
}

/* Rounded main image container */
.single-product .base-product-gallery-main .woocommerce-main-image {
  display: block;
  height: 500px;
  border-radius: 10px !important;
  overflow: hidden !important;
}

.product-highlights {
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
  gap: 24px;
  margin-top: 18px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
}

.product-highlights span {
  white-space: nowrap;
  background-color: #78294a;
  color: white;
  padding: 2px 20px;
  border-radius: 10px;
}