/*--- Header Title and Subtitle Overrides ---*/
.Header__searchTitle {
  font-size: 0 !important;
  position: relative;
}
.Header__searchTitle::after {
  content: "Let’s find what you need.";
  font-size: 40px;
  font-weight: 500;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.Header__description {
  font-size: 0 !important;
  position: relative;
  margin-top: 80px;
}
.Header__description::after {
  content: "Search the PZ Knowledge Base or look for a support ticket.";
  color: #ffffff;
  font-size: 18px;
  position: absolute;
  top: 90px;
  left: 0;
  width: 100%;
  text-align: center;
}

/*--- Header background ---*/
.Header__searchSection {
  background-image: none !important;
  background-color: #003b5c !important;
}
.Header__searchSection::before {
  display: none !important;
}

/*--- Hide duplicate "Valens Software" name text ---*/
.Header__name {
  display: none;
}

/*--- Search button and icon (blue background, white magnifier) ---*/
div.Search__button {
  background-color: #003b5c !important;
  border: none !important;
  box-shadow: none !important;
}
div.Search__button:hover,
div.Search__button:focus,
div.Search__button:active {
  background-color: #003b5c !important;
}
div.Search__button svg path {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/*--- Icon colors (set to dark blue, remove green/orange) ---*/
.Icon--knowledgeBase *,
.Icon--tickets *,
.Icon--file *,
svg use,
svg path[fill],
svg path[stroke] {
  fill: #003b5c !important;
  stroke: #003b5c !important;
}

/*--- "Submit a ticket" and scroll-up button cleanup ---*/
a.SubmitButton,
button[class*="ScrollTop"] {
  background-color: #003b5c !important;
  color: #ffffff !important;
}
a.SubmitButton:hover,
button[class*="ScrollTop"]:hover {
  background-color: #002b44 !important;
}

/*--- A11y font control icon (the "A" button) ---*/
a.AccessibilityIcon {
  color: #ffffff !important;
}


body[class*="kbase"] .Header__searchSection {
  background-image: url('https://yourimagehost.com/dark-blue-header.png') !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-color: #003b5c !important; /* fallback */
}

/* Force color for "On This Page" links */
.articleTOC a,
.ArticleTOC a,
.toc a,
div[class*="toc"] a[href^="#"] {
  color: #0a66c2 !important;        /* blue: change to your green if you want */
  text-decoration: none;
}

.articleTOC a:hover,
.ArticleTOC a:hover,
.toc a:hover,
div[class*="toc"] a[href^="#"]:hover {
  color: #084f98 !important;         /* darker on hover */
  text-decoration: underline;
}

/* Optional: visited/focus for accessibility */
div[class*="toc"] a[href^="#"]:visited { color: #0a66c2 !important; }
div[class*="toc"] a[href^="#"]:focus { outline: 2px solid #0a66c2; }

/* Force color for the "On This Page" TOC links */
body[class*="kbase"] [class*="toc"] a[href^="#"],
body[class*="kbase"] .articleTOC a,
body[class*="kbase"] .ArticleTOC a,
body[class*="kbase"] .toc a {
  color: #0a66c2 !important;       /* change to your green if you prefer */
  text-decoration: none;
}

body[class*="kbase"] [class*="toc"] a[href^="#"]:hover,
body[class*="kbase"] .articleTOC a:hover,
body[class*="kbase"] .ArticleTOC a:hover,
body[class*="kbase"] .toc a:hover {
  color: #084f98 !important;       /* hover color */
  text-decoration: underline;
}

/* If Zoho injects inline color on the links, kill it */
body[class*="kbase"] [class*="toc"] a[href^="#"][style] {
  color: #0a66c2 !important;
}

/* Hide the entire feedback/share strip (covers most Zoho themes) */
.hc-article-feedback,
.kb-article-feedback,
.kb-article__footer,
.article-feedback,
.articleFeedback,
.article-footer,
.helpful-strip,
.hc-feedback-strip,
#hc-article-feedback,
#articleFeedback {
  display: none !important;
}

/* Hide social share blocks */
.social-share,
.socialShare,
.kbSocialShare,
.zd-kb-social-share,
.article-share,
#socialShare {
  display: none !important;
}

/* Fallback: hide any region that literally contains the Helpful block */
[aria-label*="Helpful"],
[aria-label*="Article feedback"] {
  display: none !important;
}

/* Fallback: hide typical icon containers */
a[title*="Facebook"], a[aria-label*="Facebook"],
a[title*="LinkedIn"], a[aria-label*="LinkedIn"],
a[title*="Twitter"],  a[aria-label*="Twitter"] {
  display: none !important;
}

/* Elegant theme: hide the "Helpful?" thumbs block */
.KbDetailLtContainer__userLike,
.KbDetailLtContainer__articleLike,
.KbDetailLtContainer__userRate,
.ArticleCmd__articleLike,
.ArticleCmd__articleVote,
.ArticleCmd__helpful,
.ArticleCmd {
  display: none !important;
}

/* Safety: kill the row spacing if a wrapper remains */
.KbDetailLtContainer__info:has(.ArticleCmd__articleLike),
.KbDetailLtContainer__info:has(.KbDetailLtContainer__userLike) {
  display: none !important;
}

/* Hide the Helpful? thumbs block (Elegant theme) */
#articleReview,
#articleReview .KbDetailItContainer__column,
#articleReview .KbDetailItContainer__share,
#articleReview [data-id="vote_disabled"],
#articleReview [data-id="like_article"],
#articleReview [data-id="dislike_article"],
#articleReview .KbDetailItContainer__thumbsup,
#articleReview .KbDetailItContainer__thumbsDown {
  display: none !important;
}

/* Also hide the empty social icon area, if present */
#articleReview .KbDetailItContainer__userSocialIcon {
  display: none !important;
}

