/* 1) Hide any default excerpt that isn’t ours */
.woocommerce-product-details__short-description:not(.smd-container) {
  display: none;
}

/* 2) Ensure our full description is hidden initially */
.smd-full-description {
  display: none;
}

/* 3) Toggle link styling – tweak as you like */
.smd-toggle {
  display: inline-flex;
  align-items: baseline;   /* align the svg’s bottom to the text baseline */
  vertical-align: middle;  /* ensure the link itself sits nicely with surrounding text */
  margin-top: 0.5rem;
  cursor: pointer;
  line-height: 1;
}
.smd-chevron {
  font-size: 0.75rem;
  margin-left: 0.25rem;
}
/* Ensure the SVG icon flows inline with the text */
.smd-toggle svg {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-left: 0.25em;
  transform: translateY(0.15em); /* nudge the icon down—tweak this value as needed */
}
/* Remove any outline or box-shadow on focus/active */
.smd-toggle,
.smd-long-toggle,
.smd-toggle:focus,
.smd-toggle:active,
.smd-toggle:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Optional: prevent the browser’s default focus ring on clickable elements */
.smd-toggle::-moz-focus-inner {
  border: 0;
}
/* hide the extra long description */
.smd-long-full-desc { display: none; }

/* style the long-description toggle link */
.smd-long-toggle {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  margin-top: 1rem;
  line-height: 1;
}
.smd-long-toggle svg {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-left: .25em;
}