/* Light mode foundation */
:root {
  --wo-light-bg: #f4f6f8;
  --wo-light-surface: #ffffff;
  --wo-light-surface-soft: #f8fafc;
  --wo-light-surface-muted: #eef2f6;
  --wo-light-text: #20242a;
  --wo-light-text-muted: #667085;
  --wo-light-text-soft: #8a94a3;
  --wo-light-border: #dfe5ec;
  --wo-light-border-soft: #edf1f5;
  --wo-light-primary: var(--main-color, #a84849);
  --wo-light-primary-hover: #963f40;
  --wo-light-primary-soft: rgba(168, 72, 73, 0.12);
  --wo-light-accent: #4d91ea;
  --wo-light-accent-soft: rgba(77, 145, 234, 0.12);
  --wo-message-reply-bg: var(--wo-light-surface-muted);
  --wo-message-reply-color: var(--wo-light-text);
  --wo-light-success: #1aac20;
  --wo-light-danger: #f02849;
  --wo-light-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
  --wo-light-shadow-raised: 0 12px 28px rgba(16, 24, 40, 0.12);
}

html {
  color-scheme: light;
}

body {
  background: var(--wo-light-bg) !important;
  color: var(--wo-light-text);
}

a,
.main-color,
.hash,
.message-text a.hash {
  color: var(--wo-light-primary);
}

a:hover,
a:focus {
  color: var(--wo-light-primary-hover);
}

.wow_content,
.wowonder-well,
.wo_settings_page,
.wo_search_page_side .wo_settings_page,
.navbar-default,
.dropdown-menu,
.modal-content,
.panel,
.panel-white,
.list-group,
.list-group-item,
.post,
.post .panel,
.publisher-box,
.sidebar .list-group,
.featured-users,
.wo_loading_post,
.blog-com-wrapper,
.movies-com-wrapper,
.read-blog,
.read-blog-container .related-post,
.wo_market .market_bottom .product .product_info,
.wo_market .market_bottom .market_bottom_header,
.nearby_user_wrapper,
.user-fetch,
.wo_pokes_cont,
.wo_poke_users,
.events-list-cover,
.event_two_blocks,
.event_invite_frnd,
.thread-replies,
.f_topics,
.pricing,
.payment_box .btn,
.wo_r_features,
.modal .modal-footer,
#wo_msg_right_prt .wo_msg_user_dtl,
#wo_msg_right_prt .text-sender-container .sendMessages .input-group,
#sendMessage,
.chat-container .online-toggle,
.chat-tab .online-toggle-hdr,
.messages-recipients-list,
.wo_chat_delete_confirm .modal-content {
  background-color: var(--wo-light-surface) !important;
  color: var(--wo-light-text);
  border-color: var(--wo-light-border-soft);
}

.wow_content,
.post,
.publisher-box,
.wo_settings_page,
.modal-content,
.dropdown-menu:not(.notfi-dropdown):not([role=combobox]),
.wo_loading_post,
.featured-users,
.sidebar .list-group,
.payment_box .btn,
.wo_chat_delete_confirm .modal-content {
  box-shadow: var(--wo-light-shadow);
}

.dropdown-menu:not(.notfi-dropdown):not([role=combobox]),
.modal-content,
.wo_chat_delete_confirm .modal-content {
  box-shadow: var(--wo-light-shadow-raised);
}

.form-control,
input,
select,
textarea,
.bootstrap-tagsinput,
.sun_input > input,
.sun_input > textarea,
.sun_input > select,
.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,
.wo_settings_page .setting-panel textarea,
.create-ads-cont input,
.create-ads-cont .select-admedai-box,
.create-ads-cont .select-admedai-box button,
.create-ads-cont .select-admedai-box input[readonly],
.create-article-form .bootstrap-tagsinput,
.chat-textarea,
#wo_comment_combo,
#wo_comment_combo.comment-toggle,
.comment-reply .wo_commreply_combo,
.gif_post_comment_innr > .form-control {
  background-color: var(--wo-light-surface) !important;  
  border-color: var(--wo-light-border) !important;
}

.form-control:focus,
input:focus,
select:focus,
textarea:focus,
.sun_input > input:focus,
.sun_input > textarea:focus,
.sun_input > select:focus {
  border-color: var(--wo-light-accent) !important;
  box-shadow: 0 0 0 3px var(--wo-light-accent-soft) !important;
}

.text-muted,
.help-block,
.help-block-welcome,
.small,
.post .post-heading .meta .title small,
.bs-callout .post-heading .title small,
.post .post-description p,
.user-story-container .ads-headline,
.user-ad-container div.post-advertisement .ads-headline p,
.blog-h-desc p.desc,
.read-blog .read-blog-info-user,
.main-blog-sidebar .popular-articles li .article-info,
.wo_page_hdng_innr div,
.wo_page_hdng_innr,
.sidebar-ad-wrapper .sidebar-ad-footer p.ad-descrition,
.wo_market .market_widget .m_widget_head,
.wo_market .market_bottom .market_bottom_header,
.messages-recipients-list > span,
.chat-user-desc .desc-text,
.chat_main {
  color: var(--wo-light-text-muted) !important;
}

.post .post-heading .meta .title a,
.post .post-heading .meta .title span,
.bs-callout .post-heading .title span,
.user-story-container .ads-meta .title b,
.user-ad-container div.post-advertisement .ads-meta .title b,
.modal-title,
.wo_page_profile .first_row .title a,
.wo_poke_users .poke_info .user-name,
.user-fetch .user-name,
.user-fetch .user-name a,
.products .product .product-title a,
.nearby_user_wrapper .user_wrapper_link,
.wo_settings_page .setting-panel .avatar-holder strong,
.wo_settings_page .setting-panel .avatar-holder strong a,
.sidebar-conatnier .sidebar-profile-style .card.hovercard .info .title p,
.sidebar-user-data .sidebar-listed-user-name,
.wow_hdr_menu_usr_lnk b,
.wo_page_hdng_innr a {
  color: var(--wo-light-text) !important;
}

.btn-main,
.btn.btn-main,
.btn-mat.btn-main,
.wo_following_btn,
.wo_comment_combo .btn-main,
#wo_comment_combo .comment_combo_footer .wo_feed_post_comments .btn.sendbtn,
.comment-reply .wo_commreply_combo .image-comment button[onclick*="Wo_RegisterReply2"],
.wo_chat_delete_confirm_btn,
.send-button {
  background-color: var(--wo-light-primary) !important;
  border-color: var(--wo-light-primary) !important;
  color: #fff !important;
}

.btn-main:hover,
.btn-main:focus,
.btn-main:active,
.wo_chat_delete_confirm_btn:hover,
.send-button:hover {
  background-color: var(--wo-light-primary-hover) !important;
  border-color: var(--wo-light-primary-hover) !important;
  color: #fff !important;
}

.btn-default,
.btn.btn-default,
.payment_box .btn {
  background-color: var(--wo-light-surface) !important;
  border-color: var(--wo-light-border) !important;
  color: var(--wo-light-text) !important;
}

.btn-default:hover,
.btn-default:focus,
.payment_box .btn:hover,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.left-sidebar ul li a:hover,
.post .post-options li > a:hover,
.post .post-options li > div:hover,
.sun_post .post-options li > a:hover,
.sun_post .post-options li > div:hover,
.sun_post .post-privacy-options li > div:hover {
  background-color: var(--wo-light-surface-muted) !important;
  color: var(--wo-light-text) !important;
}

.loading::before,
.ads_switch.checked .switch__label:after,
.wo_load_more > span,
.sun_head_onboard,
.sun_setting_header,
.order_by ul li.active a,
.ui-widget-content.ui-datepicker .ui-widget-header,
.ui-widget-content.ui-datepicker table td .ui-state-active,
.ui-widget-content.ui-datepicker .ui-timepicker-div dl dd .ui-slider .ui-slider-handle,
.ui-widget-content.ui-datepicker .ui-datepicker-buttonpane button,
.sun_pub_privacy_menu li label input[type="radio"]:checked + span,
.sun_cp_cats label input:checked + span > span,
.sun_srch_tp_filtr .dropdown .dropdown-menu label input[type="radio"]:checked + span,
.sun_srch_btm_filtr .sun_srch_range .ui-slider .ui-slider-range,
.sun_srch_btm_filtr .sun_srch_range .ui-slider .ui-slider-handle {
  background-color: var(--wo-light-primary) !important;
  border-color: var(--wo-light-primary) !important;
}

.sun_sett_sidebar > ul > li.active > a,
.sun_sett_sidebar > ul > li > a span,
.sun_sett_sidebar .sun_sett_submenu > ul li.active a,
.sun_user_nav > ul > li .active,
.sun_comm_addmore > .dropdown-toggle,
.sun_cp_cats label input:checked + span,
.ui-widget-content.ui-datepicker .ui-timepicker-div dl dd.ui_tpicker_time input,
.ui-widget-content.ui-datepicker .ui-datepicker-buttonpane button.ui-priority-secondary,
.comment_edele_options .feather-edit-2 {
  color: var(--wo-light-primary) !important;
  stroke: var(--wo-light-primary) !important;
}

.sun_sett_sidebar > ul > li.active > a span,
.select_radio_btn label > input:checked ~ .sr_btn_lab_innr,
.sun_choose_pics ul li label input:checked + img {
  border-color: var(--wo-light-primary) !important;
  box-shadow: 0 0 0 2px var(--wo-light-primary-soft) !important;
}

.comment-text,
.reply-text,
.post .post-footer.post-comments .comment-text,
.post .post-footer.post-comments .reply-text,
.post .post-footer.post-comments #wo_comment_combo .textarea.comment-textarea,
.post .post-footer.post-comments .comment-reply .wo_commreply_combo .textarea.comment-reply-textarea {
  background-color: var(--wo-light-surface-muted) !important;
  color: var(--wo-light-text) !important;
}

.comment-text.comment-text-editing .inline-comment-edit-emoji-menu,
.reply-text.comment-text-editing .inline-comment-edit-emoji-menu,
.post .post-footer.post-comments .sticker_post_comment_innr,
.post .post-footer.post-comments .sticker_post_reply_innr {
  background-color: var(--wo-light-surface) !important;
  border-color: var(--wo-light-border) !important;
  box-shadow: var(--wo-light-shadow-raised) !important;
}

.comment-text.comment-text-editing .inline-comment-edit-tools .sendbtn,
.reply-text.comment-text-editing .inline-comment-edit-tools .sendbtn,
.comment-text.comment-text-editing .inline-comment-edit-tools .btn-main,
.reply-text.comment-text-editing .inline-comment-edit-tools .btn-main,
.comment-text.comment-text-editing .inline-comment-edit-tools .inline-comment-edit-send,
.reply-text.comment-text-editing .inline-comment-edit-tools .inline-comment-edit-send,
.post .post-footer.post-comments #wo_comment_combo .comment_combo_footer .wo_feed_post_comments .btn.sendbtn {
  background-color: var(--wo-light-primary) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(168, 72, 73, 0.24) !important;
}

