/* Keep navigation and avatars stable even when uploaded media is unavailable. */
:root { --fl-media-surface: #f0f2f5; --fl-media-text: #56616e; --fl-search-surface: #fff; }
:root:has(#night-mode-css[href*="/dark.css"]) { --fl-media-surface: #292d32; --fl-media-text: #d0d5dc; --fl-search-surface: #212428; }
.navbar-fixed-top .header-fixed1000 > .container-fluid {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 16px;
    height: 70px;
}
.navbar-fixed-top .wow_hdr_innr_left { flex: 0 0 auto; min-width: 0; gap: 12px; }
.navbar-fixed-top .wow_hdr_innr_left .nav { margin: 0; }
.navbar-fixed-top .header-brand { flex: 0 0 130px; width: 130px; }
.navbar-fixed-top #wo_home_search { flex: 1 1 310px; min-width: 100px; margin: 0; }
.navbar-fixed-top #wo_home_search > li { width: 100%; }
.navbar-fixed-top #wo_home_search .search-input { padding-inline-end: 42px; }
.navbar-fixed-top .dropdown { padding: 0; }
.navbar-fixed-top #head_menu_rght {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0;
    height: 70px;
}
.navbar-fixed-top #head_menu_rght > li { flex: 0 0 auto; float: none; }
.navbar-fixed-top #head_menu_rght > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    padding: 0 12px;
    font-family: Poppins, Arial, sans-serif;
}
.navbar-fixed-top .user-menu-combination .user-avatar {
    display: block;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    overflow: hidden;
    border-radius: 50%;
}
.navbar-fixed-top .user-menu-combination .user-avatar img {
    display: block;
    width: 34px !important;
    height: 34px !important;
    object-fit: cover;
}
.navbar-fixed-top .user-menu-combination b { min-width: 0; max-width: 85px; }
.wow_hdr_menu_usr_lnk > img,
.wow_post_usr_ava img,
img.avatar,
img.post-avatar,
#wo_sidebar_users .avatar img,
.notification-user-avatar img,
.recipient-chat-user .user-info img {
    object-fit: cover;
    overflow: hidden;
}
.post .post-heading .wow_post_usr_ava { flex: 0 0 48px; width: 48px; height: 48px; }
.post .post-heading .wow_post_usr_ava img { width: 48px; height: 48px; }
.wo_pub_txtara_combo > img.post-avatar { flex: 0 0 42px; width: 42px; height: 42px; }
.fl-avatar-failed { background: #e4e8ed; color: transparent; }
.fl-media-hidden { display: none !important; }
.fl-media-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 160px;
    padding: 24px 12px;
    background: var(--fl-media-surface);
    color: var(--fl-media-text);
    font: 14px/1.5 Poppins, Arial, sans-serif;
    text-align: center;
}
.fl-media-placeholder > span { overflow-wrap: anywhere; }
.fl-media-placeholder > .fa { font-size: 22px; }
.fl-media-placeholder button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border: 1px solid #c9d0d8;
    border-radius: 4px;
    background: transparent;
    color: inherit;
    cursor: pointer;
}
.fl-media-placeholder button:hover { background: #e1e6ec; }
.fl-media-placeholder button:focus-visible { outline: 2px solid var(--main-color, #007fff); outline-offset: 2px; }
.fl-media-placeholder button:disabled { opacity: .5; cursor: wait; }
.album-image .fl-media-placeholder { height: 100%; min-height: 0; flex-wrap: wrap; }
.fl-reaction-fallback { display: inline-block; width: 18px; text-align: center; color: inherit; font-size: 16px; }
.inline_post_count_emoji .fl-reaction-fallback { width: 14px; font-size: 13px; }
@media (max-width: 985px) {
    .navbar-fixed-top .header-fixed1000 > .container-fluid { gap: 10px; }
    .navbar-fixed-top #head_menu_rght > li > a { padding: 0 10px; }
}
@media (max-width: 768px) {
    .navbar-fixed-top .header-fixed1000 > .container-fluid { justify-content: space-between; gap: 0; padding: 0 8px; }
    .navbar-fixed-top .header-brand { display: none; }
    .navbar-fixed-top .wow_hdr_innr_left { gap: 0; }
    .navbar-fixed-top #wo_home_search { position: fixed; top: 70px; left: 0; right: 0; width: 100%; max-width: none; min-width: 0; padding: 8px; background: var(--fl-search-surface); }
    .navbar-fixed-top #head_menu_rght > li > a { width: 40px; padding: 0; }
    .navbar-fixed-top #head_menu_rght .user-menu-combination { width: 44px; }
    .navbar-fixed-top .user-menu-combination b { display: none; }
    .navbar-fixed-top #head_menu_rght .user-menu-combination:after { display: none; }
}
@media (max-width: 360px) {
    .navbar-fixed-top .wow_hdr_innr_left #wo_home_btns span { display: none; }
    .navbar-fixed-top .wow_hdr_innr_left #wo_home_btns { width: 40px; padding: 10px; }
    .navbar-fixed-top .side_slide_menu { width: 32px; margin: 0; }
}