/* Facebook Dark Mode CSS - Fixed Version */
::-webkit-scrollbar-thumb { background: #606770; }
::-webkit-scrollbar-track { background: #242526; }

body { 
    background: #18191a !important; 
    color: #e4e6eb !important; 
}

/* Main containers - Facebook dark gray */
.navbar-default, 
.chat-container, 
.sidebar-profile-style, 
.wowonder-well, 
.list-group, 
#send-money-form h5 input, 
.wo_ads_wallet #replenish-user-account input, 
.modal-content, 
.payment_box .btn, 
.wo_settings_page, 
.dropdown-menu, 
.my_pages_header, 
.cool-style-album .album_parent, 
.wo-create-forms .wo_settings_page form, 
.blog-h-list, 
.read-blog-container .read-blog .read-blog-head, 
.read-blog, 
.read-blog .blog-author-info, 
.read-blog-container .related-post, 
.blog-com-wrapper, 
.movies-com-wrapper, 
.panel, 
.post .post-description .post-actions .stat-item, 
#wo_post_stat_button .stat-item, 
.events-list-cover, 
.wo_event_profile .event-info-cont, 
.wo_page_profile .page-info-cont, 
.list-group-item, 
.threads-table tr td, 
.thread-replies, 
#search-nearby-users, 
.wo_game_list .list_parent, 
.pricing, 
.tab-container, 
.wo_loading_post, 
.lightbox-content .comment-section, 
.movies-top-breadcrumb, 
.movies-navbar-wrapper, 
.played-film-image-wrap, 
.played-film-description-wrapper, 
.film-player-wrapper, 
.played-film-details, 
.related-movies-wrapper, 
.related-movies-container, 
.wo_pokes_cont, 
.wo_poke_users, 
.user-fetch, 
.wo_market .market_bottom .product .product_info, 
.nearby_user_wrapper, 
.wo_search_page .wo_game_style, 
.featured-users, 
.sidebar .sidebar-title-back, 
#video-form div.video-poster-image, 
.feeling-type.feeling-types, 
.wo_user_profile .user-bottom-nav, 
.login form, 
.wo_r_features, 
.modal .modal-footer, 
#wo_msg_right_prt .wo_msg_user_dtl, 
#wo_msg_right_prt .text-sender-container .sendMessages .input-group, 
#wo_main_sett_mid .wo_settings_page h3 { 
    background: #242526 !important; 
}

/* Secondary backgrounds - Facebook darker gray */
.cool-style-album .album_parent:after, 
.cool-style-album .album_parent:before, 
.post .post-footer, 
.wo_imagecombo_lbox .comment-section-inner .comment-inner-footer, 
.wo_imagecombo_lbox .lightbox-post-footer .comments-list, 
.chat-user-desc, 
.f_topics, 
.wo_settings_page h3, 
.wo_terms_page h3, 
.wo_search_page_side .wo_settings_page h3,
.notification-list:hover,
.unread,
.fundings_footer,
.wow_lightbox_right .comment-inner-footer,
.wo_com_lbox_slide_bg,
.wo_vew_apld_blocks,
.fund_raise_btns .dropdown .btn,
.wo_create_job_qstn,
.wow_pub_privacy_dropdown,
.wow_pub_privacy_menu,
.wo_votes,
.wo_post_fetch_link,
.wow_dontd_posts,
.select-user-verification-data .select-user-verification-photos > div { 
    background: #3a3b3c !important; 
}

/* Input fields and forms */
.chat-container input, 
.modal-header, 
.form-control, 
input[type="text"], 
input[type="password"], 
input[type="email"], 
textarea, 
select, 
.search-container .search-input,
.publisher-box textarea.postText,
.wow_form_fields input,
.wow_form_fields textarea,
.wow_form_fields select,
.login input,
.login select,
.login textarea { 
    background: #3a3b3c !important; 
    color: #e4e6eb !important; 
    border-color: #4b4c4e !important; 
}

/* Text colors - Facebook white/gray scheme */
.table>caption+thead>tr:first-child>td, 
.table>caption+thead>tr:first-child>th, 
.form-control, 
output, 
.dropdown-menu>li>a, 
.bootstrap-tagsinput, 
.wo_my_pages .page_title, 
.setting-well input[type=text], 
.setting-well input[type=password], 
.setting-well select, 
.messages-recipients-list > span, 
.wo_page_profile .first_row .title a, 
.wo_poke_users .poke_info .user-name, 
.user-fetch .user-name, 
.user-fetch .user-name a, 
.wo_market .market_widget .m_widget_head, 
.products .product .product-title a, 
.nearby_user_wrapper .user_wrapper_link, 
.wo_search_page .wo_game_style .game-name, 
.wo_settings_page .setting-panel .avatar-holder strong, 
.sidebar-conatnier .sidebar-profile-style .card.hovercard .info .title p, 
.publisher-box #camera-button-btn, 
.publisher-box .add-emoticons .dropdown-toggle, 
.post-fetched-url .fetched-url-text h4, 
.wo_post_ad h3, 
.product-description, 
.options .poll-option, 
.login .title, 
.modal-title, 
#wo_msg_right_prt .text-sender-container .incoming .message-model .message p,
.post .post-heading .meta .title a,
.post .post-heading .meta .title span,
.post .post-heading .meta .title small,
.bs-callout .post-heading .title span,
.bs-callout .post-heading .title small,
.wo_event_profile .card.hovercard .info .title,
.forum_title,
.notification-list .notification-text,
.activities-wrapper .notification-list .notification-text,
.notification-list span.main-color,
.fundings_desc h3 a,
.fundMeta--author-text a,
.wo_jlist_info_head h2 a,
.wow_forum_sections table .ftitle,
.wow_my_groups_info h3 a,
.wow_side_loggd_usr_hdr .title a,
.wow_side_prods .produc_info h4,
.wow_post_prod_infos,
.text-sender-container .message-model .message.wo_msg_prod_prnt .wo_market .market_bottom .product .product-by a { 
    color: #e4e6eb !important; 
}

/* Secondary text - Facebook light gray */
a, 
.blog-h-list h3, 
.main-blog-sidebar .popular-articles li .article-title, 
.earn_points .ep_illus .ep_how_many b,
.postFooter .u-floatRight a, 
.blog-h-list .middot, 
.read-blog .read-blog-info-user .middot,
.main-blog-sidebar .popular-articles li .article-info, 
.read-blog .read-blog-info-user,
.read-blog-container .read-blog .read-blog-desc,
.wo_my_pages .page_info ul li,
.small, 
.colloape-panel-stg, 
.sidebar-ad-wrapper .sidebar-ad-footer p.ad-descrition,
.wo_game_list_info .page-website,
.gray,
.search-advanced-container a, 
.search-advanced-container a svg.feather,
.notification-list .notification-time, 
.notification-list .notification-time svg.feather,
.center-text,
.empty_state,
.wo_page_profile .first_row .title .page_info,
.user-fetch .user-information,
.left-sidebar ul li a,
.sidebar .sidebar-title-back, 
.featured-users .sidebar-title-back,
.post-privacy-menu li a, 
.post-privacy-menu li div,
.fundings_desc_meta .postMeta--author-text,
.fundings_desc_meta .postMeta--author-text .middot,
.fund_raise .postMeta--author-text a,
.fund_raise .postMeta--author-text .middot,
.wo_view_post_jobs .jinfo_inner .middot,
.wo_jlist_info_main .middot,
.wo_vew_apld_head .jinfo p,
.activities-wrapper .notification-list .notification-time,
.upload-image-content,
.wow_price_plan tbody td,
.wow_srch_fields,
.wow_sett_sidebar > ul > li > a,
.show_fnd_stats,
.wo_user_side_info .menu_list,
.wow_side_bdays > p,
.greetalert .small-texts,
.greetalert p,
.comment-text,
.reply-text,
.sidebar .wo_sidebar_pages .user-follow-button .page_catg,
.login_left_combo p,
#wo_post_stat_button .stat-item { 
    color: #b0b3b8 !important; 
}

