/* VelChat safe black layer.
   Purpose: keep the site black without changing post markup, media players, grid logic, chat logic or upload logic. */
:root {
  --velchat-safe-bg: #000000;
  --velchat-safe-surface: #07080b;
  --velchat-safe-surface-2: #101116;
  --velchat-safe-surface-3: #17191f;
  --velchat-safe-border: rgba(255,255,255,.095);
  --velchat-safe-border-soft: rgba(255,255,255,.065);
  --velchat-safe-text: #f5f7fb;
  --velchat-safe-muted: #9aa1ad;
}

html,
body {
  background: var(--velchat-safe-bg) !important;
}

body,
body .page-margin,
body .content-container,
body .main-content,
body .tag_cont_fluid,
body .container-fluid {
  background-color: var(--velchat-safe-bg) !important;
  color: var(--velchat-safe-text) !important;
}

/* Header / mobile footer only: do not change sizes or positioning. */
body header,
body .tag_header,
body .tag_header_top,
body .tag_mobile_header,
body .navbar,
body .navbar-default,
body .main-header {
  background: rgba(0,0,0,.96) !important;
  border-color: var(--velchat-safe-border) !important;
  box-shadow: none !important;
}

body .tag_bottom_nav,
body .tag_mobile_footer,
body .wo_mobile_footer,
body .mobile_nav,
body .navbar-fixed-bottom,
body .footer-fixed {
  background: rgba(0,0,0,.96) !important;
  border-top-color: var(--velchat-safe-border) !important;
}

/* Surfaces: color only, no layout/display/media overrides. */
body .wow_content,
body .panel-white,
body .panel,
body .card,
body .post .panel,
body .post-container,
body .comment-section,
body .comments-list,
body .profile-container,
body .wo_user_profile .tag_cover_bg,
body .wo_user_profile .card.hovercard,
body .wo_user_profile .wow_content.cardheader,
body .wo_user_profile .wow_sett_content,
body .tag_profile_box,
body .tag_pub_box,
body .publisher-box,
body .messages-container,
body .messages-wrapper,
body .messages-recipients-list,
body .chat-messages-wrapper {
  background-color: var(--velchat-safe-surface) !important;
  color: var(--velchat-safe-text) !important;
  border-color: var(--velchat-safe-border-soft) !important;
}

body .post-heading,
body .post-description,
body .post-footer,
body .stats,
body .tag_post_hdr,
body .tag_post_body {
  background-color: transparent !important;
  color: var(--velchat-safe-text) !important;
  border-color: var(--velchat-safe-border-soft) !important;
}

body .dropdown-menu,
body .tag_create_menu,
body .modal-content,
body .search-dropdown-container,
body .bootstrap-select .dropdown-menu {
  background-color: var(--velchat-safe-surface-2) !important;
  color: var(--velchat-safe-text) !important;
  border-color: var(--velchat-safe-border) !important;
}

body .dropdown-menu > li > a,
body .tag_create_menu li a,
body .modal-title,
body .modal-body {
  color: var(--velchat-safe-text) !important;
}

body .dropdown-menu > li > a:hover,
body .tag_create_menu li a:hover,
body .dropdown-menu > li > a:focus,
body .tag_create_menu li a:focus {
  background-color: rgba(255,255,255,.075) !important;
  color: #fff !important;
}

body input,
body textarea,
body select,
body .form-control,
body .emojionearea,
body .emojionearea .emojionearea-editor,
body .bootstrap-select > .dropdown-toggle,
body .search-for-posts {
  background-color: var(--velchat-safe-surface-3) !important;
  color: var(--velchat-safe-text) !important;
  border-color: var(--velchat-safe-border) !important;
}

body input::placeholder,
body textarea::placeholder,
body .emojionearea-editor:empty:before {
  color: var(--velchat-safe-muted) !important;
}

body .text-muted,
body .ajax-time,
body .time,
body .small,
body small,
body .middot,
body .help-block,
body .tag_post_hdr_sub,
body .user-lastseen,
body .event_cdown,
body .wo_user_profile .event_cdown {
  color: var(--velchat-safe-muted) !important;
}

body a,
body .post-heading .user a,
body .wo_user_profile h3,
body .wo_user_profile .wo_page_hdng,
body .wo_user_profile .wo_page_hdng a {
  color: var(--velchat-safe-text);
}

body .btn-default,
body .btn-mat.btn-default {
  background-color: var(--velchat-safe-surface-3) !important;
  color: var(--velchat-safe-text) !important;
  border-color: var(--velchat-safe-border) !important;
}

body hr,
body .profile .nav-tabs,
body .nav-tabs,
body .list-group-item,
body .table > tbody > tr > td,
body .table > thead > tr > th {
  border-color: var(--velchat-safe-border-soft) !important;
}

/* Profile media tiles keep the original functional WoWonder grid/lightbox/player behavior. */
body .wo_user_profile #photos-list.user_media_list_section.insta.profile,
body .wo_user_profile .user_media_list_section,
body .wo_user_profile #videos-list.user_media_list_section,
body .wo_user_profile #reels-videos-list.user_media_list_section {
  background: var(--velchat-safe-bg) !important;
}

body .wo_user_profile .user_media_list_section .photo-data,
body .wo_user_profile .user_media_list_section .video-data {
  background: #050505 !important;
}

body .load-more .btn,
body .tag_profile_auto_load .btn {
  background: var(--velchat-safe-surface-3) !important;
  color: var(--velchat-safe-text) !important;
  border-color: var(--velchat-safe-border) !important;
}