/* ==================== 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: 220px !important;
    width: 220px !important;
    height: auto !important;
    max-height: 160px !important;
    min-height: auto !important;
    display: block !important;
    flex: none !important;
}

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

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

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

/* ==================== HIDE BACKGROUND PHOTO BANNER ==================== */
.Header__headerImg {
    display: none !important;
}

/* ==================== COLLAPSE EMPTY BANNER CONTAINER ==================== */
.Header__header, #headerContainer {
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !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;
}

/* ==================== REPLACE "DEPARTMENTS" WITH INSTRUCTIONAL TEXT ==================== */
.Departmentcontainer__title {
    font-size: 0 !important;
    color: transparent !important;
}

.Departmentcontainer__title::before {
    content: "Please select the appropriate option to submit your ticket:" !important;
    font-size: 22px !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    display: block !important;
}

/* ==================== REPLACE TICKET FORM PAGE HEADING ==================== */
.LayoutListContainer__title {
    font-size: 0 !important;
    color: transparent !important;
}

.LayoutListContainer__title::before {
    content: "Choose the type of support you need:" !important;
    font-size: 22px !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    display: block !important;
}

/* ==================== HIDE LEFT SIDEBAR ON TICKET FORMS PAGE ==================== */
.LayoutListContainer__leftContainer {
    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;
}

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;
}

/* ==================== 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;
}

[class*="FormShortCut__successMsg"], [class*="shortcutSuccess"], [class*="ShortCutSuccess"], [class*="addOptionMsg"], [class*="AddOptionMsg"] {
    display: none !important;
    visibility: hidden !important;
}

/* ==================== BUTTON__PRIMARY FIX ==================== */
.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 ==================== */
.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;
}

/* ==================== TIGHTEN HEADER SPACING ==================== */
.Header__headerContainer, [class*="Header__headerContainer"] {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.Header__nav, [class*="Header__nav"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
}

.Navigation__common, [class*="Navigation__common"], [class*="Navigation__nav"], [class*="NavigationCommon"] {
    padding-top: 5px !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
}

/* ==================== COLLAPSE HEADER ROW GAP ==================== */
.Header__headerRow, #headerRow {
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

.Header__headerBrand {
    min-height: 0 !important;
    height: auto !important;
    padding: 5px 0 !important;
    margin: 0 !important;
    align-items: center !important;
}

.Header__brand, .Header__brandFlexible {
    min-height: 0 !important;
    height: auto !important;
    padding: 5px 0 !important;
    margin: 0 !important;
    align-items: center !important;
}

.Header__headerRow, #headerRow {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}


/* ==================== KB ARTICLE BOX STYLES ==================== */
/* Overrides the global article * { color: #333 } for content boxes */

/* DARK BLUE INFO BOXES — white text on navy */
article [style*="background-color: rgb(43, 81, 112)"],
article [style*="background-color: rgb(43, 81, 112)"] *,
.kb-article-container [style*="background-color: rgb(43, 81, 112)"],
.kb-article-container [style*="background-color: rgb(43, 81, 112)"] * {
    color: #ffffff !important;
}

/* Links inside dark blue boxes */
article [style*="background-color: rgb(43, 81, 112)"] a,
.kb-article-container [style*="background-color: rgb(43, 81, 112)"] a {
    color: rgb(180, 220, 255) !important;
    text-decoration: underline !important;
}

/* TABLE HEADERS — dark blue row with white text */
article tr[style*="background-color: rgb(43, 81, 112)"] th,
article tr[style*="background-color: rgb(43, 81, 112)"] td,
article th[style*="background-color: rgb(43, 81, 112)"],
.kb-article-container tr[style*="background-color: rgb(43, 81, 112)"] th,
.kb-article-container tr[style*="background-color: rgb(43, 81, 112)"] td {
    color: #ffffff !important;
}

/* YELLOW WARNING BOXES — dark text */
article [style*="background-color: rgb(255, 243, 205)"],
article [style*="background-color: rgb(255, 243, 205)"] *,
.kb-article-container [style*="background-color: rgb(255, 243, 205)"],
.kb-article-container [style*="background-color: rgb(255, 243, 205)"] * {
    color: #333333;
}

article [style*="background-color: rgb(255, 243, 205)"] a,
.kb-article-container [style*="background-color: rgb(255, 243, 205)"] a {
    color: rgb(43, 81, 112) !important;
}

/* GREEN COVERAGE BOXES — dark text */
article [style*="background-color: rgb(232, 245, 233)"],
article [style*="background-color: rgb(232, 245, 233)"] *,
.kb-article-container [style*="background-color: rgb(232, 245, 233)"],
.kb-article-container [style*="background-color: rgb(232, 245, 233)"] * {
    color: #333333;
}

/* DISCLAIMER BOX — dark text on sage */
article [style*="background-color: rgb(247, 250, 234)"],
article [style*="background-color: rgb(247, 250, 234)"] *,
.kb-article-container [style*="background-color: rgb(247, 250, 234)"],
.kb-article-container [style*="background-color: rgb(247, 250, 234)"] * {
    color: #333333;
}

/* ALTERNATING TABLE ROWS */
article tr[style*="background-color: rgb(247, 250, 234)"] td,
article tr[style*="background-color: rgb(239, 246, 255)"] td,
.kb-article-container tr[style*="background-color: rgb(247, 250, 234)"] td,
.kb-article-container tr[style*="background-color: rgb(239, 246, 255)"] td {
    color: #333333;
}

/* SECTION HEADINGS — brand blue */
article h3[style*="color: rgb(43, 81, 112)"],
article h4[style*="color: rgb(43, 81, 112)"],
.kb-article-container h3[style*="color: rgb(43, 81, 112)"],
.kb-article-container h4[style*="color: rgb(43, 81, 112)"] {
    color: rgb(43, 81, 112) !important;
}

/* CHECKLIST LABEL HEADINGS */
article span[style*="color: rgb(43, 81, 112)"],
.kb-article-container span[style*="color: rgb(43, 81, 112)"] {
    color: rgb(43, 81, 112) !important;
}

/* BADGE PILLS */
article span[style*="background-color: rgb(43, 81, 112)"],
.kb-article-container span[style*="background-color: rgb(43, 81, 112)"] {
    color: #ffffff !important;
    background-color: rgb(43, 81, 112) !important;
}

article span[style*="background-color: rgb(232, 245, 233)"],
.kb-article-container span[style*="background-color: rgb(232, 245, 233)"] {
    color: rgb(27, 94, 32) !important;
}

article span[style*="background-color: rgb(237, 231, 246)"],
.kb-article-container span[style*="background-color: rgb(237, 231, 246)"] {
    color: rgb(81, 45, 168) !important;
}

/* FOOTER COPYRIGHT */
article span[style*="color: rgb(102, 102, 102)"],
.kb-article-container span[style*="color: rgb(102, 102, 102)"] {
    color: rgb(102, 102, 102) !important;
}