/* Links and hover states */
a:hover, 
.btn-default:hover, 
.btn-default:active, 
.btn-default:focus, 
.blog-ls-box .art-text h4:hover, 
.wo_my_pages .page_title:hover, 
.read-blog-container .related-post .recommended-articles .article-title h4:hover, 
a:focus, 
.payment_box .btn:hover, 
.blog-h-list h3:hover, 
.close:focus, 
.close:hover, 
.btn-default.active, 
.btn-default.focus, 
.open>.dropdown-toggle.btn-default, 
.wo_find_friends .find_friends_header h3, 
.related-movies-wrapper .related-movies-carousel .related-film-wrapper h4:hover, 
.wo_poke_users .poke_info .user-name:hover, 
.sidebar-conatnier .sidebar-profile-style .card.hovercard .info .title a, 
.publisher-box .publisher-box-footer .poster-left-buttons:hover svg.feather, 
.wo_product_row .product-name .product_row_title,
.dropdown-menu>li>a:hover, 
.dropdown-menu>li>a:focus, 
.left-sidebar ul li a:hover,
.search-advanced-container a:hover,
.post-privacy-menu li a:hover, 
.post-privacy-menu li div:hover, 
.feeling-type.feeling-types li:hover,
.wo_votes:hover,
#head_menu_rght .user-menu-combination svg:hover { 
    color: #ffffff !important; 
    background: #3a3b3c !important; 
}

