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

/* ==================== LOGO SIZE - BIGGER BUT REASONABLE ==================== */
/* Override all logo size constraints - 200px */
.Header__logo,
.Header__logoimg img,
.Header__brandLogoImg,
.Header__brandLogoImg img,
img.Header__brandLogoImg,
.Header__brandLogo img {
    max-width: 200px !important;
    width: 200px !important;
    height: auto !important;
    max-height: 200px !important;
    min-height: auto !important;
    display: block !important;
    flex: none !important;
}

/* Override the header container flex constraints */
.Header__brandLogo {
    width: auto !important;
    max-width: 200px !important;
    height: auto !important;
    max-height: 200px !important;
    flex: none !important;
}

/* Make sure the header brand section is big enough */
.Header__headerBrand,
.Header__brand,
.Header__logoPart {
    height: auto !important;
    min-height: auto !important;
    padding: 20px 0 !important;
}

/* Make sure logo container doesn't constrain it */
.Header__logoimg {
    width: auto !important;
    height: auto !important;
}

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

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

/* Hide in profile menu */
.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 ==================== */
/* Hide the All Channel filter dropdown */
[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;
}

/* ==================== SIDEBAR TEXT - READABLE WHITE ==================== */
/* KB Sections sidebar */
.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 */
.follow-section,
.follower-count {
    color: #ffffff !important;
}

/* Menu items in sidebar */
.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;
}

/* Sidebar descriptions and text */
.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;
}

/* ==================== ARTICLE CONTENT - READABLE DARK TEXT ==================== */
/* Make article content dark and readable - BUT NOT custom widgets */
article,
article *,
.kb-article-container,
.kb-article-container *,
[class*="ArticleContainer"]:not([class*="CustomWidgets"]),
[class*="ArticleContainer"]:not([class*="CustomWidgets"]) * {
    color: #333333 !important;
}

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

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

/* But EXCLUDE custom widgets - let them keep their light color */
.CustomWidgets__customDescription,
.CustomWidgets__customDescription *,
.CustomWidgets__customDescription p,
.CustomWidgets__customDescription h1,
.CustomWidgets__customDescription h2,
.CustomWidgets__customDescription h3 {
    color: inherit !important;
}

/* Keep sidebar white - override everything else */
aside,
aside *,
nav,
nav *,
[class*="Sidebar"],
[class*="Sidebar"] *,
.kb-sections,
.kb-sections *,
.Menu__menu,
.Menu__menu *,
[class*="KBArticleRightContainer"],
[class*="KBArticleRightContainer"] * {
    color: #ffffff !important;
}

/* ==================== CUSTOM WIDGETS - HOMEPAGE & KB WELCOME ==================== */
/* Show and style custom widgets (welcome messages, instructions) */
.CustomWidgets__customDescription {
    display: block !important;
    visibility: visible !important;
    padding: 20px 40px !important;
    margin-bottom: 30px !important;
    border-radius: 8px !important;
}

/* Custom widget on homepage - cream/beige box */
.homepage .CustomWidgets__customDescription,
body:not([class*="kb"]) .CustomWidgets__customDescription {
    background-color: #f7faea !important;
}

/* Custom widget on KB page - semi-transparent dark blue */
.kb-home .CustomWidgets__customDescription,
body[class*="knowledge"] .CustomWidgets__customDescription {
    background-color: rgba(43, 81, 112, 0.7) !important;
}

/* Custom widget titles */
.CustomWidgets__title {
    color: #d6a33e !important;
    font-size: 24px !important;
}

/* Custom widget headings */
.CustomWidgets__customDescription h1,
.CustomWidgets__customDescription h2,
.CustomWidgets__customDescription h3 {
    margin-bottom: 15px !important;
}

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

/* Custom widget images */
.CustomWidgets__customDescription img {
    display: block !important;
    margin: 0 auto 15px auto !important;
}/* ==================== MAKE + ICON BLUE ==================== */
/* Target the plus icon */
.Icon__plusIcon,
[class*="plusIcon"],
.plus-icon,
[class*="plus_icon"],
svg.Icon__plusIcon,
.FormShortCut__addOption svg,
[data-id="plus_icon"] {
    fill: #2b5170 !important;
    color: #2b5170 !important;
}

/* If you want it gold instead of blue, change to: */
/* fill: #d6a33e !important; */
/* color: #d6a33e !important; */