/* ELEMENT-O v2.5.9 — only single product layout corrections. */
/* The Core plugin outputs this block BEFORE WooCommerce clears the image/summary floats.
   Explicitly clear them so the heading cannot squeeze into the narrow gap. */
body.single-product div.product section.elemento-product-facts {
  clear: both !important;
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
  margin: 42px 0 22px !important;
  padding: 30px 34px !important;
  border: 1px solid #e0d4c4 !important;
  background: #f6efe6;
  overflow-wrap: anywhere;
}
body.single-product div.product .elemento-product-facts .kicker {
  display: block;
  font: 700 10px/1.4 'DM Sans', Arial, sans-serif;
  letter-spacing: .13em;
  color: #9a7135;
  margin-bottom: 8px;
}
body.single-product div.product .elemento-product-facts h2 {
  font: 400 clamp(28px, 3vw, 42px)/1.12 'Italiana', Georgia, serif;
  margin: 0 0 18px;
  color: #241c14;
}
body.single-product div.product .elemento-product-facts dl {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 32px;
  margin: 0;
}
body.single-product div.product .elemento-product-facts dl > div {
  display: grid;
  grid-template-columns: minmax(110px, .38fr) minmax(0, 1fr);
  gap: 12px;
  min-width: 0;
  align-items: start;
  padding: 14px 0;
  border-top: 1px solid #dfd2bf;
}
body.single-product div.product .elemento-product-facts dd {
  overflow-wrap: anywhere;
}
/* Native WooCommerce review form occupies its full parent width, not a 50% float or the
   820px journal comment form cap. */
body.single-product div.product #reviews,
body.single-product div.product #reviews #comments,
body.single-product div.product #reviews #review_form_wrapper,
body.single-product div.product #reviews #review_form,
body.single-product div.product #reviews #respond,
body.single-product div.product #reviews form.comment-form {
  clear: both !important;
  float: none !important;
  box-sizing: border-box !important;
  max-width: none !important;
  width: 100% !important;
}
body.single-product div.product #reviews #review_form_wrapper {
  margin-top: 26px;
}
body.single-product div.product #reviews .comment-form-comment,
body.single-product div.product #reviews .form-submit {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}
body.single-product div.product #reviews textarea#comment,
body.single-product div.product #reviews .form-submit input#submit,
body.single-product div.product #reviews .form-submit button {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  display: block;
}
body.single-product div.product #reviews textarea#comment {
  min-height: 170px;
  resize: vertical;
}
body.single-product div.product #reviews .form-submit input#submit {
  border: 0 !important;
  background: #20170f !important;
  color: #fff !important;
  padding: 17px 20px !important;
  min-height: 52px;
  cursor: pointer;
}
/* Result feedback is separate from the input/button, readable even after an AJAX failure. */
body.single-product .elemento-pincode-result {
  display: block;
  width: 100%;
  min-height: 18px;
  margin-top: 12px !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  overflow-wrap: anywhere;
}
body.single-product .elemento-pincode-result strong,
body.single-product .elemento-pincode-result small {
  display: block;
}
body.single-product .elemento-pincode-result small {
  margin-top: 5px;
  font-size: 11px !important;
  line-height: 1.5;
}
body.single-product .elemento-pincode-result.ok,
body.single-product .elemento-pincode-result.ok strong { color: #22653d !important; }
body.single-product .elemento-pincode-result.bad,
body.single-product .elemento-pincode-result.bad strong { color: #984a2c !important; }
@media (max-width: 700px) {
  body.single-product div.product .elemento-product-facts {
    margin: 28px 0 14px !important;
    padding: 22px 18px !important;
  }
  body.single-product div.product .elemento-product-facts dl {
    grid-template-columns: minmax(0, 1fr);
  }
  body.single-product div.product .elemento-product-facts dl > div {
    grid-template-columns: minmax(90px, .42fr) minmax(0, 1fr);
  }
  body.single-product div.product #reviews textarea#comment {
    min-height: 160px;
  }
}


/* v2.5.10: The two Discovery Sets already explain the 4 × 10 ML contents
   in their product summary; the extra one-row Core facts section was
   squeezing between the floating gallery and title. Hide that duplicate
   on these two products only (the body class comes from their SKU/slug). */
body.single-product.elemento-discovery-set-single .elemento-product-facts {
  display: none !important;
}