/* Buttons */
.btn-default, 
.slide-film-desc, 
.wo_search_page .wo_game_style .btn-link { 
    background: #3a3b3c !important; 
    color: #e4e6eb !important; 
    border-color: #4b4c4e !important; 
}

.btn-default:hover { 
    background: #4e4f50 !important; 
}

/* Primary buttons - Facebook blue */
#filterby-post .filter_negative_clr, 
#filterby-post .filter_negative_clr svg,
.friends_nearby_status_ul li[data-gender=all].active svg.feather, 
.friends_nearby_status_ul li[data-nearby-user-status="2"].active svg.feather,
.wo_radio_btn input[type=radio]:checked+span,
.select_radio_btn label > input:checked ~ .sr_btn_lab_innr > span,
.all_colors_display.selected .all_colors_style,
.all_colors_display.selected .all_colors_style_image,
.wo_view_post_jobs .wo_vew_apld_msg .btn,
.navbar-default .open>.dropdown-menu.ani-acc-menu li a svg:hover { 
    background-color: #2374e1 !important; 
    color: #ffffff !important; 
}

/* Borders and separators */
.wo_ads_wallet .my_wallet, 
.form-control, 
.wo_settings_page .setting-panel input[type=email], 
.wo_settings_page .setting-panel input[type=password], 
.wo_settings_page .setting-panel input[type=text], 
.wo_settings_page .setting-panel select, 
.modal-footer, 
.create-ads-cont input, 
.wo_settings_page .setting-panel textarea, 
.postFooter, 
.read-blog .blog-author-info, 
.chat-btns-w, 
#sendMessage, 
.thread-replies, 
textarea, 
.table-bordered, 
.nav-tabs, 
.wo_sidebar_groups, 
.wo_settings_page .wo_design_button, 
.messages-recipients-list, 
.movies-top-breadcrumb, 
.movies-search input, 
input, 
.wo_market .market_bottom .market_bottom_header, 
.wo_market .market_bottom .product .product_info, 
.wo_search_page_side .wo_settings_page, 
.earn_points .counter, 
.wo_user_side_info li, 
.activity-container .activity, 
.wo_sidebar_pages, 
.publisher-box .publisher-box-footer .pub-footer-bottom, 
.feeling-type.feeling-types, 
.feeling-type ul, 
.answers input, 
.post-fetched-url, 
.wo_post_ad, 
.wo_product_row, 
.wo_product_row .product-name, 
.wo_r_features ul li, 
select,
.sidebar .list-group,
.featured-users,
.wo_user_profile .user-bottom-nav,
.page_left_menu,
.wo_page_profile .page-info-cont .page_navbar,
.post .post-footer.post-comments,
.event_two_blocks div:first-child,
.wow_wallet_trans thead,
.wow_wallet_trans tbody tr,
.home-sidebar.profile-style.wow_add_groupcht_mmbrs,
.wow_sett_sidebar .wow_sett_submenu > ul,
.wow_main_float_head.show-fnds,
.wow_side_bdays,
#wo_sidebar_users,
.wow_usr_steps_cont,
.publisher-box .publisher-box-footer .pub-footer-upper,
#post-textarea center,
.chat-tab .online-toggle-hdr,
.wow_thread_head,
.wow_thread_main_reply .t-right_prt h5.time,
.wow_thread_replies .thread-replies .t-right_prt h5.time,
.notifications-dropdown .turn-off-sound { 
    border-color: #3e4042 !important; 
}

