/* Hide Light/Dark mode from non-community pages */
body:has(.site-container) .fcom_user_context_menu_items li.top_menu_item.fcom_color_mode {
    display: none !important;
}

.fcom_side_footer {
    padding: 0px !important;
}

.fcom_inline_icon_link_item {
    gap: 5px !important;
}

.fcom_chat_window path {
    stroke: #000;
    fill: #000;
}

/* Theme header dark mode for community pages */
html.dark header.site-header.community-header a {
    color: #fff;
    font-weight: 400;
}

html.dark header.site-header.community-header .sub-menu,
html.dark header.site-header.community-header a:hover {
    background-color: #191b1f !important;
}

.fcom_side_footer .fcom_inline_icon_link_item {
    color: #fff !important;
    padding: 20px !important;
}

/* Theme header dark mode for community pages */
html.dark header.site-header.community-header {
    background-color: #2b2e33;
    border-bottom-color: #cccc;
}

/* Hide duplicated notification icon from Theme Header in Community Pages */
body:has(.fluent_com) li.top_menu_item.fcom_notification_holder.fcom_countable_notification_holder a.fcom_menu_button.fcom_theme_button {
    display: none !important;
}

/* Hide Community logo if Theme Header is displayed with Site Logo */
html.dark body:has(.site-header.community-header img.custom-logo) .fcom_top_menu img.show_on_dark,
body:has(.site-header.community-header img.custom-logo) img.show_on_light {
    display: none !important;
}

/* Hide the entire FluentCommunity header user menu section */
body:has(.site-header.community-header) .top_menu_right ul.fcom_user_context_menu_items {
    display: none !important;
}

body:has(.site-header.community-header) .fcom_sidebar_wrap {
    margin-top: 66px !important;
}