.elementor-kit-7{--e-global-color-primary:#010711;--e-global-color-secondary:#E5CA82;--e-global-color-text:#010711;--e-global-color-accent:#010711;--e-global-color-7880b13:#FFFFFF;--e-global-color-1a1c986:#02010100;--e-global-typography-primary-font-family:"לאון";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"לאון";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"לאון";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"לאון בולד";--e-global-typography-accent-font-weight:500;--e-global-typography-6d7c50c-font-family:"Heebo";--e-global-typography-40c2d9d-font-family:"Open Sans Hebrew Condensed";}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}.elementor-kit-7{--e-page-transition-entrance-animation:e-page-transition-slide-out-right;}}/* Start custom CSS */html, body{
overflow-x: hidden;
}



/* ===============================
   כרטיס מוצר – בסיס
   =============================== */
.woocommerce ul.products li.product {
  position: relative;
  overflow: hidden;
}

/* ===============================
   כפתור "קנה עכשיו" – מוסתר כברירת מחדל
   =============================== */
.woocommerce ul.products li.product .button {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  width: 100%;
  text-align: center;
  padding: 16px 0;

  background: #E6CF87; /* צבע זהב */
  color: #000;
  border: none;
  border-radius: 0;
  font-weight: 600;

  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;

  z-index: 5;
}

/* ===============================
   שכבת רקע עדינה שמגינה על המחיר
   =============================== */
.woocommerce ul.products li.product::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 50px;
  background: linear-gradient(
    to top,
    #ffffff 65%,
    rgba(255, 255, 255, 0)
  );

  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;

  z-index: 4;
}

/* ===============================
   Hover – הצגה רכה בלי שינוי גובה
   =============================== */
.woocommerce ul.products li.product:hover .button {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.woocommerce ul.products li.product:hover::after {
  opacity: 1;
}

/* ===============================
   מובייל / טאבלט – אין hover
   =============================== */
@media (max-width: 1024px) {
  .woocommerce ul.products li.product .button {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .woocommerce ul.products li.product::after {
    opacity: 1;
  }
}

/* ===============================
   תיקון מובייל: הכפתור לא יעלה על המחיר
   (בלי לשנות דסקטופ)
   =============================== */
@media (max-width: 1024px) {

  /* מייצר מקום אמיתי לכפתור בתחתית הכרטיס */
  .woocommerce ul.products li.product{
    padding-bottom: 40px !important; /* אפשר 75–100 לפי גובה הכפתור */
  }

  /* המחיר מעל שכבת הגרדיינט */
  .woocommerce ul.products li.product .price{
    position: relative;
    z-index: 6;
  }

  /* אם הכפתור עדיין "יושב" גבוה מדי */
  .woocommerce ul.products li.product .button{
    bottom: 0 !important;
  }
}

/* ===============================
   Desktop בלבד – בלי קפיצה: מרימים את התוכן בתוך הכרטיס
   כדי לפנות מקום לכפתור Overlay
   =============================== */
@media (min-width: 1025px){

  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce ul.products li.product .price{
    transition: transform .3s ease;
    position: relative;
    z-index: 6;
  }

  .woocommerce ul.products li.product:hover .woocommerce-loop-product__title,
  .woocommerce ul.products li.product:hover .price{
    transform: translateY(-55px);
  }

  .woocommerce ul.products li.product::after{
    height: 110px;
  }
}

/* --------- צבע "מעבר לסל" (Added to cart) --------- */
.woocommerce ul.products li.product a.added_to_cart {
  color: #C9A24D !important;
  font-weight: 600;
  text-decoration: none;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'לאון';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://elgamjewelry.com/wp-content/uploads/2026/01/Leon-ProductThin.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'לאון בולד';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://elgamjewelry.com/wp-content/uploads/2026/01/Leon-ProductHeavy.woff2') format('woff2');
}
/* End Custom Fonts CSS */