/* Shadows and effects */
.sidebar-profile-style, 
.list-group, 
.create-ads-cont .select-admedai-box, 
.wo-create-forms .wo_settings_page, 
.panel-white, 
.wo_event_profile .event-info-cont, 
.wo_page_profile .page-info-cont, 
#members table, 
.f_topics, 
.thread-replies, 
.setting-well input[type=text], 
.setting-well input[type=password], 
.setting-well select, 
#search-nearby-users, 
.colloape-panel-stg, 
.sidebar-ad-wrapper, 
.wo-content-shadow, 
.wo_loading_post, 
.movies-navbar-wrapper, 
.played-film-image-wrap, 
.played-film-description-wrapper, 
.related-movies-container, 
.wo_pokes_cont, 
.featured-users { 
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important; 
}

/* Tables */
.table-striped>tbody>tr:nth-of-type(odd) { 
    background-color: #3a3b3c !important; 
}

.table-hover>tbody>tr:hover {
    background-color: #4e4f50 !important;
}

/* Navigation */
.navbar-default .navbar-nav>li>a { 
    color: #b0b3b8 !important; 
}

.navbar-default .navbar-nav>li>a:hover { 
    color: #e4e6eb !important; 
    background: #3a3b3c !important; 
}

/* Dropdown menus */
.dropdown-menu { 
    background: #242526 !important; 
    border: 1px solid #3e4042 !important; 
    box-shadow: 0 12px 28px 0 rgba(0,0,0,0.2), 0 2px 4px 0 rgba(0,0,0,0.1) !important; 
}

/* Chat and messages */
.chat-messages-wrapper { 
    background-color: #242526 !important; 
}

.chat-messages-wrapper .incoming .message-text { 
    background: #3a3b3c !important; 
    color: #e4e6eb !important; 
}

.chat-messages-wrapper .outgoing .message-text { 
    background: #2374e1 !important; 
    color: #ffffff !important; 
}

/* Posts and comments */
.post { 
    background: #242526 !important; 
    border: 1px solid #3e4042 !important; 
}

.post .post-footer { 
    background: #3a3b3c !important; 
}

/* Alerts and notifications */
.alert { 
    background: #3a3b3c !important; 
    color: #e4e6eb !important; 
    border-color: #4b4c4e !important; 
}

.alert-info { 
    color: #57acd7 !important; 
}

/* Mobile responsiveness */
@media (max-width: 767px) {
    .wo_user_profile .pic-info-cont { 
        background-color: #242526 !important; 
    }
    
    .wo_user_profile .btn-glossy a, 
    .wo_user_profile .btn-glossy button { 
        color: #ffffff !important; 
        background: rgba(255,255,255,0.1) !important; 
    }
    
    .profile-container .card.hovercard .info .title a { 
        color: #f2f2f2 !important; 
    }
}

@media (min-width: 992px) {
    #wo_nw_msg_page .messages-recipients-list.active { 
        background: #242526 !important; 
    }
    
    #wo_msg_right_prt .text-sender-container .incoming .message-model .message { 
        background-color: #3a3b3c !important; 
    }
}

/* Fix specific elements */
#head_menu_rght .sixteen-font-size { 
    background: #3a3b3c !important; 
    color: #b0b3b8 !important; 
}

#head_menu_rght .user-menu-combination svg { 
    color: #b0b3b8 !important; 
}

.profile-container:before {
    background: linear-gradient(rgba(0, 0, 0, 0.1), #18191a 80%, #18191a 100%) !important;
}

.wo_page_profile .page-info-cont .page_navbar { 
    background: linear-gradient(to right, #242526, #18191a) !important; 
}

/* Remove any light backgrounds */
.chat-container input, 
.modal-header {
    background: #3a3b3c !important;
}

/* Ensure proper contrast */
.publisher-box .add-emoticons .dropdown-toggle svg.feather { 
    fill: #b0b3b8 !important; 
}

.wo_create_btn .btn-main { 
    background: #242526 !important; 
}

.wo_create_btn .btn-main svg { 
    color: #b0b3b8 !important; 
}

/* Audio player styling */
audio::-webkit-media-controls-panel { 
    background-color: #3a3b3c !important; 
    color: #b0b3b8 !important; 
}

/* Cookie consent */
.cc-theme-edgeless.cc-window { 
    background-color: #242526 !important; 
}

.cc-banner.cc-theme-edgeless .cc-message { 
    color: #e4e6eb !important; 
}