/* These colors apply to the theme's small metadata and status surfaces only. */
body.fc-wp-a11y .post.post-grid .meta,
body.fc-wp-a11y .post.post-grid .meta li,
body.fc-wp-a11y .post.post-grid .meta a,
body.fc-wp-a11y .post.post-list .meta,
body.fc-wp-a11y .post.post-list .meta li,
body.fc-wp-a11y .post.post-list .meta a,
body.fc-wp-a11y .breadcrumbs,
body.fc-wp-a11y .breadcrumbs a,
body.fc-wp-a11y .single-post-share .share-text,
body.fc-a11y-tutorials a[rel="tag"],
body.fc-a11y-resources .post-tabs .nav-link:not(.active),
body.fc-a11y-resources .btn-simple {
  color: #526176 !important;
}

body.fc-a11y-questions .fcqa-discover a,
body.fc-a11y-questions .post-author {
  color: #1356b5 !important;
}

body.fc-a11y-questions .question-footer .footer-meta,
body.fc-a11y-questions .question-footer .footer-meta li,
body.fc-a11y-questions .question-footer .footer-meta a,
body.fc-a11y-questions .question-footer .question-span,
body.fc-a11y-questions .post-meta-comment,
body.fc-a11y-questions .comment-date,
body.fc-a11y-questions .comment-reply-link,
body.fc-a11y-questions .comment-share,
body.fc-a11y-questions .comment-share span,
body.fc-a11y-questions .answers-tabs .dropdown-toggle,
body.fc-a11y-questions .dropdown-toggle .selected-option {
  color: #526176 !important;
}

body.fc-a11y-questions .question-stats-answered,
body.fc-a11y-questions .best-answer {
  color: #fff !important;
  background-color: #08734f !important;
}

body.fc-a11y-questions .alert-message.warning,
body.fc-a11y-questions .alert-message.warning p {
  color: #342c0b !important;
}

/* The reply-title wrapper is phrasing content; retain its former block layout. */
body.fc-a11y-questions span.cancel-comment-reply {
  display: block;
}

body.fc-wp-a11y .social-icons a:focus-visible,
body.fc-wp-a11y .social-share a:focus-visible,
body.fc-wp-a11y .social-share .toggle-button:focus-visible,
body.fc-wp-a11y .breadcrumb-navs__item:focus-visible,
body.fc-wp-a11y .best-answer-icon:focus-visible,
body.fc-wp-a11y .more-button a:focus-visible,
body.fc-wp-a11y .slick-dots button:focus-visible,
body.fc-wp-a11y .slick-slide a:focus-visible,
body.fc-wp-a11y pre[data-fc-a11y-scroll]:focus-visible {
  outline: 3px solid #174fc7;
  outline-offset: 3px;
}

/* Article controls keep their contrast when the Katen theme applies hover colors. */
body.fc-wp-a11y .post .post-bottom .social-share .toggle-button,
body.fc-wp-a11y .post-bottom .tags a {
  color:#526176 !important;
}
body.fc-wp-a11y .post .post-bottom .social-share .toggle-button:is(:hover,:focus-visible) {
  color:#0643bc !important;
}
body.fc-wp-a11y .post-bottom .tags a:is(:hover,:focus-visible) {
  color:#0643bc !important; background-color:#edf4ff; border-color:#adc6ed;
}
/* Answer links use a green surface instead of the white metadata surface. */
body.fc-a11y-questions .question-footer .footer-meta a.btn__success {
  color:#173b33 !important; background-color:#4be1ab;
}
/* The inner label and decorative legacy overlay must follow the same green pair. */
body.fc-a11y-questions .question-footer .footer-meta a.btn__success .question-span {
  color:inherit !important;
}
body.fc-a11y-questions .question-footer .footer-meta a.btn__success::before {
  background:none;
}
body.fc-a11y-questions .question-footer .footer-meta a.btn__success:is(:hover,:focus-visible) {
  color:#173b33 !important; background-color:#35cc98;
}

/* Previous/next article controls turn dark on interaction. */
body.fc-a11y-questions .page-main .question-navigation .breadcrumb-navs__item:is(:hover,:focus-visible) {
  color:#fff !important; background-color:#272930;
}

