/*
 * Copy of the "Additional CSS" (Customizer) that is active on the live site
 * with the current child theme, read on 2026-10-26 from the public page.
 * WordPress stores Additional CSS per theme, so a new child theme starts
 * without it. This file keeps the same rules for this child theme.
 */

.woocommerce div.product p.price, .woocommerce div.product span.price {
  font-size: 1.5em;
}.woocommerce-checkout .woocommerce-form-coupon-toggle {
    display: block;
}


/* === ALLSAPPHIRES START v1 === */
/* card layout - one title height everywhere. 21 Sep 2026 */
h3.product-title,
.products .product-title,
.archive .products .product-title,
.tax-product_cat .product-details .product-details-container .product-title,
.related-products .product-title {
  height: 4.05em !important;
  min-height: 4.05em !important;
  max-height: 4.05em !important;
  line-height: 1.35 !important;
  overflow: hidden !important;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-weight: normal !important;
  margin-bottom: 10px !important;
}
.products .product .product-images,
.products .product .product-images .crossfade-images,
.archive .products .product-images .crossfade-images,
.tax-product_cat .product-details .product-details-container .product-images .crossfade-images {
  min-height: 210px !important;
  max-height: 210px !important;
}
.products .product .fusion-price-rating,
.products .product .product-details-container .fusion-price-rating {
  min-height: 2.1em;
  margin-bottom: 0 !important;
}
/* === ALLSAPPHIRES END v1 === */

/* === ALLSAPPHIRES START v2 === */
/* תמונות גבוהות גלשו על הכותרת והסתירו את השורה הראשונה */
.products .product .product-images,
.products .product .product-images .crossfade-images,
.tax-product_cat .product-details .product-details-container .product-images .crossfade-images {
  overflow: hidden !important;
}
.products .product .product-images img,
.products .product .product-images .crossfade-images img {
  max-height: 210px !important;
  object-fit: contain !important;
}
/* === ALLSAPPHIRES END v2 === */

/* === ALLSAPPHIRES START v3 === */
/* בטלפון: האבן חייבת להיראות שלמה, בלי חיתוך */
@media (max-width: 800px){
  .products .product .product-images,
  .products .product .product-images .crossfade-images,
  .tax-product_cat .product-details .product-details-container .product-images .crossfade-images {
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    text-align: center !important;
  }
  .products .product .product-images img,
  .products .product .product-images .crossfade-images img {
    max-height: none !important;
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
  }
}
/* === ALLSAPPHIRES END v3 === */

/* === ALLSAPPHIRES START v4 === */
/* עמודי אוסף כמו /gems/sapphire/blue-sapphire/ בונים את
   הכרטיס אחרת - fusion-product-wrapper במקום products .product.
   בטלפון האבן חייבת להיראות שלמה. */
@media (max-width: 800px){
  .fusion-product-wrapper a.product-images,
  .fusion-product-wrapper .featured-image,
  .fusion-product-wrapper .featured-image.crossfade-images {
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    text-align: center !important;
  }
  .fusion-product-wrapper a.product-images img,
  .fusion-product-wrapper .featured-image img,
  .fusion-product-wrapper .crossfade-images img {
    max-height: none !important;
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
  }
}
/* === ALLSAPPHIRES END v4 === */

/* === ALLSAPPHIRES START v5 === */
/* התג UNTREATED יורד. המילה כבר נמצאת בראש כל כותרת. */
.asf-untreated-badge { display: none !important; }

/* הכותרת של אבן לא מחוממת - המילה Unheated תהיה ירוקה ומודגשת
   דרך הסקריפט שעוטף אותה ב-span.as-unheated */
.product-title .as-unheated,
h3.product-title .as-unheated {
  color: #0b5a35 !important;
  font-weight: 700 !important;
}
@media (prefers-color-scheme: dark){
  .product-title .as-unheated { color: #4ec08a !important; }
}
/* === ALLSAPPHIRES END v5 === */