/** Shopify CDN: Minification failed

Line 35:23 The "+" operator only works if there is whitespace on both sides

**/
body .jdgm-write-rev-link.jdgm-write-rev-link, body .jdgm-btn--solid, body input[type=submit].jdgm-btn--solid, body .jdgm-widget .jdgm-btn.jdgm-btn{
  display: inline-flex;
      justify-content: center;
      align-items: center;
  text-align: center;
  padding: var(--btn-padding-vertical) var(--btn-padding-horizontal);
  font-family: var(--btn-font-family);
  font-size: var(--btn-font-size);
  font-weight: var(--btn-font-weight);
  line-height: calc(1 + .5 / var(--btn-font-scale));
  letter-spacing: var(--btn-font-spacing);
  text-transform: var(--btn-font-transform);
  border-radius: var(--btn-border-radius);
  height: var(--height-btn); 
}
body .jdgm-form input[type="text"], body .jdgm-form input[type="email"]{
  padding:1.5rem;
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: var(--text-size-base);
  width: 100%;
  box-sizing: border-box;
  transition: box-shadow var(--duration-short) ease;
  border-radius: var(--inputs-radius);
  height: var(--height-btn);
  min-height: calc(var(--inputs-border-width)* 2);
  min-width: calc(7rem +(var(--inputs-border-width)* 2));
  position: relative;
  border: 1px solid rgb(var(--color-input-border));
}
body .jdgm-rev-widg__title{
  font-size: var(--text-size-h4);
}
body .jdgm-rev-widg__summary-text{
  margin-top: 1rem;
}

/* ============================================================
   Judge.me widgets — theme typography (Jost UA)
   ============================================================ */
body .jdgm-widget,
body [class^="jdgm-"],
body [class*=" jdgm-"] {
  font-family: var(--font-body-family);
}
/* ...except stars: glyphs from Judge.me's own icon font */
body .jdgm-star,
body [class*="jdgm-star"],
body .jdgm-histogram__star,
body .jdgm-prev-badge__stars {
  font-family: 'JudgemeStar' !important;
}
/* Widget headings styled like theme section headings */
body .jdgm-carousel-title,
body .jdgm-widget h2,
body [class*="jdgm-"] h2 {
  font-family: var(--font-heading-family) !important;
  font-style: var(--font-heading-style) !important;
  font-weight: 300 !important;
  letter-spacing: var(--font-heading-spacing) !important;
  text-transform: var(--font-heading-transform) !important;
  color: rgb(var(--color-heading)) !important;
  font-size: var(--text-size-h2) !important;
}

/* ============================================================
   Testimonials Carousel — exact copy of the theme's
   Testimonials section look (real widget markup:
   .jdgm-testimonials-carousel > .jdgm-header + .jdgm-content >
   .jdgm-card > .jdgm-card-content > quote-marks / .jdgm-text /
   .jdgm-rating-section (stars + reviewer) / .jdgm-product-name)
   ============================================================ */

/* Section background like the theme section (on the theme's own
   section wrapper, so it is full-width like other sections) */
body .section-apps:has(.jdgm-testimonials-carousel) {
  background: #f6f6f6;
  padding-top: 1.9rem !important;
  padding-bottom: 2.35rem !important;
}
/* Judge.me's own card padding (40px), scaled down */
body .jdgm-testimonials-carousel .jdgm-card {
  padding: 2.1rem 0 !important;
}
body .jdgm-widget.jdgm-testimonials-carousel {
  padding: 3.6rem 0;
}

/* Subheading under the title */
body .jdgm-testimonials-carousel .jdgm-title::after {
  content: "Досвід тих, хто вже з нами";
  display: block;
  font-family: var(--font-body-family);
  font-size: var(--text-size-small);
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  color: rgb(var(--color-foreground));
  margin-top: 1rem;
}

/* Card: transparent, no frame */
body .jdgm-testimonials-carousel .jdgm-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Reorder: stars -> text -> name (display:contents lifts stars and
   reviewer info out of .jdgm-rating-section so they can be ordered) */
body .jdgm-testimonials-carousel .jdgm-card-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.6rem;
}
body .jdgm-testimonials-carousel .jdgm-rating-section {
  display: contents;
}
body .jdgm-testimonials-carousel .jdgm-stars {
  order: -1;
}
body .jdgm-testimonials-carousel .jdgm-text {
  order: 0;
  max-width: 72rem;
}
body .jdgm-testimonials-carousel .jdgm-reviewer-info {
  order: 1;
  margin-top: 0.3rem;
}

