/* ==================== HIDE TABS ==================== */
#portal_tabCommunity {
    display: none !important;
}

/* ==================== LOGO SIZE ==================== */
.Header__logo,
.Header__logoimg img,
.Header__brandLogoImg,
.Header__brandLogoImg img,
img.Header__brandLogoImg,
.Header__brandLogo img {
    max-width: 300px !important;
    width: 300px !important;
    height: auto !important;
    max-height: 300px !important;
    min-height: auto !important;
    display: block !important;
    flex: none !important;
}

.Header__brandLogo {
    width: auto !important;
    max-width: 300px !important;
    height: auto !important;
    max-height: 300px !important;
    flex: none !important;
}

.Header__headerBrand,
.Header__brand,
.Header__logoPart {
    height: auto !important;
    min-height: auto !important;
    padding: 20px 0 !important;
}

.Header__logoimg {
    width: auto !important;
    height: auto !important;
}

/* ==================== HIDE WATCHLIST & USERS ==================== */
.Watchlist,
[class*="watchlist"],
[class*="Watchlist"],
a[href*="watchlist"] {
    display: none !important;
}

.Users,
[class*="users"],
[class*="Users"],
a[href*="/users"] {
    display: none !important;
}

.Profile__nav a[href*="users"],
.Profile__menu a[href*="users"],
.Profile__nav a[href*="watchlist"],
.Profile__menu a[href*="watchlist"] {
    display: none !important;
}

/* ==================== HIDE CHANNEL FILTER ==================== */
[class*="channelFilter"],
[class*="ChannelFilter"],
.channel-filter,
select[name*="channel"],
.filter-channel {
    display: none !important;
}

.ticket-filters select:last-of-type,
.filters-container > div:last-child {
    display: none !important;
}

.TicketListContainer__filter_channel,
.TicketListContainer__mobileFilter {
    display: none !important;
}

/* ==================== HIDE "VIEWS" LABEL ON TICKET LIST ==================== */
h3.TicketListContainer__menuTitle {
    display: none !important;
}

/* ==================== HIDE POPULAR ARTICLES WIDGET ==================== */
h3.TicketFormRightContainer__menuTitle,
.TicketFormRightContainer__menuTitle,
[class*="TicketFormRightContainer__menu"],
[class*="popularArticles"],
[class*="PopularArticles"] {
    display: none !important;
}

/* ==================== HIDE DEPARTMENTS HEADING ==================== */
h2.HomePageContainer__categoryHeader,
[class*="HomePageContainer__categoryHeader"],
[class*="categoryHeader"],
[class*="CategoryHeader"],
[class*="HomeContainer__category"],
[class*="homeCategory"],
[class*="HomeCategory"],
h2[class*="Home"],
.HomePageContainer h2,
[class*="HomePageContainer"] > h2,
[class*="HomePageContainer"] > div > h2 {
    display: none !important;
}

/* ==================== SIDEBAR TEXT - READABLE WHITE ==================== */
.kb-sections,
.kb-sections * {
    color: #ffffff !important;
}

.kb-section-title,
.kb-section-description {
    color: #ffffff !important;
}

.kb-sections a {
    color: #d6a33e !important;
}

.kb-sections a:hover {
    color: #ffffff !important;
}

.follow-section,
.follower-count {
    color: #ffffff !important;
}

.Menu__menuTextBlock,
.Menu__menuItem,
.Menu__menuItem *,
.Menu__menu,
.Menu__menu * {
    color: #ffffff !important;
}

.Menu__menuItem a,
.Menu__menu a {
    color: #d6a33e !important;
}

.Menu__menuItem:hover,
.Menu__menuItem a:hover {
    color: #ffffff !important;
}

.Menu__menuTextBlockActive,
.CommonStyle__ztLinkActive {
    color: #ffffff !important;
    font-weight: bold !important;
}

.KBArticleRightContainer__categoryDescription,
.KBArticleRightContainer__categoryDescription *,
.KBArticleRightContainer__followDescription,
.KBArticleRightContainer__followDescription *,
.KBArticleRightContainer__userFollowOption,
.KBArticleRightContainer__userFollowOption * {
    color: #ffffff !important;
}

[class*="KBArticleRightContainer"] span,
[class*="KBArticleRightContainer"] p,
[class*="KBArticleRightContainer"] div {
    color: #ffffff !important;
}

.KBArticleRightContainer__categoryDescription a,
.KBArticleRightContainer__followDescription a {
    color: #d6a33e !important;
}

.KBArticleRightContainer__categoryDescription a:hover,
.KBArticleRightContainer__followDescription a:hover {
    color: #ffffff !important;
}

