/* 
Note: We recommend inviting a 
professional web developer to work with Custom Css. Test your code on a staging environment before publishing. Please note that updates to the core platform could negatively affect your custom code.

If you do not have access to a developer, Gainsight can provide Professional Services - please reach out to support@gainsight.com 
*/

/* Improve readability of hero title text */
.thread-list-view-title.hero-subforum-title.qa-page-title {
  color: white !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
  font-weight: 600;
  font-size: 32px;
  z-index: 2;
  position: relative;
}

/* Force dropdown text to Securonix Deep Purple */
.main-menu-link.link--text > span {
  color: #160334 !important;
}

/* On hover: use brand orange */
.main-menu-list__item:hover .main-menu-link.link--text > span {
  color: #FF7B09 !important;
}

/* 🔍 Search Bar: Force default input color + style */
input.search-box__input {
  background-color: #160334 !important;     /* Securonix Deep Purple */
  color: white !important;                  /* Input text color */
  border: 1px solid #8033DA !important;     /* Brand purple border */
  border-radius: 8px !important;
  padding: 12px !important;
}

/* 🔳 Search Bar: Placeholder text styling */
input.search-box__input::placeholder {
  color: #aaaaaa !important;
}

/* 🧠 Search Dropdown Container: Style background and shadow */
.algolia-hit-container {
  background-color: #1e0c45 !important;     /* Darker purple background */
  border-radius: 10px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Remove white background from Settings page wrapper */
.pagebox.box__pad {
  background-color: #160334 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Remove white background from Settings page wrapper */
.tabs--nav__container {
  display: none !important;
}

/* 🟪 Search Result Tiles: Background and spacing */
.algolia-hit-container .hit,
.algolia-hit-container .hit a {
  background-color: #2b0a66 !important;     /* Slightly lighter purple for card */
  border-radius: 6px !important;
  padding: 10px 12px !important;
  margin-bottom: 6px !important;
  display: block !important;
  color: white !important;
}

/* ✨ Search Result Tiles: Hover state */
.algolia-hit-container .hit:hover,
.algolia-hit-container .hit a:hover {
  background-color: #3a0f7a !important;
}

/* 📎 Search Dropdown Headers: Summary and section labels */
.algolia-hit-container h4,
.algolia-hit-container .algolia-section-header,
.algolia-hit-container .algolia-summary {
  color: #cccccc !important;
  padding: 4px 12px !important;
  font-size: 13px !important;
}

/* Fix white hover in AI search results */
.algolia-search-results .algolia-hit-item:hover,
.algolia-search-results .algolia-hit-item[aria-selected="true"] {
  background-color: #3b1a80 !important; /* dark hover */
  color: #fff !important;
}

/* STEP 31 — force dark highlight for AI summary row */
.algolia-hit-container .highlighted,
.algolia-hit-container a.link.algolia-search_action:hover,
.algolia-hit-container a.link.algolia-search_action:focus,
.algolia-hit-container a.link.algolia-search_action[aria-selected="true"] {
  background-color: #3b1a80 !important;
  color: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.algolia-hit-container .highlighted::before,
.algolia-hit-container .highlighted::after {
  background: transparent !important;
  box-shadow: none !important;
}

/* ✅ STEP 36: Fix white Smart Summary AI result panel */
.smart-summary,
.smart-summary > div,
.smart-summary * {
  background-color: #160334 !important;  /* Securonix Deep Purple */
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
}

/* ✅ STEP 37: Fix white tab button (Community / All Results) */
.instant-search__filter-tab-button,
.instant-search__filter-tab-button .label-container {
  background-color: #160334 !important;   /* Deep purple base */
  color: #ffffff !important;              /* White text */
  border: 1px solid #8033DA !important;   /* Brand purple border */
  border-radius: 20px !important;
  box-shadow: none !important;
}

/* Active / selected tab */
.instant-search__filter-tab-button[aria-selected="true"],
.instant-search__filter-tab-button.active {
  background-color: #FF7B09 !important;   /* Brand orange active */
  color: #160334 !important;              /* Deep purple text */
}

/* ✅ STEP 38b: Visible checkbox for dark mode – compatible version */
.instant-search__filter-label-wrapper input[type="checkbox"] {
  background-color: #160334 !important;   /* dark base */
  border: 2px solid #8033DA !important;   /* purple border */
  width: 16px !important;
  height: 16px !important;
  border-radius: 3px !important;
  cursor: pointer;
}

.instant-search__filter-label-wrapper input[type="checkbox"]:checked {
  background-color: #FF7B09 !important;   /* brand orange check */
  border-color: #FF7B09 !important;
}


/* optional: tone down inner highlights */
.ais-Answers-answer mark {
  background-color: transparent !important;
  color: #FF7B09 !important; /* Securonix orange for highlights */
}

/* ✅ STEP 39: Match full Search page bar to homepage style */
.instant-search-input-wrapper .input-wrapper input[type="search"],
.instant-search-input-wrapper input[type="text"] {
  background-color: #160334 !important;   /* Securonix Deep Purple */
  color: #ffffff !important;
  border: 1px solid #8033DA !important;   /* Brand purple border */
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: 16px !important;
}

/* Optional: adjust icon color */
.instant-search-input-wrapper .input-icon-wrapper svg {
  stroke: #ffffff !important;
  opacity: 0.9 !important;
}

/* ✅ STEP 45: Search page filters — fix black text + checkbox */
.search-revamp .instant-search__filter-list-item label,
.search-revamp .instant-search__filter-list-item label span,
.search-revamp .instant-search__filter-label-wrapper label,
.search-revamp .instant-search__filter-label-wrapper label span {
  color: #ffffff !important;            /* make labels white */
}

/* checkbox contrast */
.search-revamp .instant-search__filter-list-item input[type="checkbox"],
.search-revamp .instant-search__filter-label-wrapper input[type="checkbox"] {
  background-color: #160334 !important;
  border: 2px solid #8033DA !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 3px !important;
}

.search-revamp .instant-search__filter-list-item input[type="checkbox"]:checked,
.search-revamp .instant-search__filter-label-wrapper input[type="checkbox"]:checked {
  background-color: #FF7B09 !important;
  border-color: #FF7B09 !important;
}

/* ✅ STEP 57: Final alignment fix — keep icon inside search bar */
.search-revamp .input-wrapper {
  position: relative !important;
  background-color: #160334 !important;
  border: 1px solid #8033DA !important;
  border-radius: 8px !important;
  padding: 8px 14px !important;
}

.search-revamp .input-icon-wrapper {
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
}

.search-revamp .input-icon-wrapper svg {
  width: 18px !important;
  height: 18px !important;
  stroke: #ffffff !important;
  opacity: 0.9 !important;
}

.search-revamp .input-wrapper input[type="search"] {
  padding-left: 42px !important;  /* room for icon inside box */
  background: transparent !important;
  border: none !important;
  outline: none !important;
  color: #ffffff !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
}


/* 🎯 Fix user profile dropdown background + text (dark mode) */
.dropdown--profile.qa-header-profile-dropdown {
  background-color: #160334 !important;
  color: white !important;
  border: 1px solid #2b0a66 !important;
  border-radius: 8px !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45) !important;
}

/* Make sure text links are visible */
.dropdown--profile.qa-header-profile-dropdown a {
  color: white !important;
}

/* Hover state: soft brand purple */
.dropdown--profile.qa-header-profile-dropdown a:hover {
  background-color: #2b0a66 !important;
}


/* ✅ Homepage-only styles */
body[data-entity="HomePage"] {
  background: url("https://supportportalstatic.z13.web.core.windows.net/assets/NewBG.jpg") no-repeat center center fixed !important;
  background-size: cover !important;
}

body[data-entity="HomePage"] .homepage-widget-wrapper:not(.qa-featured-topics-container):not(.qa-kapa-widget-container) {
  background-color: transparent !important;
}

/* ✅ Featured Topics: heading + subheading unified white block */
body[data-entity="HomePage"] .qa-featured-topics-container .widget__heading,
body[data-entity="HomePage"] .qa-featured-topics-container .widget__subheading {
  background-color: #420F97 !important;
  color: white !important;
  padding: 8px 24px;
  margin: 0;
  display: block;
}

body[data-entity="HomePage"] .qa-featured-topics-container .widget__heading {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

body[data-entity="HomePage"] .qa-featured-topics-container .widget__subheading {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* ✅ Remove spacing below Featured Topics */
body[data-entity="HomePage"] .qa-featured-topics-container {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body[data-entity="HomePage"] .qa-featured-topics-container + .widget-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 🎨 Home Page Only: Custom tag pill background + text color */
body[data-entity="HomePage"] .tag--pill.qa-tag-pill {
  background-color: #8033DA !important; /* Securonix brand purple */
  color: white !important;
  border-radius: 20px !important;
  font-weight: 500 !important;
}

/* ✅ Recent Activity Tabs: restore white background and remove visual gap */
body[data-entity="HomePage"] .qa-widget-tabs .tabs--nav__container {
  background-color: #420F97 !important;
  border-radius: 8px;
  padding: 12px 16px;
  margin: 0 auto;
}

body[data-entity="HomePage"] .qa-widget-tabs .tabs--nav__container,
body[data-entity="HomePage"] .qa-widget-tabs .tabs--navigation {
  border: none !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body:not([data-entity="HomePage"]) {
  background: url("https://supportportalstatic.z13.web.core.windows.net/assets/NewBG-2.png") no-repeat center center fixed !important;
  background-size: cover !important;
}

body:not([data-entity="HomePage"]) .qa-featured-topics-container .widget__heading,
body:not([data-entity="HomePage"]) .qa-featured-topics-container .widget__subheading {
  background-color: #420F97 !important;
  color: white !important;
  padding: 8px 24px;
  margin: 0;
  display: block;
  border-radius: 8px;
}

body:not([data-entity="HomePage"]) .qa-featured-topics-container .widget__subheading {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body:not([data-entity="HomePage"]) .overview-list-header {
  background-color: #420F97 !important;
  color: #2b3346 !important;
  padding: 12px 24px;
  margin: 0 auto 16px;
  border-radius: 8px;
}

body[data-entity="IdeationOverview"] .list-widget-wrapper {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 🎯 Card layout override */
body[data-entity="IdeationOverview"] .topic-view--ideation {
  background-color: #160334 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 5px !important;
  padding: 16px !important;
  margin: 0 !important;
  box-shadow: none !important;
}

/* 🧍‍♂️ Align avatar + username + meta */
body[data-entity="IdeationOverview"] .topic-view__header {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 8px;
}

/* 👤 Avatar spacing */
body[data-entity="IdeationOverview"] .topic-view__header .avatar {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  object-fit: cover;
  margin-right: 12px !important;
}

/* ✍️ Username and role stack */
body[data-entity="IdeationOverview"] .topic-view__header .user-title,
body[data-entity="IdeationOverview"] .topic-view__header .qa-username {
  display: block;
  line-height: 1.3;
  margin: 0 !important;
  padding: 0 !important;
}

/* 🔥 Fix spacing between cards */
body[data-entity="IdeationOverview"] .topic-view--ideation + .topic-view--ideation {
  margin-top: 12px !important;
}

/* 🧼 Remove outer white border and padding from wrappers */
body[data-entity="IdeationOverview"] .widget-placeholder,
body[data-entity="IdeationOverview"] .list-widget-wrapper,
body[data-entity="IdeationOverview"] .qa-widget-container,
body[data-entity="IdeationOverview"] .ideation-overview-list.widget-wrapper {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

/* 🧼 Remove default <li> spacing or structure if list-based */
body[data-entity="IdeationOverview"] li.topic-view--ideation {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* 🔶 Orange title */
body[data-entity="IdeationOverview"] .qa-topic-title {
  color: #FF7B09 !important;
}

/* ✍️ Author, body, meta — keep white text for content but not for usernames */
body[data-entity="IdeationOverview"] .topic-view__meta,
body[data-entity="IdeationOverview"] .topic-view__content,
body[data-entity="IdeationOverview"] .topic-view_footer,
body[data-entity="IdeationOverview"] .topic-view__header,
body[data-entity="IdeationOverview"] .user-title {
  color: #ffffff !important;
}

/* ✨ Hover State: soft purple + text revert */
body[data-entity="IdeationOverview"] .topic-view--ideation:hover {
  background-color: #DDCAFB !important;
}

body[data-entity="IdeationOverview"] .topic-view--ideation:hover .qa-topic-title,
body[data-entity="IdeationOverview"] .topic-view--ideation:hover .topic-view__meta,
body[data-entity="IdeationOverview"] .topic-view--ideation:hover .topic-view__content,
body[data-entity="IdeationOverview"] .topic-view--ideation:hover .qa-username {
  color: #160334 !important;
}

/* 🧱 Fix vertical spacing inside idea header (username, role, title) */
body[data-entity="IdeationOverview"] .topic-view__header {
  display: flex !important;
  align-items: flex-start !important;
  margin-bottom: 12px !important;
}

/* 🧍 Avatar tweaks */
body[data-entity="IdeationOverview"] .topic-view__header .avatar {
  margin-right: 24px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  object-fit: cover;
  float: none !important;
}

/* 📏 Stack metadata correctly */
body[data-entity="IdeationOverview"] .topic-view__user-info {
  display: flex !important;
  flex-direction: column !important;
}

/* 👤 Username */
body[data-entity="IdeationOverview"] .qa-username {
  margin-left: 60px !important;
  margin-right: 5px !important;  
  margin-bottom: 20px !important;
  font-weight: 600 !important;
}

/* 🏷️ Role */
body[data-entity="IdeationOverview"] .user-title {
  margin-right: 24px !important;
  margin-bottom: 12px !important;
  font-size: 13px !important;
  font-weight: normal !important;
}

/* 🧼 Final cleanup: remove white border and padding from KB list */

/* Fix white background on KB stats bar */
.Template-brand-stats,
.custom-stats-bar,
.qa-stats-bar {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* 📁 KB Container Pages (e.g., /getting-started-13): Fix tile background */
[data-preact="destination/modules/Categories/ContainerCategoryList/index"] .category-list__container {
  background-color: #160334 !important;
  color: white !important;
  border-radius: 8px !important;
  margin-bottom: 16px !important;
  padding: 16px !important;
  border: none !important;
  box-shadow: none !important;
}

/* ✅ Step 8: KB Article Styling Fix - Match real DOM structure */

/* Outer article box wrapper */
.box__content {
  background-color: #160334 !important;
  border-radius: 8px;
  padding: 24px !important;
  border: none !important;
  box-shadow: none !important;
}

/* Inner box container */
.box__content .box {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Actual article content container */
.box__content .post__content {
  color: white !important;
  line-height: 1.6;
}

/* Optional: images inside content */
.box__content .post__content img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
}

/* 💬 Fix reply prompt on KB pages (scoped to .pagebox) */
.pagebox .box--note {
  background-color: #160334 !important;
  color: white !important;
  padding: 12px 16px !important;
  border-radius: 6px !important;
  text-align: center;
  font-weight: 500;
}

/* Force all inline text in KB posts to white */
.post__content span,
.post__content p,
.post__content div {
  color: white !important;
}

/* 🏷️ Fix link/text color inside each category tile */
[data-preact="destination/modules/Categories/ContainerCategoryList/index"] .category-list__container a {
  color: white !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

/* Fix Ask a Question widget background + button */

/* ✅ STEP 7b: Remove leftover white hero section on KB pages */
.thread-list-title.qa-subForum-header {
  display: none !important;
}

.ask-question-widget__widget {
  background-color: #160334 !important;
  color: white !important;
  border: none !important;
  padding: 16px !important;
  border-radius: 8px !important;
  margin-top: 20px !important;
}

/* Optional: Style Ask button inside widget */
.ask-question-widget__button button {
  background-color: #FF7B09 !important;
  color: #160334 !important;
  font-weight: bold !important;
  border-radius: 4px !important;
  border: none !important;
}

/* ✅ Fix white tag pills (only outside homepage) */
body:not([data-entity="HomePage"]) .tag--pill.qa-tag-pill {
  background-color: #8033DA !important; /* Securonix brand purple */
  color: white !important;
  border-radius: 20px !important;
  font-weight: 500 !important;
}

/* Add background + padding to product update screenshots */
.product-update-view_feature-image {
  background-color: #1e0c45 !important; /* dark purple frame */
  padding: 12px !important;             /* soft spacing */
  border-radius: 8px !important;        /* matches site style */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important; /* subtle lift */
}

/* ✅ Ideas. Force background color inside idea widget */
.widget-container--ideation_pipeline section div div div > div {
  background-color: #160334 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

/* ✅ STEP 43: Apply dark style to mobile menu only */
@media screen and (max-width: 1024px) {
  .slider-content,
  .header-navigation-items_hamburger-list,
  .header-navigation_list-item,
  .header-navigation_link {
    background-color: #160334 !important;  /* Securonix Deep Purple */
    color: #ffffff !important;
    border: none !important;
  }

  .header-navigation_link {
    color: #ffffff !important;
    font-weight: 500 !important;
  }

  .header-navigation_link:hover,
  .header-navigation_link:focus {
    color: #FF7B09 !important; /* Brand orange highlight */
    background: transparent !important;
  }
}

/* ✅ STEP 63i: Keep icons white on hover and selected */
.radio-box-button--content:hover svg,
.radio-box-button--content:focus svg,
.is-active .radio-box-button--content svg {
  filter: brightness(0) invert(1) !important; /* force white */
  stroke: none !important;
}

/* ✅ STEP 65: Fix Tag input + container styling */
.public-tag-container,
.public-tag-wrapper,
.public-tag-input-wrapper,
.public-tag-list-container {
  background-color: #160334 !important;   /* deep purple background */
  border: 1px solid #8033DA !important;   /* brand purple border */
  border-radius: 8px !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* input field */
.public-tag-input-wrapper input[type="text"],
.public-tag-input-wrapper .form-control {
  background-color: transparent !important;
  color: #ffffff !important;
  border: none !important;
  outline: none !important;
  padding: 10px 12px !important;
  font-size: 16px !important;
}

/* placeholder text */
.public-tag-input-wrapper input::placeholder {
  color: #aaaaaa !important;
}

/* tag dropdown list */
.public-tag-list-container div {
  background-color: #1e0c45 !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  padding: 6px 10px !important;
}

/* hover for tag options */
.public-tag-list-container div:hover {
  background-color: #3b1a80 !important;
}

/* ✅ STEP 66: Remove inner border from Tag input wrapper */
.public-tag-input-wrapper,
.public-tag-input-wrapper .form-control {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* ✅ STEP 67: Style "Enter title here" input for dark theme */
#topic_title,
.second.loading-wrapper input[type="search"],
.second.loading-wrapper input[type="text"] {
  background-color: #160334 !important;   /* deep purple */
  color: #ffffff !important;              /* white text */
  border: 1px solid #8033DA !important;   /* brand purple border */
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: 16px !important;
  box-shadow: none !important;
  outline: none !important;
}

/* placeholder text */
#topic_title::placeholder {
  color: #aaaaaa !important;              /* light gray placeholder */
}

/* ✅ STEP 82: Improve breadcrumb readability on gradient backgrounds (editor-safe) */
.widget-breadcrumb-wrapper,
.qa-breadcrumb-wrapper,
.breadcrumb {
  background: rgba(22, 3, 52, 0.85) !important;   /* slightly darker translucent purple */
  border-radius: 6px !important;
  padding: 6px 10px !important;
  display: inline-flex !important;
  box-shadow: inset 0 0 0 1px rgba(128, 51, 218, 0.3),
              0 2px 6px rgba(0, 0, 0, 0.4) !important; /* subtle depth without blur */
}

/* link styling */
.breadcrumb-item-link,
.breadcrumb-item-link:visited {
  color: #FFFFFF !important;                     /* solid white text */
  font-weight: 500 !important;
  text-decoration: none !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  transition: background 0.2s ease;
}

/* hover + active states */
.breadcrumb-item-link:hover,
.breadcrumb-item-link:focus {
  background: rgba(128, 51, 218, 0.6) !important;  /* soft purple highlight */
  color: #FFFFFF !important;
}

/* ✅ STEP 89 — Final dark theme for injected popups/tooltips (avatar-safe) */

/* Popup shells */
.popup-component,
.popup-component[role="dialog"],
[role="dialog"][class*="tooltip"],
[role="tooltip"] {
  background: #160334 !important;
  color: #ffffff !important;             /* white text default */
  border: 1px solid #8033DA !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.6),
              0 0 10px rgba(128,51,218,.4) !important;
}

/* Inner structure — all transparent except spans so avatar color survives */
.popup-component div,
.popup-component p,
.popup-component a,
.popup-component small,
.popup-component strong,
.popup-component em,
.popup-component ul,
.popup-component ol,
.popup-component li,
.popup-component table,
.popup-component thead,
.popup-component tbody,
.popup-component tr,
.popup-component th,
.popup-component td,
.popup-component[role="dialog"] div,
.popup-component[role="dialog"] p,
.popup-component[role="dialog"] a,
.popup-component[role="dialog"] small,
.popup-component[role="dialog"] strong,
.popup-component[role="dialog"] em,
.popup-component[role="dialog"] ul,
.popup-component[role="dialog"] ol,
.popup-component[role="dialog"] li,
.popup-component[role="dialog"] table,
.popup-component[role="dialog"] thead,
.popup-component[role="dialog"] tbody,
.popup-component[role="dialog"] tr,
.popup-component[role="dialog"] th,
.popup-component[role="dialog"] td,
[role="dialog"][class*="tooltip"] div,
[role="dialog"][class*="tooltip"] p,
[role="dialog"][class*="tooltip"] a,
[role="dialog"][class*="tooltip"] small,
[role="dialog"][class*="tooltip"] strong,
[role="dialog"][class*="tooltip"] em,
[role="dialog"][class*="tooltip"] ul,
[role="dialog"][class*="tooltip"] ol,
[role="dialog"][class*="tooltip"] li,
[role="dialog"][class*="tooltip"] table,
[role="dialog"][class*="tooltip"] thead,
[role="dialog"][class*="tooltip"] tbody,
[role="dialog"][class*="tooltip"] tr,
[role="dialog"][class*="tooltip"] th,
[role="dialog"][class*="tooltip"] td,
[role="tooltip"] div,
[role="tooltip"] p,
[role="tooltip"] a,
[role="tooltip"] small,
[role="tooltip"] strong,
[role="tooltip"] em,
[role="tooltip"] ul,
[role="tooltip"] ol,
[role="tooltip"] li,
[role="tooltip"] table,
[role="tooltip"] thead,
[role="tooltip"] tbody,
[role="tooltip"] tr,
[role="tooltip"] th,
[role="tooltip"] td {
  background: transparent !important;
  border-color: rgba(255,255,255,.18) !important;
  /* ⛔ Removed “[role="tooltip"] * { … }” so avatar inline colors are no longer overridden */
}

/* Tables readable */
.popup-component table,
.popup-component th,
.popup-component td,
[role="dialog"] table,
[role="dialog"] th,
[role="dialog"] td,
[role="tooltip"] table,
[role="tooltip"] th,
[role="tooltip"] td {
  background: transparent !important;
  color: #ffffff !important;
}

/* ✅ STEP 89.5 — Fix white “info” tooltips used in forms */
.tooltip_content,
.tooltip_content--info,
.js-tooltip-content {
  background-color: #160334 !important;   /* match dark popup theme */
  color: #ffffff !important;
  border: 1px solid #8033DA !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5) !important;
  border-radius: 6px !important;
  padding: 8px 12px !important;
}

/* Tooltip arrow */
.tooltip_content .arrow {
  border-top-color: #160334 !important;
  border-bottom-color: #160334 !important;
}

/* ✅ STEP 89.5b — Neutralize inline white background for post-action dropdowns */
.tooltip_content.post_action_dropdown,
.tooltip_content--menu.post_action_dropdown {
  background-color: unset !important;   /* remove inline white */
  color: unset !important;               /* remove inline black */
}

/* Hover highlight for menu items */
.tooltip_content.post_action_dropdown a:hover,
.tooltip_content--menu.post_action_dropdown a:hover,
.tooltip_content.post_action_dropdown button:hover,
.tooltip_content--menu.post_action_dropdown button:hover {
  background-color: #3b1a80 !important;
  color: #ffffff !important;
}

/* ✅ STEP 89.6 — Badge Winners widget background */
.qa-widget-badges.widget--badges {
  background: rgba(22, 3, 52, 0.85) !important;      /* translucent deep purple */
  border: 1px solid rgba(128, 51, 218, 0.4) !important;
  border-radius: 8px !important;
  padding: 16px 20px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

/* text and links inside widget */
.qa-widget-badges.widget--badges,
.qa-widget-badges.widget--badges * {
  color: #ffffff !important;
}

/* “Show all badges” link hover */
.qa-widget-badges.widget--badges a:hover {
  color: #FF7B09 !important; /* brand orange hover */
}

/* ✅ STEP 89.7 — Group Finder “chip” buttons (City, etc.) */
.chip.qa-tag-pill.chip--interactive {
  background-color: #160334 !important;   /* deep purple base */
  color: #ffffff !important;
  border: 1px solid #8033DA !important;   /* brand purple outline */
  border-radius: 20px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.2s ease-in-out !important;
  padding: 6px 14px !important;
  font-weight: 500 !important;
}

/* Hover + focus state */
.chip.qa-tag-pill.chip--interactive:hover,
.chip.qa-tag-pill.chip--interactive:focus {
  background-color: #3b1a80 !important;   /* lighter purple hover */
  color: #ffffff !important;
  border-color: #FF7B09 !important;       /* brand orange accent */
  box-shadow: 0 0 10px rgba(255, 123, 9, 0.4) !important;
}

/* Active (selected) state */
.chip.qa-tag-pill.chip--interactive[aria-pressed="true"],
.chip.qa-tag-pill.chip--interactive.is-active {
  background-color: #FF7B09 !important;   /* orange active */
  color: #160334 !important;              /* purple text on orange */
  border-color: #FF7B09 !important;
}

/* ✅ STEP 92: Restore Home page “Recent activity / Help others / Categories” tab header */
body[data-entity="HomePage"] .sections__nav > .tabs--nav__container .tabs--nav::after,
body[data-entity="HomePage"] .sections__nav > .tabs--nav__container .tabs--nav ul::after,
body[data-entity="HomePage"] .sections__nav .tabs--nav ul::after,
body[data-entity="HomePage"] .sections__nav > ul::after {
  content: "" !important;
  display: block !important;
  height: auto !important;
  visibility: visible !important;
  overflow: visible !important;
  clear: both !important;
}

/* Make sure the tabs container itself isn’t collapsed */
body[data-entity="HomePage"] .qa-widget-tabs .tabs--nav__container {
  display: block !important;
  margin: 0 !important;
  padding: 8px 0 !important;
}

/* Ensure the list of tabs actually lays out horizontally and is visible */
body[data-entity="HomePage"] .qa-widget-tabs .tabs--navigation {
  display: flex !important;
  align-items: center !important;
  visibility: visible !important;
  overflow: visible !important;
}

/* Manual spacing between tab items (replaces `gap`) */
body[data-entity="HomePage"] .qa-widget-tabs .tabs--navigation li {
  margin-right: 8px !important;
}

/* ✅ STEP 94 — Fix white background + borders for empty-state and list headers */

/* Empty-state (no content) */
.empty-state,
.empty-state__message,
.empty-state__content,
.empty-state__icon {
  background-color: #160334 !important;     /* dark theme base */
  color: #ffffff !important;
  border: none !important;                  /* remove white border */
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
  padding: 24px !important;
  text-align: center !important;
}

/* Icon + message inside empty-state */
.empty-state__icon svg path {
  stroke: #8033DA !important;
  color: #8033DA !important; /* keeps icon purple even if fill ignored */
}
.empty-state__message,
.empty-state__text {
  color: #ffffff !important;
  font-weight: 500 !important;
}

/* Header strip above list (e.g. “0 Topics”) */
.header.list__items--header,
.header.list__items--header.qa-list-menu,
.list__items--header,
.qa-list-menu {
  background-color: #160334 !important;
  color: #ffffff !important;
  border: none !important;                  /* remove light border */
  border-radius: 8px !important;
  box-shadow: none !important;
  padding: 12px 16px !important;
}

/* Text inside header */
.header.list__items--header *,
.list__items--header *,
.qa-list-menu * {
  color: #ffffff !important;
  background: transparent !important;
}

/* ✅ STEP 94 — Fix white outline and background for empty topic list widget */

/* Outer wrapper (white border source) */
.list-widget-wrapper,
.list-widget-wrapper.qa-list-widget,
.list-widget-wrapper .list-widget,
.list-widget-wrapper .list-widget__content {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Header "0 Topics" */
.list-widget-wrapper .list__items--header,
.list-widget-wrapper .qa-list-menu,
.list-widget-wrapper .qa-thread-list-count {
  background-color: #160334 !important;
  color: #ffffff !important;
  border: 1px solid rgba(128, 51, 218, 0.4) !important;
  border-radius: 8px 8px 0 0 !important;
  box-shadow: none !important;
  padding: 12px 16px !important;
  font-weight: 600 !important;
}

/* Empty state "No topics found" */
.list-widget-wrapper .empty-state,
.list-widget-wrapper .empty-state__content,
.list-widget-wrapper .empty-state__message {
  background-color: #160334 !important;
  color: #ffffff !important;
  border: 1px solid rgba(128, 51, 218, 0.4) !important;
  border-top: none !important; /* visually connects header and body */
  border-radius: 0 0 8px 8px !important;
  box-shadow: none !important;
  padding: 24px !important;
  text-align: center !important;
}

/* ✅ STEP 94c — Remove 1px outline around “No topics found” but keep tab underline */
body[data-entity="HomePage"] .qa-widget-tabs .tabs--content,
body[data-entity="HomePage"] .qa-widget-tabs .list-widget-wrapper,
body[data-entity="HomePage"] .qa-widget-tabs .empty-state {
  border: none !important;
  box-shadow: none !important;
  background-color: #160334 !important; /* keep dark theme */
  border-radius: 0 0 8px 8px !important;
}

/* Preserve helpful underline below active tab */
body[data-entity="HomePage"] .qa-widget-tabs .tabs--navigation li.is-active a::after,
body[data-entity="HomePage"] .qa-widget-tabs .tabs--navigation li.is-active span::after {
  content: "" !important;
  display: block !important;
  height: 2px !important;
  width: 100% !important;
  background-color: #8033DA !important; /* brand purple underline */
  margin-top: 4px !important;
  border-radius: 2px !important;
}

/* 🔲 Remove borders and shadows from the “Categories” list
    */
.js-content-3 .forum-list,
.js-content-3 .forum-list .box,
.js-content-3 .forum-list .box__content,
.js-content-3 .forum-list .widget,
.js-content-3 .forum-list .category-section,
.js-content-3 .forum-list .table {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}

/* 🎨 Fix white background inside Product Area dropdown
   Applies only to the Ideas form component to keep dark theme consistency */
ul.dropdown-selector.category-selector,
ul.dropdown-selector.category-selector li,
ul.dropdown-selector.category-selector .dropdown-selector_item-wrapper {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ✅ STEP 96 — Add solid white background behind usernames */
.qa-username.link--user.username,
.qa-username.link--user.username:hover,
.qa-username.link--user.username:focus {
  background-color: #ffffff !important;   /* pure white background */
  padding: 2px 6px !important;
  border-radius: 4px !important;
  transition: background-color 0.2s ease-in-out !important;
  text-decoration: none !important;
}

/* Hover: maintain solid white, no washout */
.qa-username.link--user.username:hover {
  background-color: #ffffff !important;   /* consistent white on hover */
}

/* ✅ STEP 96.4 — Finalize username styling in IdeationOverview
   Keeps white background and restores readable default text color */

/* Normal, hover, and focus states */
body[data-entity="IdeationOverview"] .qa-username.link--user.username,
body[data-entity="IdeationOverview"] .qa-username.link--user.username:hover,
body[data-entity="IdeationOverview"] .qa-username.link--user.username:focus {
  background-color: #ffffff !important;   /* solid white background */
  color: #0057b8 !important;              /* accessible blue text */
  font-weight: 500 !important;            /* normal medium */
  border-radius: 4px !important;
  padding: 2px 6px !important;
  text-decoration: none !important;
  transition: background-color 0.2s ease-in-out !important;
}

/* Optional: darker hover text for better contrast */
body[data-entity="IdeationOverview"] .qa-username.link--user.username:hover {
  color: #004494 !important;              /* deeper blue on hover */
}

/* ✅ STEP 96.5 — Neutralize Gainsight link color for Ideation usernames */
body[data-entity="IdeationOverview"] a.qa-username.link--user.username,
body[data-entity="IdeationOverview"] a.qa-username.link--user.username:hover,
body[data-entity="IdeationOverview"] a.qa-username.link--user.username:focus {
  background-color: #ffffff !important;   /* solid white background */
  color: #8033D9 !important;              /* deep purple text (same tone as theme) */
  font-weight: 500 !important;
  border-radius: 4px !important;
  padding: 2px 6px !important;
  text-decoration: none !important;
  transition: background-color 0.2s ease-in-out !important;
}

/* Optional hover: slightly darker purple for clarity */
body[data-entity="IdeationOverview"] a.qa-username.link--user.username:hover {
  color: #0e0224 !important;
}

/* ✅ Quick Links — Homepage Carousel (data-targeted) */
[data-carousel="home"] .quicklink__container.horizontally-scrollable {
  display: flex !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  flex-wrap: nowrap !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
}

[data-carousel="home"] .quicklink__container.horizontally-scrollable > article {
  flex: 0 0 320px !important;
  min-width: 320px !important;
  scroll-snap-align: start;
  margin-right: 1rem;
}

/* ✅ Quick Links — Responsive scrollbar (shows on hover/focus) */
[data-carousel="home"] .quicklink__container.horizontally-scrollable {
  -webkit-overflow-scrolling: touch;
}

/* Always reserve the scrollbar area, but make it invisible by default */
[data-carousel="home"] .quicklink__container.horizontally-scrollable::-webkit-scrollbar {
  height: 10px;
}

/* Hidden/transparent by default */
[data-carousel="home"] .quicklink__container.horizontally-scrollable::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 8px;
}
[data-carousel="home"] .quicklink__container.horizontally-scrollable::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 8px;
}

/* Show when user interacts */
[data-carousel="home"] .quicklink__container.horizontally-scrollable:hover::-webkit-scrollbar-track,
[data-carousel="home"] .quicklink__container.horizontally-scrollable:focus-within::-webkit-scrollbar-track {
  background: #f0f0f0;
}
[data-carousel="home"] .quicklink__container.horizontally-scrollable:hover::-webkit-scrollbar-thumb,
[data-carousel="home"] .quicklink__container.horizontally-scrollable:focus-within::-webkit-scrollbar-thumb {
  background-color: #8033DA;
}

/* Optional: nicer hover on the thumb itself */
[data-carousel="home"] .quicklink__container.horizontally-scrollable::-webkit-scrollbar-thumb:hover {
  background-color: #a066e2;
}

/* ✅ STEP 98 — Enhanced post-action dropdown with consistent white text */
ul.tooltip__content--more,
ul.tooltip__content,
.tooltip__content--more,
.tooltip__content {
  background-color: #160334 !important;  /* Deep Securonix purple */
  color: #ffffff !important;
  border: 1px solid rgba(128, 51, 218, 0.4) !important; /* Brand purple edge */
  border-radius: 8px !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6) !important;
  padding: 8px 0 !important;
  z-index: 9999 !important;
}

/* Menu items */
ul.tooltip__content--more li,
ul.tooltip__content li,
.tooltip__content--more li,
.tooltip__content li,
ul.tooltip__content--more li a,
ul.tooltip__content li a,
.tooltip__content--more li a,
.tooltip__content li a {
  background: transparent !important;
  color: #ffffff !important; /* ✅ keep white text always */
  padding: 8px 14px !important;
  border: none !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  transition: all 0.2s ease-in-out !important;
}

/* Hover highlight — brighter background but same white text */
ul.tooltip__content--more li:hover,
ul.tooltip__content li:hover,
.tooltip__content--more li:hover,
.tooltip__content li:hover,
ul.tooltip__content--more li a:hover,
ul.tooltip__content li a:hover,
.tooltip__content--more li a:hover,
.tooltip__content li a:hover {
  background: linear-gradient(90deg, #8033DA 0%, #933BFA 100%) !important;
  color: #ffffff !important; /* ✅ stays pure white on hover */
  cursor: pointer !important;
  transform: scale(1.02);
  box-shadow: 0 0 12px rgba(128, 51, 218, 0.6) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7) !important;
}

/* Active (clicked) state — darker purple but white text */
ul.tooltip__content--more li:active,
ul.tooltip__content li:active,
.tooltip__content--more li:active,
.tooltip__content li:active,
ul.tooltip__content--more li a:active,
ul.tooltip__content li a:active,
.tooltip__content--more li a:active,
.tooltip__content li a:active {
  background-color: #420F98 !important;
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !important;
  box-shadow: 0 0 4px rgba(255, 123, 9, 0.3) !important;
}

/* Icons inside menu — keep white always */
ul.tooltip__content--more svg path,
ul.tooltip__content svg path,
.tooltip__content--more svg path,
.tooltip__content svg path {
  stroke: #ffffff !important;
  color: #ffffff !important;
  filter: brightness(1) invert(0) !important;
  transition: opacity 0.2s ease-in-out !important;
}

/* ✅ STEP 100 — Restore Secondary Button Styling (Dark Theme Compatible) */

/* Default state */
button.btn.btn-secondary,
a.btn.btn-secondary {
  background-color: #8033DA !important;  /* Securonix purple */
  color: #ffffff !important;              /* White text */
  border: 1px solid #8033DA !important;   /* Match brand purple border */
  border-radius: 6px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  transition: all 0.2s ease-in-out !important;
}

/* Hover state */
button.btn.btn-secondary:hover,
a.btn.btn-secondary:hover {
  background-color: #933BFA !important;   /* Slightly lighter purple */
  border-color: #933BFA !important;
  box-shadow: 0 0 12px rgba(128, 51, 217, 0.6) !important; /* subtle glow */
  color: #ffffff !important;
}

/* Active (click) state */
button.btn.btn-secondary:active,
a.btn.btn-secondary:active,
button.btn.btn-secondary:focus,
a.btn.btn-secondary:focus {
  background-color: #A053FA !important;   /* brighter purple */
  border-color: #A053FA !important;
  color: #ffffff !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Disabled state */
button.btn.btn-secondary:disabled,
a.btn.btn-secondary:disabled {
  background-color: rgba(128, 51, 218, 0.5) !important;
  border-color: rgba(128, 51, 218, 0.4) !important;
  color: #ddd !important;
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}

/* ✅ STEP 99 — Fix leaderboard username color/hover */
.widget-container--leaderboard_points a.qa-username.link--user.username {
  color: #ffffff !important;            /* readable on dark bg */
  background: transparent !important;   /* no white pill here */
  text-decoration: none !important;
  font-weight: 600 !important;
}

.widget-container--leaderboard_points a.qa-username.link--user.username:hover,
.widget-container--leaderboard_points a.qa-username.link--user.username:focus {
  color: #ffffff !important;            /* stay white on hover */
  text-decoration: underline !important;/* keep underline cue */
}

/* Optional: make current-user row a touch clearer */
.widget-container--leaderboard_points .leaderboard-row-current-user a.qa-username.link--user.username {
  text-shadow: 0 1px 2px rgba(0,0,0,.35) !important;
}

/* ✅ STEP 100 — Final unified fix for Login Modal (dark theme + correct buttons) */

/* 🔹 Modal background and content wrapper */
.modal_login.qa-login-modal,
.qa-login-modal {
  background-color: #160334 !important;  /* Deep purple base */
  color: #ffffff !important;
}

.modal_login.qa-login-modal .modal-content,
.qa-login-modal .modal-content {
  background-color: #160334 !important;  /* Match page theme */
  border: 1px solid rgba(128, 51, 218, 0.4) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6) !important;
}

/* 🔹 Modal header */
.modal_login.qa-login-modal .modal-header,
.qa-login-modal .modal-header {
  background-color: #1e0c45 !important; /* Slightly lighter purple band */
  color: #ffffff !important;
  border-bottom: 1px solid rgba(128, 51, 218, 0.4) !important;
  font-weight: 600 !important;
}

/* 🔹 Input fields */
.modal_login.qa-login-modal input[type="text"],
.modal_login.qa-login-modal input[type="email"],
.modal_login.qa-login-modal input[type="password"],
.qa-login-modal input[type="text"],
.qa-login-modal input[type="email"],
.qa-login-modal input[type="password"] {
  background-color: #2b0a66 !important;   /* Dark purple input box */
  color: #ffffff !important;              /* White text inside input */
  border: 1px solid #8033DA !important;   /* Purple border */
  border-radius: 6px !important;
  padding: 10px 12px !important;
  box-shadow: none !important;
}

/* 🔹 Placeholder color */
.modal_login.qa-login-modal input::placeholder,
.qa-login-modal input::placeholder {
  color: #aaaaaa !important;
}

/* 🔹 Labels and general text */
.modal_login.qa-login-modal label,
.qa-login-modal label,
.modal_login.qa-login-modal h3,
.qa-login-modal h3,
.modal_login.qa-login-modal p,
.qa-login-modal p {
  color: #ffffff !important;
}

/* 🔹 Links (e.g., Forgot password, Create account) */
.modal_login.qa-login-modal a,
.qa-login-modal a {
  color: #FF7B09 !important;  /* Brand orange */
  text-decoration: none !important;
  font-weight: 500 !important;
}
.modal_login.qa-login-modal a:hover,
.qa-login-modal a:hover {
  color: #FFD09E !important;  /* Light orange hover */
  text-decoration: underline !important;
}

/* 🔹 Primary buttons — Login + Login with SSO */
.modal_login.qa-login-modal .btn,
.qa-login-modal .btn,
.modal_login.qa-login-modal button[type="submit"],
.qa-login-modal button[type="submit"],
.modal_login.qa-login-modal .btn--cta,
.qa-login-modal .btn--cta {
  background-color: #FF7B09 !important;   /* Brand orange */
  color: #160334 !important;
  border: 1px solid #FF7B09 !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  width: 100% !important;
  padding: 12px !important;
  transition: background-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* 🔹 Hover + Focus states */
.modal_login.qa-login-modal .btn:hover,
.qa-login-modal .btn:hover,
.modal_login.qa-login-modal button[type="submit"]:hover,
.qa-login-modal button[type="submit"]:hover,
.modal_login.qa-login-modal .btn--cta:hover,
.qa-login-modal .btn--cta:hover {
  background-color: #FF8D0A !important;   /* Slightly lighter orange */
  border-color: #FF8D0A !important;
  box-shadow: 0 0 12px rgba(255, 123, 9, 0.4) !important;
  color: #160334 !important;
}

.modal_login.qa-login-modal .btn:focus,
.qa-login-modal .btn:focus {
  outline: none !important;
  box-shadow: 0 0 6px rgba(255, 123, 9, 0.4) !important;
}

/* 🔹 Disabled state */
.modal_login.qa-login-modal .btn:disabled,
.qa-login-modal .btn:disabled {
  background-color: rgba(255, 123, 9, 0.5) !important;
  border-color: rgba(255, 123, 9, 0.4) !important;
  color: #eee !important;
  cursor: not-allowed !important;
  opacity: 0.6 !important;
}

/* 🔹 “Remember me” checkbox — validator-safe */
.modal_login.qa-login-modal input[type="checkbox"],
.qa-login-modal input[type="checkbox"] {
  appearance: none !important;        /* Remove browser default style */
  width: 16px !important;
  height: 16px !important;
  border: 2px solid #FF7B09 !important;
  border-radius: 3px !important;
  background-color: transparent !important;
  cursor: pointer !important;
  position: relative !important;
}

/* Checked state — adds orange fill + white checkmark */
.modal_login.qa-login-modal input[type="checkbox"]:checked,
.qa-login-modal input[type="checkbox"]:checked {
  background-color: #FF7B09 !important;
  border-color: #FF7B09 !important;
}

/* Optional hover: soft glow */
.modal_login.qa-login-modal input[type="checkbox"]:hover,
.qa-login-modal input[type="checkbox"]:hover {
  box-shadow: 0 0 6px rgba(255, 123, 9, 0.5) !important;
}

/* 🔹 Divider line fix */
.modal_login.qa-login-modal hr,
.qa-login-modal hr {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

/* 🔹 Close “x” button */
.modal_login.qa-login-modal .mfp-close,
.qa-login-modal .mfp-close {
  color: #FF7B09 !important;
  opacity: 0.9 !important;
}

/* 🔸 Force primary style on submit button even if classes vary */
.modal_login.qa-login-modal #login_submit,
.qa-login-modal #login_submit {
  background-color: #FF7B09 !important;
  color: #FFFFFF !important;
  border: 1px solid #FF7B09 !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  width: 100% !important;
  padding: 12px !important;
  box-shadow: none !important;
}
.modal_login.qa-login-modal #login_submit:hover,
.qa-login-modal #login_submit:hover {
  background-color: #FF8D0A !important;
  border-color: #FF8D0A !important;
  box-shadow: 0 0 12px rgba(255,123,9,.4) !important;
}

/* 🔸 Kill residual white “note” background (bottom area) */
.modal_login.qa-login-modal .box--note,
.modal_login.qa-login-modal .box--blend,
.qa-login-modal .box--note,
.qa-login-modal .box--blend {
  background: transparent !important;
  color: #FFFFFF !important;
  border: none !important;
  box-shadow: none !important;
}

/* STEP: Hide Ideation Posts from Recent Activity (Guests Only) */
body[data-role="roles.guest"] 
  .a-widget--recent-topic a[href*="/ideas/"] {
  display: none !important;
}

/* Also hide parent topic card (parser-safe) */
body[data-role="roles.guest"] .a-widget--recent-topic a[href*="/ideas/"] .topic-list-item-card,
body[data-role="roles.guest"] .a-widget--recent-topic a[href*="/ideas/"] article,
body[data-role="roles.guest"] .a-widget--recent-topic a[href*="/ideas/"] div {
  display: none !important;
}

/* ✅ STEP 101 — Apply Dark Theme Styling to KB Category Sidebar Only */

/* 🔹 Category sidebar wrapper */
.category-sidebar-navigation {
  background-color: rgba(22, 3, 52, 0.9) !important; /* Deep translucent purple */
  border: 1px solid rgba(128, 51, 218, 0.4) !important; /* Subtle purple outline */
  border-radius: 8px !important;
  padding: 16px 20px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
  color: #ffffff !important;
}

/* 🔹 Sidebar headers (section titles) */
.category-sidebar-navigation h3 {
  color: #ffffff !important;
  font-weight: 600 !important;
  margin-bottom: 12px !important;
}

/* 🔹 Category links */
.category-sidebar-navigation a {
  color: #ffffff !important;
  background: transparent !important;
  padding: 6px 10px !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  display: block !important;
  transition: all 0.2s ease-in-out !important;
}

/* 🔹 Hover & focus states for category links */
.category-sidebar-navigation a:hover,
.category-sidebar-navigation a:focus {
  background: rgba(128, 51, 218, 0.25) !important; /* Soft brand purple highlight */
  color: #FF7B09 !important; /* Brand orange text */
  cursor: pointer !important;
}

/* 🔹 Active / expanded section highlight */
.category-sidebar-navigation .is-active > a,
.category-sidebar-navigation .is-expanded > a {
  color: #FF7B09 !important;
  font-weight: 600 !important;
}

/* 🔹 Remove white backgrounds and shadows from inner elements */
.category-sidebar-navigation * {
  box-shadow: none !important;
  background-image: none !important;
  background-color: transparent !important;
}

/* ✅ STEP 103e — Global override for Gainsight dropdown menus (translation included) */

/* Shell */
ul.c-dropdown__content[role="menu"] {
  background-color: #160334 !important;
  color: #ffffff !important;
  border: 1px solid rgba(128, 51, 218, 0.4) !important;
  border-radius: 8px !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.6) !important;
  padding: 4px 0 !important;
  z-index: 99999 !important;
}

/* Items + inner wrappers (covers <li> and nested .language-item div) */
ul.c-dropdown__content[role="menu"] li.c-dropdown__item,
ul.c-dropdown__content[role="menu"] li.c-dropdown__item > *,
ul.c-dropdown__content[role="menu"] .language-item {
  background: transparent !important;
  color: #ffffff !important;
  padding: 8px 14px !important;
  border: none !important;
  border-radius: 4px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
}

/* Hover / focus */
ul.c-dropdown__content[role="menu"] li.c-dropdown__item:hover,
ul.c-dropdown__content[role="menu"] li.c-dropdown__item:focus,
ul.c-dropdown__content[role="menu"] li.c-dropdown__item:hover > *,
ul.c-dropdown__content[role="menu"] li.c-dropdown__item:focus > *,
ul.c-dropdown__content[role="menu"] li.c-dropdown__item:hover .language-item {
  background-color: #3b1a80 !important;
  color: #ffffff !important;
}

/* Selected item */
ul.c-dropdown__content[role="menu"] li.c-dropdown__item.is-selected,
ul.c-dropdown__content[role="menu"] li.c-dropdown__item[aria-selected="true"] {
  background-color: #8033DA !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* Icons */
ul.c-dropdown__content[role="menu"] li.c-dropdown__item svg path {
  stroke: #ffffff !important;
  color: #ffffff !important;
  filter: brightness(0) invert(1) !important;
}

/* ✅ STEP 104 — Language selector trigger (validator-safe, no * or gap) */

/* Base trigger */
div.language-selector-trigger,
button.language-selector-trigger {
  background-color: transparent !important;
  color: #933BFA !important;
  border: 1px solid #8033DA !important;      /* brand purple */
  border-radius: 6px !important;
  padding: 6px 12px !important;
  font-weight: 500 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease-in-out !important;
  box-shadow: none !important;
}

/* Icon + text spacing (no gap) */
div.language-selector-trigger svg,
button.language-selector-trigger svg {
  width: 16px !important;
  height: 16px !important;
  margin-right: 6px !important;              /* ← replaces gap */
}

/* Icon color */
div.language-selector-trigger svg path,
button.language-selector-trigger svg path {
  stroke: #933BFA !important;
  color: #933BFA !important;
  transition: stroke 0.2s ease-in-out !important;
}

/* Hover / focus */
div.language-selector-trigger:hover,
button.language-selector-trigger:hover,
div.language-selector-trigger:focus,
button.language-selector-trigger:focus {
  background-color: #8033DA !important;      /* solid purple */
  color: #ffffff !important;
  border-color: #8033DA !important;
  box-shadow: 0 0 8px rgba(128, 51, 218, 0.5) !important;
  outline: none !important;
}

/* Icon on hover/focus */
div.language-selector-trigger:hover svg path,
button.language-selector-trigger:hover svg path,
div.language-selector-trigger:focus svg path,
button.language-selector-trigger:focus svg path {
  stroke: #ffffff !important;
  color: #ffffff !important;
}

/* Expanded (aria-expanded="true") */
div.language-selector-trigger[aria-expanded="true"],
button.language-selector-trigger[aria-expanded="true"] {
  background-color: #933BFA !important;      /* lighter purple */
  color: #ffffff !important;
  border-color: #933BFA !important;
}

/* ✅ STEP 105.2 — Full visual enhancement for Category Selector (Create Idea form) */

/* Outer container wrapper */
div.select-product-area {
  background-color: #160334 !important;         /* Deep background to match site theme */
  border: 1px solid #8033DA !important;         /* Brand purple edge */
  border-radius: 6px !important;
  box-shadow: 0 0 10px rgba(128, 51, 218, 0.3) !important;
  padding: 6px 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  transition: all 0.2s ease-in-out !important;
}

/* When user hovers or focuses the selector area */
div.select-product-area:hover,
div.select-product-area:focus-within {
  border-color: #933BFA !important;             /* Brighter purple on hover/focus */
  box-shadow: 0 0 12px rgba(147, 59, 250, 0.4) !important;
}

/* Selected item inside the box */
div.product-area-selected-item {
  background-color: #2b0a66 !important;         /* Slightly lighter purple pill */
  color: #ffffff !important;                    /* Readable white text */
  border: 1px solid #8033DA !important;
  border-radius: 4px !important;
  padding: 6px 10px !important;
  font-weight: 500 !important;
  display: inline-flex !important;
  align-items: center !important;
  margin-right: 6px !important;
  transition: background-color 0.2s ease-in-out !important;
}

/* Hovered selected item */
div.product-area-selected-item:hover {
  background-color: #3b1a80 !important;         /* Lighter hover tone */
  border-color: #933BFA !important;
}

/* Category dropdown button itself */
button#category-selector {
  background: transparent !important;
  border: none !important;
  color: #ffffff !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Icon inside the dropdown trigger */
button#category-selector svg path {
  stroke: #ffffff !important;
  opacity: 0.9 !important;
  transition: stroke 0.2s ease-in-out !important;
}

/* Hover/focus effect on icon */
button#category-selector:hover svg path,
button#category-selector:focus svg path {
  stroke: #FF7B09 !important; /* Brand orange accent */
}

/* Dropdown list background */
ul[aria-labelledby="category-selector"],
div[role="menu"][aria-labelledby="category-selector"] {
  background-color: #1e0c45 !important;
  border: 1px solid rgba(128, 51, 218, 0.4) !important;
  border-radius: 8px !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.6) !important;
  color: #ffffff !important;
  z-index: 9999 !important;
}

/* Dropdown items */
ul[aria-labelledby="category-selector"] li,
div[role="menu"][aria-labelledby="category-selector"] li {
  color: #ffffff !important;
  background: transparent !important;
  padding: 8px 14px !important;
  border: none !important;
  transition: background-color 0.2s ease-in-out !important;
}

/* Hovered dropdown item */
ul[aria-labelledby="category-selector"] li:hover,
div[role="menu"][aria-labelledby="category-selector"] li:hover {
  background-color: #3b1a80 !important;
  color: #ffffff !important;
}

/* ✅ STEP 106 — Safari fix for white input backgrounds on forms (Set Username, Login, etc.) */

/* Applies only to login modal and set-username forms */
.qa-login-modal input[type="text"],
.qa-login-modal input[type="email"],
.qa-login-modal input[type="password"],
form#set-username input[type="text"],
form#set-username input[type="email"],
form#set-username input[type="password"],
form#set-username input#SignupForm_username,
form#set-username input#SignupForm_email {
  background-color: #2b0a66 !important;   /* Dark purple field base */
  color: #ffffff !important;              /* White text */
  border: 1px solid #8033DA !important;   /* Brand purple border */
  border-radius: 6px !important;
  padding: 10px 12px !important;
  box-shadow: none !important;
  appearance: none !important;            /* ✅ Forces Safari to drop its native shadow/white bg */
  -webkit-appearance: none !important;    /* ✅ Explicit for Safari */
  -moz-appearance: none !important;
  caret-color: #ffffff !important;        /* Visible white cursor */
}

/* Placeholder text */
.qa-login-modal input::placeholder,
form#set-username input::placeholder {
  color: #aaaaaa !important;              /* Light gray placeholder */
  opacity: 1 !important;
}

/* Autofill fix (Safari + Chrome, validator-safe) */
.qa-login-modal input:-webkit-autofill,
.qa-login-modal input:-webkit-autofill:focus,
form#set-username input:-webkit-autofill,
form#set-username input:-webkit-autofill:focus {
  /* simulate text color and dark fill without using -webkit-text-fill-color */
  box-shadow: 0 0 0px 1000px #2b0a66 inset !important; /* dark fill */
  color: #ffffff !important;        /* readable text color */
  caret-color: #ffffff !important;
  border: 1px solid #8033DA !important;
  transition: background-color 9999s ease-in-out 0s !important;
}

/* Hover/focus states */
.qa-login-modal input:focus,
form#set-username input:focus {
  outline: none !important;
  border-color: #933BFA !important;       /* lighter purple focus ring */
  box-shadow: 0 0 10px rgba(147, 59, 250, 0.4) !important;
}

/* ✅ STEP T6 — Structural dark theme fix for static legal pages (Terms, Privacy) */

/* Outer wrapper */
.pagebox.box__pad {
  background-color: #160334 !important;
  border: none !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

/* Inner content area */
.pagebox.box__pad .box__content {
  background-color: #160334 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  padding: 24px !important;
}

/* Main article text */
.pagebox.box__pad .post__content,
.pagebox.box__pad .post__content p,
.pagebox.box__pad .post__content li,
.pagebox.box__pad .post__content div {
  background: transparent !important;
  color: #ffffff !important;
  line-height: 1.6 !important;
}

/* Headings */
.pagebox.box__pad .post__content h1,
.pagebox.box__pad .post__content h2,
.pagebox.box__pad .post__content h3 {
  color: #ffffff !important;
  font-weight: 600 !important;
  margin-top: 16px !important;
}

/* Links */
.pagebox.box__pad .post__content a {
  color: #FF7B09 !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}
.pagebox.box__pad .post__content a:hover {
  color: #FFD09E !important;
  text-decoration: underline !important;
}

/* Tables or lists inside Terms */
.pagebox.box__pad .post__content table {
  background-color: #1e0c45 !important;
  color: #ffffff !important;
  border: 1px solid rgba(128, 51, 218, 0.4) !important;
  border-radius: 6px !important;
}
.pagebox.box__pad .post__content th,
.pagebox.box__pad .post__content td {
  border: 1px solid rgba(128, 51, 218, 0.3) !important;
  padding: 10px 12px !important;
}

/* Remove any leftover white inner box */
.pagebox.box__pad .box {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ✅ STEP 107 — Dark theme + Safari fix for Profile Settings form inputs */

/* Applies to all editable fields under /settings/profile */
form#profile-settings-form input[type="text"],
form#profile-settings-form input[type="email"],
form#profile-settings-form input[type="password"],
form#profile-settings-form textarea,
form#profile-settings-form input#ProfileSettingsForm_signature {
  background-color: #2b0a66 !important;    /* Deep purple field */
  color: #ffffff !important;               /* White text */
  border: 1px solid #8033DA !important;    /* Brand purple border */
  border-radius: 6px !important;
  padding: 10px 12px !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;     /* Explicit Safari fix */
  -moz-appearance: none !important;
  caret-color: #ffffff !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* Placeholder styling */
form#profile-settings-form input::placeholder,
form#profile-settings-form textarea::placeholder {
  color: #aaaaaa !important;
  opacity: 1 !important;
}

/* Autofill handling (Safari + Chrome) */
form#profile-settings-form input:-webkit-autofill,
form#profile-settings-form input:-webkit-autofill:focus {
  box-shadow: 0 0 0px 1000px #2b0a66 inset !important;  /* Dark fill */
  color: #ffffff !important;
  caret-color: #ffffff !important;
  border: 1px solid #8033DA !important;
  transition: background-color 9999s ease-in-out 0s !important;
}

/* Hover / focus states */
form#profile-settings-form input:focus,
form#profile-settings-form textarea:focus {
  outline: none !important;
  border-color: #933BFA !important;        /* Lighter purple on focus */
  box-shadow: 0 0 10px rgba(147, 59, 250, 0.4) !important;
}

/* Save button (to match dark theme buttons) */
form#profile-settings-form button[type="submit"] {
  background-color: #FF7B09 !important;    /* Brand orange */
  color: #160334 !important;               /* Deep purple text */
  font-weight: 600 !important;
  border: 1px solid #FF7B09 !important;
  border-radius: 6px !important;
  text-transform: uppercase !important;
  padding: 10px 18px !important;
  transition: background-color 0.2s ease, box-shadow 0.2s ease !important;
}

form#profile-settings-form button[type="submit"]:hover {
  background-color: #FF8D0A !important;
  border-color: #FF8D0A !important;
  box-shadow: 0 0 12px rgba(255, 123, 9, 0.4) !important;
}

/* ✅ STEP 108 — Dark theme fix for static member profile info (read-only view) */

/* Table wrapper */
div.table.table--no-border.table--pad-v.profile-fields.qa-user-profile-fields {
  background-color: #160334 !important;   /* Deep purple base */
  border-radius: 8px !important;
  border: 1px solid rgba(128, 51, 218, 0.4) !important;
  padding: 16px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

/* Row and cell content */
div.table.table--no-border.table--pad-v.profile-fields.qa-user-profile-fields .table__row,
div.table.table--no-border.table--pad-v.profile-fields.qa-user-profile-fields .table__cell {
  background: transparent !important;
  color: #ffffff !important;               /* White readable text */
  border: none !important;
  padding: 8px 12px !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

/* Left column (field label) */
div.table.table--no-border.table--pad-v.profile-fields.qa-user-profile-fields .table__cell:first-child {
  color: #FF7B09 !important;               /* Brand orange labels */
  font-weight: 500 !important;
}

/* Right column (field value) */
div.table.table--no-border.table--pad-v.profile-fields.qa-user-profile-fields .table__cell:last-child {
  color: #ffffff !important;               /* White text */
  font-weight: 400 !important;
}

/* Headings (e.g., About, Badges) */
div.table.table--no-border.table--pad-v.profile-fields.qa-user-profile-fields h3,
div.table.table--no-border.table--pad-v.profile-fields.qa-user-profile-fields h4 {
  color: #ffffff !important;
  font-weight: 600 !important;
  border-bottom: 1px solid rgba(128, 51, 218, 0.4) !important;
  margin-bottom: 12px !important;
  padding-bottom: 6px !important;
}

/* Remove any unexpected white gaps or overlays */
div.table.table--no-border.table--pad-v.profile-fields.qa-user-profile-fields * {
  background: transparent !important;
  box-shadow: none !important;
}

/* ✅ STEP 109.1 — Fix dark theme + working hover for Ideation filter panels */

/* Scoped to Ideation Overview only */
body[data-entity="IdeationOverview"] div.box__content.box__pad.ideation-filters {
  background-color: #160334 !important;          
  border: 1px solid rgba(128, 51, 218, 0.4) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
  color: #ffffff !important;
  padding: 16px 20px !important;
}

/* Titles (Filter by idea status / Filter by product) */
body[data-entity="IdeationOverview"] div.box__content.box__pad.ideation-filters h3,
body[data-entity="IdeationOverview"] div.box__content.box__pad.ideation-filters h4 {
  color: #ffffff !important;
  font-weight: 600 !important;
  margin-bottom: 12px !important;
}

/* Filter item default state */
body[data-entity="IdeationOverview"] div.box__content.box__pad.ideation-filters li,
body[data-entity="IdeationOverview"] div.box__content.box__pad.ideation-filters a,
body[data-entity="IdeationOverview"] div.box__content.box__pad.ideation-filters span {
  color: #ffffff !important;
  background: transparent !important;
  border: none !important;
  font-weight: 400 !important;
  padding: 4px 6px !important;
  transition: color 0.2s ease-in-out, background 0.2s ease-in-out !important;
}

/* ✅ Hover + focus (link, list item, and nested span all react) */
body[data-entity="IdeationOverview"] div.box__content.box__pad.ideation-filters li:hover,
body[data-entity="IdeationOverview"] div.box__content.box__pad.ideation-filters li:hover a,
body[data-entity="IdeationOverview"] div.box__content.box__pad.ideation-filters li:hover span,
body[data-entity="IdeationOverview"] div.box__content.box__pad.ideation-filters a:hover,
body[data-entity="IdeationOverview"] div.box__content.box__pad.ideation-filters a:focus {
  color: #FF7B09 !important;                /* Brand orange text */
  background-color: rgba(128, 51, 218, 0.15) !important; /* subtle purple glow */
  border-radius: 4px !important;
  cursor: pointer !important;
}

/* Keep hidden-M state consistent */
body[data-entity="IdeationOverview"] div.box__content.box__pad.ideation-filters.is-hidden-M {
  background-color: #160334 !important;
  border: 1px solid rgba(128, 51, 218, 0.3) !important;
  box-shadow: none !important;
}

/* ✅ STEP 109.4 — Fix persistent orange highlight in Product Filter (Ideation Overview) */

/* Scoped to Ideation Overview */
body[data-entity="IdeationOverview"] div.box__content.box__pad.product-area-filter {
  background-color: #160334 !important;
  border: 1px solid rgba(128, 51, 218, 0.4) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
  color: #ffffff !important;
  padding: 16px 20px !important;
}

/* Section headings (e.g., Unified Defense SIEM) */
body[data-entity="IdeationOverview"] .product-area-filter__section-title,
body[data-entity="IdeationOverview"] .product-area-filter__section > .list-item-button span {
  color: #ffffff !important;
  font-weight: 600 !important;
  background: transparent !important;
  transition: color 0.2s ease-in-out !important;
}

/* Hover (temporary highlight only while pointer is active) */
body[data-entity="IdeationOverview"] .product-area-filter__section-title:hover,
body[data-entity="IdeationOverview"] .product-area-filter__section > .list-item-button:hover span {
  color: #FF7B09 !important;
}

/* Expanded or active parent category — stays white, not orange */
body[data-entity="IdeationOverview"] .product-area-filter__section.open > .list-item-button span,
body[data-entity="IdeationOverview"] .product-area-filter__section.open .product-area-filter__section-title {
  color: #ffffff !important;
}

/* Product list items (subcategories) */
body[data-entity="IdeationOverview"] .list-item-button,
body[data-entity="IdeationOverview"] .list-item-button span {
  color: #ffffff !important;
  font-weight: 400 !important;
  background: transparent !important;
  border: none !important;
  padding: 4px 6px !important;
  transition: color 0.2s ease-in-out, background 0.2s ease-in-out !important;
}

/* ✅ Hover for sub-items — temporary only */
body[data-entity="IdeationOverview"] .list-item-button:hover span {
  color: #FF7B09 !important; /* orange text */
  background-color: rgba(128, 51, 218, 0.15) !important;
  border-radius: 4px !important;
  cursor: pointer !important;
}

/* ✅ Active/selected sub-item — permanent highlight */
body[data-entity="IdeationOverview"] .list-item-button.is-active span,
body[data-entity="IdeationOverview"] .list-item-button[aria-current="true"] span,
body[data-entity="IdeationOverview"] .list-item-button.active span {
  color: #FF7B09 !important;
  font-weight: 600 !important;
  background-color: rgba(128, 51, 218, 0.25) !important;
  border-radius: 4px !important;
}

/* Remove orange bleed from open category children */
body[data-entity="IdeationOverview"] .product-area-filter__section.open .list-item-button:not(.is-active):not(:hover) span {
  color: #ffffff !important;
  background: transparent !important;
}

/* Reset stray shadow/fill effects */
body[data-entity="IdeationOverview"] .product-area-filter__section * {
  box-shadow: none !important;
  background-image: none !important;
}

/* ✅ STEP 110.24 — Homepage stats + last visitors titles -> white */

.qa-stats-bar .list__item span,
.qa-stats-bar .list__item strong,
.last-visitors-widget .widget-title,
.last-visitors-widget .widget-title span,
.last-visitors .widget-title,
.last-visitors .widget-title span {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* ✅ STEP 110.25 — Recent activity: member title text (e.g., "New Member") -> white */
.topic-list-item-card .user-title_text__meta,
.topic-list-item-card .user-title__meta,
.topic-list-item-card .user-title,
.topic-list-item-card .user-title * {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* ✅ STEP 110.26 — Breadcrumb: only last item orange */

/* Default breadcrumb items (non-last) */
.breadcrumb-item,
.breadcrumb-item a {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Arrow icon */
.icon.icon-caret-right {
  color: #ffffff !important;
}

/* Only last breadcrumb item */
.breadcrumb-item:last-child,
.breadcrumb-item:last-child a {
  color: #FF7B09 !important; /* Securonix Orange */
}

/* If last breadcrumb has no anchor */
.breadcrumb-item:last-child span {
  color: #FF7B09 !important;
}

/* STEP 110.30: Topic Curation item-type text -> white */
.topic-curation__item-type,
.topic-curation__item-type *,
.topic-curation__item-type-link,
.topic-curation__item-type-link *,
.topic-curation__item-type-text,
.topic-curation__item-type-text * {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* STEP 110.31 (CSS): Reply editor iframe background -> white so black text is visible */
.reply-editor-wrapper .cke_contents,
.reply-editor-wrapper .cke_wysiwyg_frame {
  background: #ffffff !important;
}

.reply-editor-wrapper .cke_contents {
  border-radius: 10px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
}

/* Optional: make toolbar readable on dark page */
.reply-editor-wrapper .cke_top {
  background: #ffffff !important;
}

/* STEP 110.32 (CSS): Reply heading ("Reply") -> white */
.qa-reply.reply-editor-wrapper h3,
.qa-reply.reply-editor-wrapper h3 span {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* STEP 110.24: Metadata (icons + counts) -> force readable white */

/* Counts text */
.thread-meta-item__text,
.js-vote-count,
.qa-topic-meta-likes-content,
.topic_likes-count,
.topic__likes-count,
.topic_views-count,
.topic__views-count,
.topic_comments-count,
.topic__comments-count {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Icon fonts (thumb/eye/comment) */
.thread-meta-item__icon,
.thread-meta-item__icon:before,
.thread-meta-item__icon:after {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Vote triangle SVG uses currentColor */
button.qa-topic-meta-likes-icon {
  color: #ffffff !important;
}

/* STEP 110.34: Related topics TITLE only -> white */
h3.widget-title.related-topics__widget-title {
  color: #ffffff !important;
}

/* STEP 110.36: Explore tile category counter -> white */

li.qa-forum-overview-category-counter,
li.qa-forum-overview-category-counter span {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* STEP 110.36b: Explore tile TOPIC counter -> white */

li.qa-forum-overview-topic-counter,
li.qa-forum-overview-topic-counter span {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* STEP 110.37 — Explore the community subheading -> white */

h3.widget__subheading.community-category__subheading {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* STEP 110.38 — Leaderboard widget text normalization */

/* 1️⃣ Top summary numbers + labels (Ranking / Points / You) */
.leaderboard_points .logged-in-user-section-ranking,
.leaderboard_points .logged-in-user-section-ranking *,
.leaderboard_points .logged-in-user-section-points,
.leaderboard_points .logged-in-user-section-points *,
.leaderboard_points .position-number-top,
.leaderboard_points .position-number-top * {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* 2️⃣ Tabs (Week / All time) */
.leaderboard_points .tabs--navigation li,
.leaderboard_points .tabs--navigation li a,
.leaderboard_points .tabs--navigation li span {
  color: #ffffff !important;
}

.leaderboard_points .tabs--navigation li.is-active a,
.leaderboard_points .tabs--navigation li.is-active span {
  color: #FF7B09 !important; /* brand orange for active */
}

/* 3️⃣ User row points (e.g., "10 points") */
.leaderboard_points .leaderboard-user-points,
.leaderboard_points .leaderboard-user-points *,
.leaderboard_points .logged-in-user-section-points-label {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Optional: make medals/icons consistent */
.leaderboard_points svg path {
  filter: none !important;
}

/* ✅ STEP 110.40 — Leaderboard: fix “Ranking” label + position numbers (4,5,…) only */
.widget-container--leaderboard_points .logged-in-user-section-ranking-label,
.widget-container--leaderboard_points .logged-in-user-section-ranking-label.text--meta {
  color: #ffffff !important;
  opacity: 1 !important;
}

.widget-container--leaderboard_points .leaderboard-user-position .position-number,
.widget-container--leaderboard_points .leaderboard-user-position .position-number.text--meta,
.widget-container--leaderboard_points .leaderboard-user-position .position-number-other,
.widget-container--leaderboard_points .leaderboard-user-position .position-number-other.text--meta {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* (Optional but usually needed) Ensure “points” under each user stays readable */
.widget-container--leaderboard_points .leaderboard-user-points,
.widget-container--leaderboard_points .leaderboard-user-points * {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* ✅ STEP 110.41b — Footer legal links (Terms / Cookie settings / Accessibility) -> white */

/* Hit the whole footer area */
.powered-by-insided-footer,
.powered-by-insided-footer * {
  color: #ffffff !important;
}

/* Explicitly force anchors (covers visited too) */
.powered-by-insided-footer a,
.powered-by-insided-footer a:visited {
  color: #ffffff !important;
  opacity: 1 !important;
  text-decoration: none !important;
}

/* Hover/focus */
.powered-by-insided-footer a:hover,
.powered-by-insided-footer a:focus {
  color: #FF7B09 !important;
  text-decoration: underline !important;
}

/* ✅ STEP 110.43 — "Most helpful members this week" like count -> white */

ul.qa-most-liked-post .user_data p.text--meta,
ul.qa-most-liked-post .user_data p.text--meta span {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* ✅ STEP 110.44 — Breadcrumb arrows -> white */

.breadcrumb-item .icon--caret-left,
.breadcrumb-item .icon--caret-right,
.breadcrumb-item .icon--caret-left::before,
.breadcrumb-item .icon--caret-right::before {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* ✅ STEP 110.45 — Product Area Filter (refined hover + active styling) */

/* Default state */
.product-area-filter__section-title {
  color: #ffffff !important;
  font-weight: 500 !important;
  transition: color 0.2s ease, background 0.2s ease !important;
}

/* Chevron default */
.product-area-filter__section .chevron-icon svg path {
  fill: #ffffff !important;
  transition: transform 0.2s ease, fill 0.2s ease !important;
}

/* Hover */
.product-area-filter__section .list-item-button:hover .product-area-filter__section-title {
  color: #FF7B09 !important;
}

.product-area-filter__section .list-item-button:hover .chevron-icon svg path {
  fill: #FF7B09 !important;
}

/* Active / expanded section */
.product-area-filter__section.open .product-area-filter__section-title,
.product-area-filter__section[aria-expanded="true"] .product-area-filter__section-title {
  color: #FF7B09 !important;
  font-weight: 600 !important;
}

/* Optional: subtle active background */
.product-area-filter__section.open .list-item-button,
.product-area-filter__section[aria-expanded="true"] .list-item-button {
  background-color: rgba(128, 51, 218, 0.15) !important;
  border-radius: 4px !important;
}

/* Optional: rotate chevron when expanded */
.product-area-filter__section.open .chevron-icon svg,
.product-area-filter__section[aria-expanded="true"] .chevron-icon svg {
  transform: rotate(180deg);
}

/* ✅ STEP 110.46 — Ideation list: title + description text (with hover) */

/* Idea description text */
body[data-entity="IdeationOverview"] .thread-list-block__content.qa-topic-content,
body[data-entity="IdeationOverview"] .thread-list-block__content.qa-topic-content span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

/* Pipeline idea title (default) */
body[data-entity="IdeationOverview"] .pipeline__idea-title,
body[data-entity="IdeationOverview"] .pipeline__idea-title a {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  transition: color 0.2s ease, text-shadow 0.2s ease !important;
}

/* Hover + focus */
body[data-entity="IdeationOverview"] .pipeline__idea-title a:hover,
body[data-entity="IdeationOverview"] .pipeline__idea-title a:focus {
  color: #FF7B09 !important; /* brand orange */
  text-shadow: 0 0 6px rgba(255, 123, 9, 0.4);
}

/* ✅ STEP 110.48 — Most helpful members: username styling */

ul.qa-most-liked-post a.link.username {
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  transition: color 0.2s ease, text-shadow 0.2s ease !important;
}

/* Hover */
ul.qa-most-liked-post a.link.username:hover,
ul.qa-most-liked-post a.link.username:focus {
  color: #FF7B09 !important;  /* brand orange */
  text-shadow: 0 0 6px rgba(255, 123, 9, 0.4);
}

/* ✅ STEP 110.49 — Topic list card: category + age text -> white */

/* "published in" + category link */
.topic-list-item-card_topic-location-link,
.topic-list-item-card_topic-location-link span,
.topic-list-item-card_topic-name {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

/* Age text (e.g., "2 months ago") */
.topic-list-item-card_topic-age-container time {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

/* Hover state for category link */
.topic-list-item-card_topic-location-link:hover,
.topic-list-item-card_topic-location-link:hover .topic-list-item-card_topic-name {
  color: #FF7B09 !important; /* brand orange */
}

/* ✅ STEP 110.50 — Featured topics: age text only (e.g., "3 months ago") */

.featured-topics time {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}


/* ✅ STEP 110.47 — Mobile slider menu FINAL (dark panel, readable text, subtle dividers, white burger) */

@media (max-width:1024px){

  /* panel */
  .header-navigation .slider-content,
  .header-navigation .slider-content .dropdown-container,
  .header-navigation .slider-content ul {
    background: #160334 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
  }

  /* menu items / links */
  .header-navigation .slider-content .main-menu-link,
  .header-navigation .slider-content .main-menu-link .link--text,
  .header-navigation .slider-content .main-menu-list__item,
  .header-navigation .slider-content .main-menu-list__item span,
  .header-navigation .slider-content .main-menu-list__item strong,
  .header-navigation .slider-content time {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
  }

  /* muted / non-interactive items */
  .header-navigation .slider-content .main-menu-list__item--no-hover,
  .header-navigation .slider-content .main-menu-list__item[aria-hidden="true"] {
    color: #cfcfcf !important;
    opacity: 0.7 !important;
  }

  /* subtle separators */
  .header-navigation .slider-content .main-menu-list__item {
    border-top: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    padding: 10px 16px !important;
  }

  /* hover / active accent */
  .header-navigation .slider-content .main-menu-link:hover,
  .header-navigation .slider-content .main-menu-link:focus {
    color: #FF7B09 !important;
    -webkit-text-fill-color: #FF7B09 !important;
  }

  /* ensure hamburger stays white */
  .header-navigation .slider-trigger,
  .header-navigation .slider-trigger svg,
  .header-navigation .slider-trigger svg path {
    color: #ffffff !important;
    fill: #ffffff !important;
  }
}