/******************************************
  Keep default navbar, hide auth/community
******************************************/
/* Community tab (everywhere) */
#portal_tabCommunity,
.Header__nav a[href*="community"],
.Header__nav a[href*="forums"],
.Header__containerUl a[href*="community"],
.Header__containerUl a[href*="topic"] { display: none !important; }

/* Sign in / Sign out / Create account (and any login links) 
li:has(a[href*="login"]),            
li:has(a[href*="signin"]),
li:has(a[href*="sign-in"]),
#signInLink,
a[href*="login"],
a[href*="signin"],
a[href*="sign-in"],
a[href*="signup"],
a[href*="create-account"],
a[href*="register"] { display: none !important; } */

/* Note from Korbin: this was affecting our own sign in links. Too broad and destructive. Need to target individual elements. */



/* If :has() isn't supported, this trims stray empty nav items */
.Header__nav li { min-width: 0; }
.Header__nav li > a:empty { display: none !important; }

/******************************************
  Nuke the blue "Knowledge Base" pill under hero
  (covering multiple theme variants)
******************************************/
.kb-entry-link,
.kb-entry-btn,
a.btn[href*="portal_tabSolutions"],
.homePage a[href*="/kb"],
.portalHome a[href*="/kb"],
.homePage a[href*="tabSolutions"],
.portalHome a[href*="tabSolutions"],
span.Button__tagPrimary.Button__basic.Button__btnxlarge[role="button"],
.Button__tagPrimary.Button__btnxlarge {
  display: none !important;
}

/******************************************
  Remove Follow / Subscribe UI (prevents login prompts)
******************************************/
[id*="follow"],
[class*="follow"],
[href*="follow"],
.kb-follow,
.portal-follow,
.zds-follow-btn,
.zdc-follow,
.article-rightbar .follow,
.section-rightbar .follow,
.kb-rightbar .follow,
.kb-rightbar .subscribe-text,
.article-rightbar .subscribe-text,
.section-rightbar .subscribe-text,
.portal-subscribe,
.subscribe-to-section {
  display: none !important;
}

/******************************************
  Small polish
******************************************/
.breadCrumb { gap: 6px; }

@media (min-width: 992px){
  .Header__searchBox input[type="text"],
  .Header__searchBox input[type="search"] {
    max-width: 980px;
    width: 100%;
  }
}

/******************************************
  Fix sticky search bar background color
  NOTE: Handled by JavaScript - see JS section
******************************************/

/* ===== Rename "Add Ticket" → "Contact Us" (no JS) ===== */

/* 1) Hero bar button (desktop) */
#bannerContainer .Header__panelbtns .Header__tClr {
  /* hide the original characters but keep layout */
  font-size: 0 !important;
  letter-spacing: 0 !important;
}
#bannerContainer .Header__panelbtns .Header__tClr::after {
  content: "Contact Us";
  font-size: 14px;           /* match your button text size */
  line-height: 1;
  letter-spacing: normal;
}

/* 2) Plus/hamburger menu entry (mobile/compact) */
.Header__cdstretchynav .Header__containerUl .Header__tClr {
  font-size: 0 !important;
}
.Header__cdstretchynav .Header__containerUl .Header__tClr::after {
  content: "Contact Us";
  font-size: 14px;
  line-height: 1.2;
}

/* Optional: if your theme renders a bare span without those ancestors */
span.Header__tClr {
  /* only change spans that literally say Add Ticket */
}
span.Header__tClr::after {
  /* fallback will still be scoped by the two blocks above */
}

/* ===== Revise "Helpful?" Element (no JS) ===== */

span.ArticleCmd__helptxt,
span.ArticleCmd__helptext {
  font-size: 0 !important;
}

span.ArticleCmd__helptxt::after,
span.ArticleCmd__helptext::after {
  content: "Was this article helpful? Let us know.";
  white-space: pre-wrap;
  display: block;
  font-size: 14px;
  line-height: 1.4;
  margin-top: 6px;
}

/* ===== Remove "Updated: X Days Ago" Element (no JS) ===== */

.ArticleCmd__posttime {
  display: none !important;
}

/* GSG sidebar contact widget — contained module styling */
.gsg-contact-widget {
  padding: 14px 12px;
  border-radius: 8px;
}

/* Heading: smaller, medium weight, centered */
.gsg-contact-text h3 {
  font-size: 15px;
  font-weight: 500;
  color: #333;
  margin: 0 0 10px;
  text-align: center;
}

/* Center the button */
.gsg-contact-button-wrapper {
  text-align: center;
  margin-top: 0px;
}

/* Contact Us button (brand color) */
.gsg-contact-button {
  display: inline-block;
  padding: 10px 14px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 14px;
  line-height: 1;
  background: #18b8a8;
  color: #ffffff;
  border: 1px solid #18b8a8;
}

/* Hover state */
.gsg-contact-button:hover {
  background: #15a596;
  border-color: #15a596;
  text-decoration: none;
}

/* Keyboard focus (accessibility) */
.gsg-contact-button:focus-visible {
  outline: 2px solid rgba(24, 184, 168, 0.4);
  outline-offset: 2px;
}

/******************************************
  Remove floating contact button (mobile/tablet)
******************************************/
/* Hide the plus button and its navigation */
.Header__cdnavtrigger,
#plusBtn,
.Header__cdstretchynav,
.Header__panelbtns {
  display: none !important;
}

/* Also hide any floating action buttons */
.fab-button,
.floating-action-button,
[class*="floating"][class*="button"],
[class*="fab-"],
.zd-fab,
.portal-fab,
.zohodesk-asapButton,
.asap-widget-button {
  display: none !important;
}

/******************************************
  Style header text to match banner colors
******************************************/
/* Main welcome title */
.Header__welcomeTitle,
.Header__titleDescription h2 {
  color: #115e59 !important;
}

/* Welcome description text */
.Header__welcomeDescription,
.Header__titleDescription .Header__welcomeDescription {
  color: #0f766e !important;
}

/* Navigation links */
.Header__nav li a,
.Header__menuList a,
#navBarContainer a {
  color: #ffffff !important;
}

/* Knowledge Base breadcrumb link */
.breadCrumb a,
.Header__breadCrumbs a {
  color: #ffffff !important;
  opacity: 0.95;
}

/* Hover states for nav links */
.Header__nav li a:hover,
.Header__menuList a:hover {
  color: #e6f9f5 !important;
  opacity: 1;
}

/* ================================
   Disable ONLY the sticky/floating behavior (safe)
   ================================ */

/* When the header switches into its "fixed" mode, force it back into normal flow */
.Header__homeNavbarFixed .Header__searchSubCont,
.Header__homeNavbarFixed .Header__searchalt,
.Header__homeNavbarFixed #searchBtnContainer,
.Header__homeNavbarFixed #bannerContainer,
.Header__header.Header__homeNavbarFixed .Header__searchSubCont,
.Header__header.Header__homeNavbarFixed .Header__searchalt,
.Header__header.Header__homeNavbarFixed #searchBtnContainer,
.Header__header.Header__homeNavbarFixed #bannerContainer {
  position: relative !important;   /* not fixed/sticky */
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: auto !important;
}

/* If the theme uses position: sticky anywhere in fixed mode */
.Header__homeNavbarFixed .Header__searchSubCont {
  position: relative !important;
}

/* Undo the spacing tricks used for the floating bar */
.Header__homeNavbarFixed #bannerContainer {
  padding-top: 0 !important;
}

/* Prevent the fixed header wrapper from being fixed */
.Header__header.Header__homeNavbarFixed {
  position: relative !important;
}