.Header__nav,
.Header__nav *,
[class*="Sidebar"],
[class*="Sidebar"] *,
.kb-sections,
.kb-sections *,
.Menu__menu,
.Menu__menu *,
[class*="KBArticleRightContainer"],
[class*="KBArticleRightContainer"] * {
    color: #ffffff !important;
}

/* ==================== ARTICLE CONTENT - READABLE DARK TEXT ==================== */
article,
article *,
.kb-article-container,
.kb-article-container * {
    color: #333333 !important;
}

article h1,
article h2,
article h3,
.kb-article-container h1,
.kb-article-container h2 {
    color: #2b5170 !important;
}

article a,
.kb-article-container a {
    color: #2b5170 !important;
}

/* ==================== TICKET DETAIL PROPERTY LABELS ==================== */
.InfoBox__infoLabel,
[class*="InfoBox__infoLabel"] {
    color: #d6a33e !important;
}

.InfoBox__infoContent,
[class*="InfoBox__infoContent"],
[class*="InfoBox__info"]:not([class*="Label"]) {
    color: #ffffff !important;
}

[class*="TicketDetailContainer"] [class*="InfoBox"],
[class*="TicketDetailContainer"] [class*="InfoBox"] * {
    color: #ffffff !important;
}

[class*="TicketDetailContainer"] [class*="infoLabel"],
[class*="TicketDetailContainer"] [class*="InfoLabel"] {
    color: #d6a33e !important;
}

/* ==================== SEARCH RESULTS SIDEBAR - VISIBLE LABELS ==================== */
.SearchRightContainer__radioLabel,
.SearchRightContainer__labelTree,
.SearchRightContainer__radioLabel span,
.SearchRightContainer__labelTree span {
    color: #ffffff !important;
}

[class*="SearchRightContainer"] {
    color: #ffffff !important;
}

[class*="SearchRightContainer"] a {
    color: #d6a33e !important;
}

[class*="SearchRightContainer"] a:hover {
    color: #ffffff !important;
}

/* ==================== DEPARTMENT TABS - ALWAYS SHOW BOTH ==================== */
.LayoutListContainer__tabMenu {
    display: block !important;
    overflow: visible !important;
}

.LayoutListContainer__tabList {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
}

.LayoutListContainer__tabLink {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #d6a33e !important;
    overflow: visible !important;
}

.LayoutListContainer__tabLink:hover {
    color: #ffffff !important;
}

/* ==================== CUSTOM WIDGETS ==================== */
.CustomWidgets__customDescription {
    display: block !important;
    visibility: visible !important;
    padding: 20px 40px !important;
    margin-bottom: 30px !important;
    border-radius: 8px !important;
}

.homepage .CustomWidgets__customDescription,
body:not([class*="kb"]) .CustomWidgets__customDescription {
    background-color: #f7faea !important;
}

.kb-home .CustomWidgets__customDescription,
body[class*="knowledge"] .CustomWidgets__customDescription {
    background-color: rgba(43, 81, 112, 0.7) !important;
}

.CustomWidgets__title {
    color: #d6a33e !important;
    font-size: 24px !important;
}

.CustomWidgets__customDescription h1,
.CustomWidgets__customDescription h2,
.CustomWidgets__customDescription h3 {
    margin-bottom: 15px !important;
}

.CustomWidgets__customDescription p {
    font-size: 16px !important;
    margin-bottom: 10px !important;
    line-height: 1.6 !important;
}

.CustomWidgets__customDescription img {
    display: block !important;
    margin: 0 auto 15px auto !important;
}