/* Public Himer profile controls retain their own positioning and readable status colors. */
body.fc-a11y-questions.wpqa-profile .fcnav-context .notifications-count {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  width: auto;
  min-width: 21px;
  padding-inline: 4px;
  margin-inline-start: 6px;
  color: #fff;
  background-color: #1356b5;
}
body.fc-a11y-questions.wpqa-profile .alert-message.error {
  background-color: #b42318;
}
body.fc-a11y-questions.wpqa-profile .alert-message.error,
body.fc-a11y-questions.wpqa-profile .alert-message.error :is(p,i,a) {
  color: #fff !important;
}
body.fc-a11y-questions.wpqa-profile .alert-message.error a {
  text-decoration: underline;
}
html:not(.dark-skin) body.fc-a11y-questions.wpqa-profile .widget.info-card .info__text,
html:not(.dark-skin) body.fc-a11y-questions.wpqa-profile .user-area-head .info__text {
  color: #526176 !important;
}
body.fc-a11y-questions.wpqa-profile .stats-card__item_a:focus-visible {
  outline: 3px solid #174fc7;
  outline-offset: -3px;
}

/* Related-question metadata belongs to the reading surface, not the status chips. */
body.fc-a11y-questions .popular-questions .widget-article .article-footer :is(.article__date, .question-span, .footer-meta__comments a) {
  font-size: 14px;
  line-height: 1.5;
}
html:not(.dark-skin) body.fc-a11y-questions .popular-questions .widget-article .article-footer :is(.article__date, .question-span, .footer-meta__comments a) {
  color: #526176 !important;
}
body.fc-a11y-questions .popular-questions .widget-article .article-footer .footer-meta {
  row-gap: 6px;
}
body.fc-a11y-questions .popular-questions .widget-article .article-footer .footer-meta__comments a {
  height: auto;
  max-height: none;
}

/* Existing category filters and inactive view tabs use the same readable ink. */
html:not(.dark-skin) body.fc-a11y-questions .main-search-form input.form-control[type="search"][name="search"],
html:not(.dark-skin) body.fc-a11y-questions .main-search-form select.search_type[name="search_type"],
html:not(.dark-skin) body.fc-a11y-questions:is(.tax-question-category, .post-type-archive-question) .cat-filter > select.home_categories,
html:not(.dark-skin) body.fc-a11y-questions:is(.tax-question-category, .post-type-archive-question) .mobile-tabs > .styled-select > select.home_categories,
html:not(.dark-skin) body.fc-a11y-questions:is(.tax-question-category, .post-type-archive-question) .main-search-form .search-input,
html:not(.dark-skin) body.fc-a11y-questions:is(.tax-question-category, .post-type-archive-question) .menu-tabs-desktop > .menu-item:not(.active-tab) > a {
  color: #526176 !important;
}
html:not(.dark-skin) body.fc-a11y-questions .main-search-form input.form-control[type="search"][name="search"]::placeholder {
  color: #526176;
  opacity: 1;
}
html:not(.dark-skin) body.fc-a11y-questions:is(.tax-question-category, .post-type-archive-question) .menu-tabs-desktop > .menu-item:not(.active-tab) > a:is(:hover, :focus-visible) {
  color: #0643bc !important;
}
body.fc-a11y-questions:is(.tax-question-category, .post-type-archive-question) .menu-tabs-desktop > .menu-item > a:focus-visible {
  outline: 2px solid #174fc7;
  outline-offset: -2px;
}