.post .post-footer.post-comments .comment-icons #LikeComment svg.active-like,
.post .post-footer.post-comments .comment-icons span[id="LikeComment"] svg.active-like,
.post .post-footer.post-comments .comment-status-reaction[class*="comment-status-reaction-"].active-like,
.post .post-footer.post-comments .replay-status-reaction[class*="replay-status-reaction-"].active-like {
  color: var(--wo-light-primary) !important;
  stroke: var(--wo-light-primary) !important;
}

.comment_edele_options .feather-trash-2 {
  color: var(--wo-light-danger) !important;
  stroke: var(--wo-light-danger) !important;
}

.reactions-box,
.wo_imagecombo_lbox .comment-section-inner .comment-inner-footer,
.post-fetched-url,
.wo_product_row,
.image-file,
.wo_votes,
.answers input,
.feeling-type.feeling-types,
.feeling-type ul {
  background-color: var(--wo-light-surface-soft) !important;
  border-color: var(--wo-light-border-soft) !important;
}

hr,
.dropdown-menu .divider,
.postFooter,
.publisher-box .publisher-box-footer .pub-footer-bottom,
.wallet_transactions,
.wo_user_side_info li,
.nav-tabs,
.table-bordered,
.modal-footer,
.modal-header {
  border-color: var(--wo-light-border-soft) !important;
}

