/* Loaded into Zendesk shadow roots by custom-generative-answer.js.
   Outer page layout and animation styles remain in the theme stylesheet. */
/* Native card chrome and shared article typography. */
[data-test-id="generative-answers-container"] {
  border: 0 !important;
  border-radius: 0 !important;
  margin-block-end: 0 !important;
  padding-bottom: 14.8px !important;
  font-family: var(--font-text, inherit) !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
}

[data-test-id="generative-answers-content"],[data-test-id="generative-answers-content"] > div,[data-test-id="generative-answers-content"] > div:first-child :is(div, p, ul, ol, li),[data-test-id="cited-source-content"], [data-test-id="cited-source-content"] > a,[data-test-id="success-label"], [data-test-id="success-label"] > span {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

/* Expand the answer without replacing Zendesk's streamed DOM nodes. */
[data-test-id="generative-answers-content"] > div:first-child {
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  clip-path: none !important;
}

[data-test-id="generative-answers-content"] > div:first-child::before,[data-test-id="generative-answers-content"] > div:first-child::after,[data-test-id="generative-answers-content"] > div:first-child + a[role="link"]:not([href]) {
  display: none !important;
}

[data-test-id="generative-answers-content"] > div:first-child p {
  margin: 0 0 1rem !important;
}

[data-test-id="generative-answers-content"] a[data-custom-answer-unlinked] {
  color: inherit !important;
  text-decoration: none !important;
  cursor: inherit !important;
  pointer-events: none !important;
}

[data-custom-answer-intro], [data-custom-answer-outro] {
  overflow-wrap: anywhere;
  color: var(--generative-answer-muted-color, #b8b8b8) !important;
}

/* The intro has a tighter gap than ordinary answer paragraphs. */
[data-test-id="generative-answers-content"] > div:first-child p[data-custom-answer-intro] {
  margin-bottom: 0.7rem !important;
}

[data-custom-answer-outro] {
  margin: 0 0 1rem !important;
  font: inherit !important;
}

[data-custom-answer-intro] > em, [data-custom-answer-outro] > em {
  color: inherit !important;
  font-style: italic !important;
}

[data-custom-answer-refine]:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

/* Unavailable answers replace the normal intro/disclosure and use full padding. */
[data-test-id="generative-answers-container"]:has([data-custom-answer-unavailable]) {
  padding: 24px !important;
}

[data-test-id="generative-answers-container"] [data-test-id="generative-answers-content"] > [data-custom-answer-unavailable] {
  font-family: var(--font-text, inherit) !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #f5f5f5 !important;
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
}

[data-test-id="generative-answers-content"] > div:first-child ul {
  margin: 0 0 1rem !important;
  padding: 0 0 0 var(--article-list-indent, 1.5em) !important;
  list-style: disc outside !important;
  text-align: left;
  hyphens: auto;
}

[data-test-id="generative-answers-content"] > div:first-child ul > li {
  margin: 0 !important;
  padding: 0 !important;
  text-align: left;
  hyphens: auto;
}

[data-test-id="generative-answers-content"] > div:first-child li > ul {
  margin-block-end: 0 !important;
}

[data-custom-answer-disclosure] {
  margin: 0 0 0.5rem !important;
}

[data-test-id="generative-answers-container"] > span:first-child {
  display: none !important;
}

/* Article-style citation links, with a tighter gap before the outro. */
[data-test-id="generative-answers-content"] > div:has(> [data-test-id="cited-source-content"]) {
  display: block !important;
  margin: 0 0 0.5rem !important;
  padding: 0 !important;
  gap: 0 !important;
}

[data-test-id="cited-source-content"] {
  position: relative;
  display: block !important;
  box-sizing: border-box;
  padding: 0 0 0 var(--article-list-indent, 1.5em) !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}

[data-test-id="cited-source-content"]::before {
  content: "";
  position: absolute;
  top: 0.45em;
  left: 0;
  width: 1em;
  height: 0.7em;
  background-color: var(--article-text, #d5d5d5);
  clip-path: polygon(0 46%, 70% 46%, 70% 17%, 100% 50%, 70% 83%, 70% 54%, 0 54%);
  pointer-events: none;
}

[data-test-id="cited-source-content"] > svg,[data-test-id="cited-source-content"] > a > svg {
  display: none !important;
}

[data-test-id="cited-source-content"] > a {
  display: block;
  min-width: 0;
  white-space: normal;
  font: inherit;
  line-height: inherit;
  margin: 0 !important;
  padding: 0 !important;
  overflow-wrap: anywhere;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  color: var(--generative-answer-link-color, inherit) !important;
  transition: none !important;
}

[data-test-id="generative-answers-container"] a:any-link,[data-test-id="generative-answers-container"] a:visited {
  color: var(--generative-answer-link-color, var(--article-list-accent, var(--color-primary, inherit))) !important;
}

[data-test-id="cited-source-content"] > a:focus-visible {
  outline: 2px solid currentColor !important;
  outline-offset: 3px;
}

[data-test-id="show-more-sources"], [data-test-id="show-less-sources"] {
  display: none !important;
}

/* Preserve native feedback handlers; remove only decorative effects. */
:is([data-test-id="thumbs-up-btn"], [data-test-id="thumbs-down-btn"], [data-test-id="thumbs-up-btn-selected"], [data-test-id="thumbs-down-btn-selected"]), :is([data-test-id="thumbs-up-btn"], [data-test-id="thumbs-down-btn"], [data-test-id="thumbs-up-btn-selected"], [data-test-id="thumbs-down-btn-selected"]) * {
  transition: none !important;
  animation: none !important;
}

:is([data-test-id="thumbs-up-btn"], [data-test-id="thumbs-down-btn"], [data-test-id="thumbs-up-btn-selected"], [data-test-id="thumbs-down-btn-selected"]) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  flex: 0 0 auto;
}

[data-test-id="generative-answers-container"] :is([data-test-id="thumbs-up-btn"], [data-test-id="thumbs-down-btn"], [data-test-id="thumbs-up-btn-selected"], [data-test-id="thumbs-down-btn-selected"]):disabled {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

:is([data-test-id="thumbs-up-btn"], [data-test-id="thumbs-down-btn"], [data-test-id="thumbs-up-btn-selected"], [data-test-id="thumbs-down-btn-selected"])::before, :is([data-test-id="thumbs-up-btn"], [data-test-id="thumbs-down-btn"], [data-test-id="thumbs-up-btn-selected"], [data-test-id="thumbs-down-btn-selected"])::after {
  display: none !important;
}

:is([data-test-id="thumbs-up-btn"], [data-test-id="thumbs-down-btn"], [data-test-id="thumbs-up-btn-selected"], [data-test-id="thumbs-down-btn-selected"]):not(:disabled):is(:hover, :focus-visible),:is([data-test-id="thumbs-up-btn"], [data-test-id="thumbs-down-btn"], [data-test-id="thumbs-up-btn-selected"], [data-test-id="thumbs-down-btn-selected"]):not(:disabled):is(:hover, :focus-visible) svg {
  color: var(--generative-answer-feedback-accent, var(--article-list-accent, var(--color-primary, currentColor))) !important;
}

:is([data-test-id="thumbs-up-btn"], [data-test-id="thumbs-down-btn"], [data-test-id="thumbs-up-btn-selected"], [data-test-id="thumbs-down-btn-selected"]):focus-visible {
  outline: 2px solid var(--generative-answer-feedback-accent, var(--article-list-accent, var(--color-primary, currentColor))) !important;
  outline-offset: 2px !important;
}

:is([data-test-id="thumbs-up-btn-selected"], [data-test-id="thumbs-down-btn-selected"]), :is([data-test-id="thumbs-up-btn-selected"], [data-test-id="thumbs-down-btn-selected"]) svg {
  color: var(--generative-answer-feedback-accent, var(--article-list-accent, var(--color-primary, currentColor))) !important;
  opacity: 1 !important;
}

/* Reserve the same gap before and after submission so the second thumb stays put. */
[data-test-id="generative-answers-content"] > div:has(> :is([data-test-id="thumbs-up-btn"], [data-test-id="thumbs-down-btn"], [data-test-id="thumbs-up-btn-selected"], [data-test-id="thumbs-down-btn-selected"], [data-test-id="success-label"])) {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 0.25rem !important;
}

[data-test-id="success-label"] {
  display: block !important;
  flex: 1 1 0 !important;
  min-width: 0;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  color: var(--strong-text, #fff) !important;
  font-weight: 500 !important;
  margin-inline: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow-wrap: anywhere;
}

[data-test-id="success-label"] > span {
  font-weight: 500 !important;
  color: inherit !important;
  margin-inline: 0 !important;
}

[data-test-id="success-label"] > svg {
  display: none !important;
}

/* Also collapse empty tooltip wrappers before Zendesk inserts tooltip content. */
:is([data-test-id="thumbs-up-btn"], [data-test-id="thumbs-down-btn"], [data-test-id="thumbs-up-btn-selected"], [data-test-id="thumbs-down-btn-selected"]) + div[aria-hidden],
[data-custom-feedback-tooltip] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}