/* Preserve the submitted code and highlighted pre blocks; improve inline tokens only. */
body.fc-a11y-questions .article-question :is(.question-content-text, .post-content-text, .comment-text .text) code:not(pre code) {
  font-size: max(.94em, 14px);
  line-height: 1.65;
  padding: .1em .35em;
  margin: 0;
  border: 1px solid #d5e1ef;
  border-radius: 4px;
  color: #1d416b;
  background: #edf3fa;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
  overflow: visible;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

/* Source links remain recognizable without relying on color alone. */
body.fc-a11y-questions .article-question :is(.question-content-text, .post-content-text, .comment-text .text) a[rel~="ugc"] {
  color: #1356b5;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
}
body.fc-a11y-questions .article-question :is(.question-content-text, .post-content-text, .comment-text .text) a[rel~="ugc"]:is(:hover, :focus-visible) {
  color: #0643bc;
  text-decoration-thickness: 2px;
}
body.fc-a11y-questions .article-question :is(.question-content-text, .post-content-text, .comment-text .text) a[rel~="ugc"]:focus-visible {
  outline: 2px solid #174fc7;
  outline-offset: 3px;
  border-radius: 2px;
}

/* A normal sign-in step uses an informational surface and the existing SSO link. */
body.fc-a11y-questions #respond:has(> a.fc-community-signin) > .alert-message.warning {
  background: #edf4ff;
  border: 1px solid #c9dbf4;
  border-radius: 6px;
}
body.fc-a11y-questions #respond:has(> a.fc-community-signin) > .alert-message.warning,
body.fc-a11y-questions #respond:has(> a.fc-community-signin) > .alert-message.warning :is(p, i) {
  color: #1d416b !important;
}
body.fc-a11y-questions #respond > a.fc-community-signin {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  min-height: 48px;
  padding: 12px 20px;
  border: 1px solid #0957d0;
  border-radius: 8px;
  background: #0759d6;
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-decoration: none !important;
  white-space: normal;
  overflow-wrap: anywhere;
}
body.fc-a11y-questions #respond > a.fc-community-signin:is(:hover, :focus-visible) {
  background: #0645aa;
  border-color: #0645aa;
  color: #fff !important;
}
body.fc-a11y-questions #respond > a.fc-community-signin:focus-visible {
  outline: 3px solid #174fc7;
  outline-offset: 3px;
}

/* This marker is set only after the actual member list is verified empty. */
body.fc-a11y-questions .users-widget[data-fc-empty-members="true"] {
  display: none !important;
}

html.dark-skin body.fc-a11y-questions .popular-questions .widget-article .article-footer :is(.article__date, .question-span, .footer-meta__comments a) {
  color: #c6d4e6 !important;
}
html.dark-skin body.fc-a11y-questions .main-search-form input.form-control[type="search"][name="search"],
html.dark-skin body.fc-a11y-questions .main-search-form select.search_type[name="search_type"],
html.dark-skin body.fc-a11y-questions:is(.tax-question-category, .post-type-archive-question) .cat-filter > select.home_categories,
html.dark-skin body.fc-a11y-questions:is(.tax-question-category, .post-type-archive-question) .mobile-tabs > .styled-select > select.home_categories,
html.dark-skin body.fc-a11y-questions:is(.tax-question-category, .post-type-archive-question) .main-search-form .search-input {
  color: #e3eeff !important;
  background: #20334d;
  border-color: #526176;
}
html.dark-skin body.fc-a11y-questions .main-search-form input.form-control[type="search"][name="search"]::placeholder {
  color: #e3eeff;
  opacity: 1;
}
html.dark-skin body.fc-a11y-questions:is(.tax-question-category, .post-type-archive-question) .menu-tabs-desktop > .menu-item:not(.active-tab) > a {
  color: #c6d4e6 !important;
}
html.dark-skin body.fc-a11y-questions:is(.tax-question-category, .post-type-archive-question) .menu-tabs-desktop > .menu-item:not(.active-tab) > a:is(:hover, :focus-visible) {
  color: #e3eeff !important;
}
html.dark-skin body.fc-a11y-questions:is(.tax-question-category, .post-type-archive-question) .menu-tabs-desktop > .menu-item > a:focus-visible {
  outline-color: #a9ccff;
}
html.dark-skin body.fc-a11y-questions .article-question :is(.question-content-text, .post-content-text, .comment-text .text) code:not(pre code) {
  color: #e3eeff;
  background: #20334d;
  border-color: #526176;
}
html.dark-skin body.fc-a11y-questions .article-question :is(.question-content-text, .post-content-text, .comment-text .text) a[rel~="ugc"] {
  color: #a9ccff;
}
html.dark-skin body.fc-a11y-questions .article-question :is(.question-content-text, .post-content-text, .comment-text .text) a[rel~="ugc"]:is(:hover, :focus-visible) {
  color: #e3eeff;
}
html.dark-skin body.fc-a11y-questions #respond:has(> a.fc-community-signin) > .alert-message.warning {
  background: #20334d;
  border-color: #526176;
}
html.dark-skin body.fc-a11y-questions #respond:has(> a.fc-community-signin) > .alert-message.warning,
html.dark-skin body.fc-a11y-questions #respond:has(> a.fc-community-signin) > .alert-message.warning :is(p, i) {
  color: #e3eeff !important;
}
html.dark-skin body.fc-a11y-questions #respond > a.fc-community-signin:focus-visible,
html.dark-skin body.fc-a11y-questions .article-question :is(.question-content-text, .post-content-text, .comment-text .text) a[rel~="ugc"]:focus-visible {
  outline-color: #a9ccff;
}
@media (max-width: 575px) {
  body.fc-a11y-questions #respond > a.fc-community-signin {
    width: 100%;
  }
}