/* Hide "Helpful?" thumbs + social (Elegant theme) */
#articleReview,
#articleReview .KbDetailItContainer__column,
#articleReview .KbDetailItContainer__share,
#articleReview [data-id="vote_disabled"],
#articleReview [data-id="like_article"],
#articleReview [data-id="dislike_article"],
#articleReview .KbDetailItContainer__thumbsup,
#articleReview .KbDetailItContainer__thumbsDown,
#articleReview .KbDetailItContainer__userSocialIcon {
  display: none !important;
}

/* Hide the Follow option in KB articles */
body[class*="kbase"] .KbDetailRtContainer__followOption {
  display: none !important;
}
/* 1) Target the exact Follow container */
.KbDetailRtContainer__followOption,
div[class*="KbDetailRtContainer__followOption"] {
  display: none !important;
}

/* 2) Also hide the Subscribe text under it */
.KbDetailRtContainer__subscribeDescription,
div[class*="KbDetailRtContainer__subscribeDescription"] {
  display: none !important;
}

/* 3) If Zoho renames classes but keeps the same area, hide
   the FIRST widget section in the right rail (where Follow lives) */
.KbDetailRtContainer__widgetRight .KbDetailRtContainer__widgetSection:first-of-type,
[class*="KbDetailRtContainer__widgetRight"] [class*="widgetSection"]:first-of-type {
  display: none !important;
}

/* 4) Absolute fallback: hide any primary button inside the right rail */
.KbDetailRtContainer__widgetRight button,
[class*="KbDetailRtContainer__widgetRight"] button {
  display: none !important;
}

/* Hide the Follow button - NEW Zoho class */
body[class*="kbase"] .ArticleListRightContainer__followOption,
.ArticleListRightContainer__followOption {
  display: none !important;
 }

/* Hide Follow button, Subscribe text, and Follower count in Zoho KB */
body[class*="kbase"] .ArticleListRightContainer__followOption,
body[class*="kbase"] .ArticleListRightContainer__subscribeDescription,
body[class*="kbase"] .ArticleListRightContainer__followerCount {
  display: none !important;
}


/* Kill subscribe text + follower count completely */
.ArticleListRightContainer__subscribeDescription,
.ArticleListRightContainer__followerCount {
  display: none !important;
  visibility: hidden !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}