/* Hide quote marks and product link (not present in the theme section) */
body .jdgm-testimonials-carousel .jdgm-quote-marks,
body .jdgm-testimonials-carousel .jdgm-product-name {
  display: none !important;
}

/* Stars exactly like the theme's rating: Times '★', theme star color */
body .jdgm-testimonials-carousel .jdgm-star {
  font-size: 1.5rem !important;
  letter-spacing: 0.1rem;
}
body .jdgm-testimonials-carousel .jdgm-star::before {
  content: '★' !important;
  font-family: Times, serif !important;
  color: rgba(var(--color-stars) / 1);
}
body .jdgm-testimonials-carousel .jdgm-star.jdgm--half::before {
  content: '★' !important;
}
body .jdgm-testimonials-carousel .jdgm-star.jdgm--off::before {
  color: rgba(var(--color-foreground) / 0.15);
}

/* Quote text: like the theme's "Heading 4" content size */
body .jdgm-testimonials-carousel .jdgm-text,
body .jdgm-testimonials-carousel .jdgm-text p {
  font-family: var(--font-heading-family) !important;
  font-size: calc(var(--text-size-h4) * 0.85) !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: rgb(var(--color-foreground)) !important;
}

/* Author name: regular weight + grey "Buyer" note like the theme demo */
body .jdgm-testimonials-carousel .jdgm-reviewer-name {
  font-weight: 400 !important;
  font-size: var(--text-size-base) !important;
}
body .jdgm-testimonials-carousel .jdgm-reviewer-info::after {
  content: "— Buyer —";
  display: block;
  font-family: var(--font-body-family);
  font-size: var(--text-size-tiny);
  color: rgba(var(--color-foreground) / 0.6);
  margin-top: 0.4rem;
}

/* Title must wrap, not truncate — otherwise the ::after subheading is cut */
body .jdgm-testimonials-carousel .jdgm-title {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  max-height: none !important;
}

/* "— Buyer" on its own line under the name */
body .jdgm-testimonials-carousel .jdgm-reviewer-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Tighter spacing, like the theme section */
body .jdgm-widget.jdgm-testimonials-carousel {
  padding: 0.3rem 0 0.5rem;
}
body .jdgm-testimonials-carousel .jdgm-header {
  margin-bottom: 0.6rem;
}
body .jdgm-testimonials-carousel .jdgm-content {
  margin-top: 0;
}

/* Arrows: smaller, wider apart (like the theme slider) */
body .jdgm-testimonials-carousel .jdgm-arrows--bottom {
  gap: 4.3rem;
  margin-top: -3.5rem;
  justify-content: center;
}
body .jdgm-testimonials-carousel .jdgm-arrow {
  width: 3.2rem;
  height: 3.2rem;
  padding: 0;
}
body .jdgm-testimonials-carousel .jdgm-arrow svg {
  width: 1.3rem;
  height: 1.3rem;
}
body .jdgm-testimonials-carousel .jdgm-arrow,
body .jdgm-testimonials-carousel .jdgm-arrow svg,
body .jdgm-testimonials-carousel .jdgm-arrow svg path {
  color: #000 !important;
  stroke: #000 !important;
}

/* Uniform block height: the text area is always exactly 4 lines tall.
   Longer reviews are clamped with an ellipsis, shorter ones are padded
   to the same height. */
body .jdgm-testimonials-carousel .jdgm-text {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  overflow: hidden !important;
  max-height: none !important;
  min-height: calc(var(--text-size-h4) * 0.85 * 1.5 * 4);
}
body .jdgm-testimonials-carousel .jdgm-text p {
  display: inline !important;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
  max-height: none !important;
}

/* ============================================================
   Side-peek + sliding animation (like the theme slider).
   All positioning/animation is done by judgeme-carousel.js via the
   `translate` property; here we only clip the horizontal overflow.
   ============================================================ */
@media screen and (min-width: 990px) {
  body .section-apps:has(.jdgm-testimonials-carousel) {
    overflow: hidden;
  }
}

/* Verified badge above the reviewer name (name stays, then "— Buyer") */
body .jdgm-testimonials-carousel .jdgm-reviewer-info > *:not(.jdgm-reviewer-name) {
  order: -1;
  margin-bottom: 0.4rem;
}

/* Header average-rating row: stars in the theme star color
   (also overrides Judge.me's teal accent inside the carousel) */
body .jdgm-testimonials-carousel {
  --jdgm-primary-color: rgba(var(--color-stars) / 1);
}
body .jdgm-testimonials-carousel .jdgm-header .jdgm-star,
body .jdgm-testimonials-carousel .jdgm-header [class*="star"] {
  color: rgba(var(--color-stars) / 1) !important;
}
