/*
Theme Name: Woostify Child
Template: woostify
*/

/* Container styling */
.site-header-inner .woostify-container{
    height: 60px;
    min-height: 60px;
}


/* Image wrapper styling */
.custom-product-card .product-thumbnail-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
}

/* Primary image */
.custom-product-card .primary-image {
  display: block;
  width: 100%;
  transition: opacity 0.4s ease-in-out;
  z-index: 1;
  position: relative;
  height: 25rem;
}

/* Hover image */
.custom-product-card .hover-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  z-index: 2;
}

/* Hover effect */
.custom-product-card:hover .hover-image {
  opacity: 1;
}
.custom-product-card:hover .primary-image {
  opacity: 0;
}

/* Add to Cart button hover reveal */
.product-add-to-cart{
 width: 100%;    
}


.custom-product-card .product-add-to-cart {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  transform: translateX(0%) translateY(100%);
  opacity: 0;
  transition: all 0.3s ease-in-out;
  z-index: 3;
}

.custom-product-card:hover .product-add-to-cart {
  transform: translateX(0%) translateY(0);
  opacity: 1;
}

/* Style the button itself */
.custom-product-card .product-add-to-cart .button {
  background: #093174;
  background-size: 200% auto;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 2px;
  gap: 10px;
  width: 100%;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 5px;
  text-transform: uppercase;
  transition: all 0.3s ease, background-position 0.4s;
}

/* Button hover effect */
.custom-product-card .product-add-to-cart .button:hover {
  /*background-position: left center;*/
  box-shadow: 0 0 8px rgba(255, 215, 0, 0.6);
}

/* Title & price styling */
.custom-product-card .product-title {
  font-size: 1rem;
  font-weight: 500;
  color: #111;
  text-align: start;
  margin-top: 10px;
}

.custom-product-card .product-price {
  text-align: start;
  color: #e60023;
  font-weight: bold;
}


.product-rating {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.9rem;
  margin-top: 5px;
}

.product-rating .star-rating {
  margin: 0 !important;
}

.product-rating .rating-number {
  color: #093174;
  font-weight: 300;
}

.product-price {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  font-size: 1.3rem;
   font-weight: 600;
}

.discount-badge {
  font-size: 1rem;
  border-radius: 3px;
}
/* Optional styling for empty stars */
.star-rating.no-rating .star-empty {
  color: #ccc;
  font-size: 1rem;
  margin-right: 2px;
}


/* Change star color */
.woocommerce .star-rating span::before,
.woocommerce .star-rating::before,
.woocommerce .star-rating.no-rating,
.woocommerce .star-rating.no-rating .star-empty {
  color: #093174 !important;
  fill: #093174 !important;
}

/* Optional: Style for empty stars */
.star-empty {
  font-size: 1em;
  color: #093174;
}

/*Payment Button*/

body.woocommerce-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button{
     background: #093174 !important;
    color: #fff !important;
}

body.woocommerce-checkout .whatsapp-float {
    display: none !important;
}


.header-whatsapp-icon {
    width: 40px;
}


.site-branding{
    gap: 20px;
}


@media (max-width: 768px) {
  .custom-product-card .primary-image {
    height: 12rem !important;
  }

  .custom-product-card .product-add-to-cart {
    transform: translateX(0%) translateY(0%) !important;
    opacity: 1 !important;
    margin-top: 10px;
  }
  
  .custom-product-card .product-add-to-cart .button {
    font-size: 0 !important; /* hide text */
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
  }

  .custom-product-card .product-add-to-cart .button span svg {
    width: 18px;
    height: 18px;
  }

  .custom-product-card .product-title {
    font-size: 0.8rem;
  }

  .custom-product-card .product-price {
    font-size: 0.9rem;
  }

  .product-rating {
    font-size: 0.8rem;
  }

  .discount-badge {
    font-size: 0.8rem;
  }

  .wrap-toggle-sidebar-menu{
    display: flex !important;
    align-items: center;
    gap: 20px;
   }
}


@media (max-width: 1024px) and (min-width: 769px) {
  ul.products.tablet-columns-2 li.product {
    width: 48% !important;
  }
}

.site-dialog-search{
    display: none;
}

#scroll-to-top{
    display: none;
}

#woostify-overlay{
    display: none;
}