/* ==================== MAKE + ICON WHITE (NAV BAR) ==================== */
.Icon__plusIcon,
[class*="plusIcon"],
.plus-icon,
[class*="plus_icon"],
svg.Icon__plusIcon,
.FormShortCut__addOption svg,
[data-id="plus_icon"] {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* ==================== SUBMIT A TICKET BUTTON ==================== */
.FormShortCut__addOption,
[class*="FormShortCut__addOption"],
.Header__nav [class*="FormShortCut"],
.Header__nav [class*="addOption"] {
    background-color: #2b5170 !important;
    border-radius: 6px !important;
    width: 48px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.FormShortCut__addOption svg,
[class*="FormShortCut__addOption"] svg,
.Header__nav [class*="FormShortCut"] svg {
    fill: #ffffff !important;
    color: #ffffff !important;
    width: 22px !important;
    height: 22px !important;
}

.FormShortCut__addOption:hover,
[class*="FormShortCut__addOption"]:hover,
.Header__nav [class*="FormShortCut"]:hover {
    background-color: #d6a33e !important;
}

/* Hide only the post-submit success message, NOT the dropdown content */
[class*="FormShortCut__successMsg"],
[class*="shortcutSuccess"],
[class*="ShortCutSuccess"],
[class*="addOptionMsg"],
[class*="AddOptionMsg"] {
    display: none !important;
    visibility: hidden !important;
}

/* ==================== BUTTON__PRIMARY FIX - SEND/SAVE DRAFT BUTTONS ==================== */
.Button__primary,
.Button__vote,
[class*="Button__primary"] {
    color: #ffffff !important;
    background-color: #2b5170 !important;
}

.Button__primary:hover,
[class*="Button__primary"]:hover {
    background-color: #d6a33e !important;
    color: #ffffff !important;
}

/* ==================== TICKET REPLY/ACTION BUTTONS ==================== */
button[class*="Reply"],
button[class*="reply"],
button[class*="Submit"],
button[class*="submit"],
button[class*="Send"],
button[class*="send"],
[class*="TicketDetail"] button,
[class*="ticketDetail"] button,
[class*="ReplyEditor"] button,
[class*="replyEditor"] button,
[class*="ActionButton"],
[class*="actionButton"],
.btn-primary,
.btn-secondary,
[class*="primaryBtn"],
[class*="secondaryBtn"],
[class*="cancelBtn"],
[class*="CancelBtn"] {
    color: #ffffff !important;
    background-color: #2b5170 !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 8px 16px !important;
    font-weight: bold !important;
    cursor: pointer !important;
}

[class*="TicketDetail"] button:hover,
[class*="ReplyEditor"] button:hover,
.btn-primary:hover,
[class*="primaryBtn"]:hover,
button[class*="Reply"]:hover,
button[class*="Submit"]:hover,
button[class*="Send"]:hover {
    background-color: #d6a33e !important;
    color: #ffffff !important;
}

[class*="cancelBtn"],
[class*="CancelBtn"],
button[class*="cancel"],
button[class*="Cancel"] {
    background-color: #888888 !important;
    color: #ffffff !important;
}

[class*="cancelBtn"]:hover,
button[class*="cancel"]:hover {
    background-color: #555555 !important;
}

/* ==================== PAGINATION BUTTONS ==================== */
.KBArticleList__nextBtn,
.KBArticleList__prevBtn,
[class*="nextBtn"],
[class*="prevBtn"],
[class*="NextBtn"],
[class*="PrevBtn"],
button[class*="next"],
button[class*="prev"],
.pagination button,
.pagination a,
[class*="pagination"] button,
[class*="pagination"] a {
    background-color: #2b5170 !important;
    color: #ffffff !important;
    border: none !important;
    font-weight: bold !important;
    border-radius: 4px !important;
    padding: 8px 20px !important;
    cursor: pointer !important;
}

.KBArticleList__nextBtn:hover,
.KBArticleList__prevBtn:hover,
[class*="nextBtn"]:hover,
[class*="prevBtn"]:hover,
button[class*="next"]:hover,
button[class*="prev"]:hover,
.pagination button:hover,
.pagination a:hover {
    background-color: #d6a33e !important;
    color: #ffffff !important;
}

/* ==================== KB WELCOME BOX - FORCE WIDGET COLORS ==================== */
article [style*="color: rgb(214, 163, 62)"],
[style*="color: rgb(214, 163, 62)"] { color: rgb(214, 163, 62) !important; }

article [style*="color: rgb(255, 255, 255)"],
[style*="color: rgb(255, 255, 255)"] { color: rgb(255, 255, 255) !important; }

article [style*="color: rgb(247, 250, 234)"],
[style*="color: rgb(247, 250, 234)"] { color: rgb(247, 250, 234) !important; }

article [style*="color: rgb(51, 65, 85)"],
[style*="color: rgb(51, 65, 85)"] { color: rgb(51, 65, 85) !important; }

article [style*="color: rgb(43, 81, 112)"],
[style*="color: rgb(43, 81, 112)"] { color: rgb(43, 81, 112) !important; }

/* ==================== HIDE POPULAR ARTICLES LIST ITEMS ==================== */
[data-id*="popularArticle"],
a[data-id*="popularArticle"],
[class*="Menu__menuItem"]:has(a[data-id*="popularArticle"]),
li:has([data-id*="popularArticle"]) {
    display: none !important;
}

/* ==================== HIDE KB SECTIONS SIDEBAR ON ARTICLE/CATEGORY PAGES ==================== */
.widgetItem.treeView,
div.widgetItem.treeView,
[class*="treeView"],
[class*="TreeView"],
.KBArticleRightContainer__treeView,
[class*="KBSectionRightContainer"],
[class*="kbSections"],
.widgetItem[class*="tree"],
div[class*="KBSections__"],
[class*="KBCategoryRightContainer"] {
    display: none !important;
}