.table-striped > tbody > tr:nth-of-type(odd),
.wo_loading_post .skel,
.gif_post_comment_innr > .form-control,
.publisher-box .add-emoticons .dropdown-toggle,
.sun_sett_sidebar > ul > li > a span {
  background-color: var(--wo-light-surface-muted) !important;
}

.chat-tab .online-toggle-hdr,
.wow_thread_head {
  background-color: var(--wo-light-surface) !important;
  color: var(--wo-light-text) !important;
  border-color: var(--wo-light-border-soft) !important;
}

.chat-tab .online-toggle-hdr a,
.chat-tab .online-toggle-hdr h3,
.chat-user-desc .head-text,
.message p {
  color: var(--wo-light-text) !important;
}

.chat-tab .online-toggle-hdr h3:hover,
.chat-tab .online-toggle-hdr .close-chat svg:hover {
  background-color: var(--wo-light-surface-muted) !important;
}

#welcomeheader,
.welcome-footer,
.login form,
.payment_box .btn,
.cc-window {
  background-color: var(--wo-light-surface) !important;
  color: var(--wo-light-text) !important;
}

.welcome-search {
  background-color: rgba(255, 255, 255, 0.82) !important;
  color: var(--wo-light-text) !important;
}

.helper-text li.valid {
  color: var(--wo-light-success) !important;
}

.close {
  color: var(--wo-light-text) !important;
  opacity: 0.55;
}

.close:hover,
.close:focus {
  color: var(--wo-light-text) !important;
  opacity: 0.85;
}
/* Post video alignment and light scrollbar polish */
.post .post-file.wo_shared_doc_file#fullsizeimg:has(.plyr--video),
.post .post-file.wo_shared_doc_file#fullsizeimg:has(video[data-post-video]),
.post .post-file.wo_video_post#fullsizeimg {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background-color: var(--wo-light-surface) !important;
}

.post .post-file.wo_shared_doc_file#fullsizeimg .plyr--video,
.post .post-file.wo_shared_doc_file#fullsizeimg video[data-post-video],
.post .post-file.wo_video_post#fullsizeimg .plyr--video,
.post .post-file.wo_video_post#fullsizeimg video {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.post .post-file.wo_shared_doc_file#fullsizeimg .plyr__video-wrapper,
.post .post-file.wo_video_post#fullsizeimg .plyr__video-wrapper {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (min-width: 992px) {
  ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
  }

  ::-webkit-scrollbar-track {
    background-color: var(--wo-light-bg) !important;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #b9c3cf !important;
    border: 3px solid var(--wo-light-bg) !important;
    border-radius: 999px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: #99a6b5 !important;
  }
}