/* Preserve legacy red emphasis in member text with readable light-theme contrast. */
html:not(.dark-skin) body.fc-a11y-questions .article-question div[itemprop="text"] span:is([style="color: #ff0000"], [style="color: #ff0000;"]) { color:#b42318 !important; }

/* Answers share the question reading size; code blocks retain their own font rules. */
body.fc-a11y-questions.single-question .article-question .comment-text .text,
body.fc-a11y-questions.single-question .article-question .comment-text .text :is(p, ul, ol, li, blockquote) {
  font-size: 18px;
  line-height: 1.8;
}

/* HCB's dark palette needs lighter tokens; the light code theme is unaffected. */
html:has(head link[href*="/highlighting-code-block/build/css/hcb--dark.css"]) body.fc-a11y-questions .article-question .hcb_wrap .token:is(.keyword, .operator) {
  color: #ff79ad;
}
html:has(head link[href*="/highlighting-code-block/build/css/hcb--dark.css"]) body.fc-a11y-questions .article-question .hcb_wrap .token:is(.constant, .deleted, .important, .property, .symbol, .tag) {
  color: #ff82b2;
}

/* Preserve the former H5 presentation while giving service sections an H2. */
body.fc-a11y-questions .widget-about h2.fc-service-widget-title {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 14px;
}

/* Katen's four comment fields share the light article reading surface. */
body.fc-a11y-tutorials #fc-tutorial-main.light-theme #commentform :is(textarea#comment, input#author, input#email, input#url) {
  color: #526176;
}
body.fc-a11y-tutorials #fc-tutorial-main.light-theme #commentform :is(textarea#comment, input#author, input#email, input#url)::placeholder {
  color: #526176;
  opacity: 1;
}
/* Keep native table semantics while making actual overflow usable from a keyboard. */
body.fc-a11y-tutorials article.post-content table[data-fc-a11y-table-scroll="true"]:focus-visible {
  outline: 3px solid #174fc7;
  outline-offset: 2px;
}

/* A localized reading cue for horizontally overflowing Tutorial tables only. */
body.fc-a11y-tutorials article.post-content .fc-a11y-tutorial-table-hint {
  margin: 0 0 12px;
  padding: 8px 12px;
  border-inline-start: 3px solid #174fc7;
  border-radius: 4px;
  background: #edf4ff;
  color: #29446b;
  font-size: 14px;
  line-height: 1.5;
}
body.fc-a11y-tutorials article.post-content .fc-a11y-tutorial-table-hint[hidden] {
  display: none;
}

/* Keep Resource author biographies readable on the existing light author card. */
body.fc-a11y-resources.author.light-theme .author-page > .details > p {
  color: #526176;
}

/* Keep all archive page choices reachable on narrow screens. */
@media (max-width: 600px) {
  body.fc-a11y-resources .pagination { flex-wrap: wrap; row-gap: 10px; }
}

/* Resource pagination uses the same blue interaction palette as the platform. */
body.fc-a11y-resources .pagination .page-numbers.current {
  background: #0757df; color: #fff; border-color: #0757df; box-shadow: none;
}
body.fc-a11y-resources .pagination a.page-numbers:hover,
body.fc-a11y-resources .pagination a.page-numbers:focus-visible {
  background: #e8f0ff; color: #06316b !important; border-color: #b7cae8; box-shadow: none;
}
