/*
Theme Name: Hello Elementor Child
Theme URI: https://example.com/
Description: Child theme for Hello Elementor.
Author: Noam
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/
h1, h2, h3, h4, h5, h6{
	font-family: var(--e-global-typography-1003a34-font-family), Sans-serif !important;
}

/* Ensure image wrappers are position:relative so the badge can anchor correctly */
.woocommerce div.product div.images,
.woocommerce div.product .woocommerce-product-gallery,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
  position: relative;
  overflow: hidden; /* keeps the ribbon neat */
}

/* Ribbon style */
.woocommerce span.onsale {
  position: absolute !important;
  top: 50px !important;
  left: 40px !important;        /* pull outside so ribbon crosses corner */
  right: auto !important;
  transform: rotate(-30deg);     /* 45° ribbon */
  transform-origin: left top;
  z-index: 20;


  text-align: center;

  padding: 7px 20px !important;
  border-radius: 0 !important;

  font-weight: 800;
  font-size: 14px;
  line-height: 1;

  color: #fff;
  background: #eb762f;          /* change if you want */
  box-shadow: 0 8px 18px rgba(0,0,0,.18);
	min-height: 0 !important;
}
.elementor-wc-products ul.products li.product span.onsale{
	      transform: rotate(0deg);
    padding: 0px 10px !important;
    top: 0 !important;
	left: 10px !important;
}

/* Optional: slightly smaller on mobile */
@media (max-width: 767px) {
  .woocommerce span.onsale {
    top: 12px !important;
    left: 0px !important;
    min-width: 170px;
    font-size: 13px;
  }
}