@charset "UTF-8";
/*! ABC Style Passport - Height-aware length chips v1.0
 * Height bar on Body category pages. Uses ABC brand tokens.
 * Selectors are prefixed with .abc-hbar to outrank theme/Elementor button styles.
 */

.abc-sr {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ---------- Bar ---------- */
.abc-hbar {
  color-scheme: only light;
  box-sizing: border-box;
  max-width: 640px;
  margin: 16px auto;
  padding: 14px 18px;
  text-align: center;
  background: #F4EEFC;
  color: #1A1A1A;
  border: 2px dashed #1A1A1A;
  border-radius: 15px;
  font: 400 15px/1.5 Inter, system-ui, sans-serif;
}
.abc-hbar * { box-sizing: border-box; }

.abc-hbar .abc-hbar__text { margin: 0 0 10px; color: #1A1A1A; }
.abc-hbar .abc-hbar__text strong {
  font-family: "Lexend Deca", Inter, sans-serif;
  font-weight: 600;
  background: transparent !important;   /* theme was highlighting <strong> */
  padding: 0 !important;
  color: inherit;
}

/* ---------- Options ---------- */
.abc-hbar .abc-hbar__opts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.abc-hbar .abc-hbar__opt {
  min-height: 44px;
  margin: 0;
  padding: 8px 16px;
  background: #FFFFFF;
  color: #1A1A1A;
  border: 1px solid #1A1A1A;
  border-radius: 999px;
  font: 500 14px/1.2 Inter, system-ui, sans-serif;
  text-transform: none;
  letter-spacing: normal;
  box-shadow: none;
  cursor: pointer;
}
.abc-hbar .abc-hbar__opt:focus:not(:hover) {
  background: #FFFFFF;
  color: #1A1A1A;
}
.abc-hbar .abc-hbar__opt:hover,
.abc-hbar .abc-hbar__opt[aria-pressed="true"],
.abc-hbar .abc-hbar__opt[aria-pressed="true"]:focus {
  background: #7F14D4;
  border-color: #7F14D4;
  color: #FFFFFF;
}

.abc-hbar .abc-hbar__skip,
.abc-hbar .abc-hbar__change {
  min-height: 44px;
  margin: 0;
  padding: 8px 12px;
  background: transparent;
  color: #1A1A1A;
  border: 0;
  font: 500 14px/1.2 Inter, system-ui, sans-serif;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-transform: none;
  box-shadow: none;
  cursor: pointer;
}
.abc-hbar .abc-hbar__skip:hover,
.abc-hbar .abc-hbar__change:hover,
.abc-hbar .abc-hbar__skip:focus,
.abc-hbar .abc-hbar__change:focus,
.abc-hbar .abc-hbar__skip:active,
.abc-hbar .abc-hbar__change:active {
  background: transparent;
  color: #7F14D4;
}

.abc-hbar button:focus-visible {
  outline: 3px solid #7F14D4;
  outline-offset: 2px;
}

/* ---------- States ---------- */
.abc-hbar .abc-hbar__set { display: none; }

.abc-hbar[data-state="set"] .abc-hbar__ask,
.abc-hbar[data-state="skipped"] .abc-hbar__ask { display: none; }

.abc-hbar[data-state="set"] .abc-hbar__set,
.abc-hbar[data-state="skipped"] .abc-hbar__set { display: block; }

/* Once chosen, the bar folds away to one quiet centred line.
   "Change" / "Personalise" opens the full choice again. */
.abc-hbar[data-state="set"],
.abc-hbar[data-state="skipped"] {
  margin: 4px auto 8px;
  padding: 0 8px;
  background: transparent;
  border: 0;
  font-size: 14px;
}
.abc-hbar .abc-hbar__set .abc-hbar__text {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0 4px;
  color: #444;
}
.abc-hbar .abc-hbar__change {
  color: #7F14D4;
  font-weight: 600;
}
.abc-hbar .abc-hbar__status { font-weight: 500; }

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
  .abc-hbar { margin: 12px 0; padding: 12px 14px; font-size: 14px; }
  .abc-hbar .abc-hbar__opt { flex: 1 1 auto; padding: 8px 12px; }
}

/* ---------- Optional height tips on cards ----------
 * Hidden until the member chooses a height range. The script sets
 * <html data-abc-height="under160|mid|over172|skip|unset">.
 */
.abc-height-tip { display: none !important; }
html[data-abc-height="under160"] .abc-tip-under160,
html[data-abc-height="over172"]  .abc-tip-over172 { display: block !important; }

.abc-height-tips { margin-top: 8px; }
.abc-height-tip .jet-listing-dynamic-field__content {
  margin: 0;
  padding: 8px 12px;
  background: #F4EEFC;
  border-left: 3px solid #7F14D4;
  border-radius: 0 8px 8px 0;
  color: #1A1A1A;
  font: 400 13px/1.5 Inter, system-ui, sans-serif;
}

/* ---------- Header polish (Body category pages) ---------- */
/* More room between "Where it lands" and the Scroll / Thumbnails buttons */
body .abc-lengths-more { margin-bottom: 24px !important; }

/* Let the subtitle use a wider line on desktop; balanced wrapping on mobile */
.abc-cathead p { text-wrap: balance; }
@media (min-width: 768px) {
  .abc-cathead { max-width: 820px !important; margin-left: auto; margin-right: auto; }
  .abc-cathead p { max-width: 100% !important; }
}

/* Collapsible header: "Hide intro" / "Show intro" */
.abc-folded { display: none !important; }
.abc-headtoggle {
  display: inline-flex; align-items: center; gap: 6px;
  min-height: 44px; margin: 0 auto; padding: 0 12px;
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  color: #7F14D4 !important; font: 500 14px/1.2 Inter, system-ui, sans-serif !important;
  text-transform: none; cursor: pointer; border-radius: 6px;
}
.abc-headtoggle::after { content: "\25B4"; }
.abc-headtoggle[aria-expanded="false"]::after { content: "\25BE"; }
.abc-headtoggle:hover { color: #5E0FA0 !important; text-decoration: underline; text-underline-offset: 4px; }
.abc-headtoggle:focus-visible { outline: 3px solid #7F14D4; outline-offset: 2px; }

/* Card images: show the whole garment instead of cropping tall sketches.
   The card's image box (.abc-card__media) has a set height with overflow hidden.
   Make the image's wrappers take that height, then fit the image inside it,
   centred. Where the box has no set height (Thumbnails), images keep their size. */
.jet-listing-grid__item .abc-card__media > .elementor-widget-container,
.jet-listing-grid__item .abc-card__media .jet-listing-dynamic-image {
  height: 100% !important;
}
.jet-listing-grid__item .abc-card__media .jet-listing-dynamic-image {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.jet-listing-grid__item .abc-card__media .jet-listing-dynamic-image img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  object-position: center !important;
}