/* =====================================================
   SIBLIA GLASSMORPHISM THEME
   Inspired by modern UI — gradient bg + frosted glass
   ===================================================== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* === ANIMATED GRADIENT BACKGROUND === */
html body,
body,
html {
   background: linear-gradient(-45deg, #a18cd1, #fbc2eb, #a6c1ee, #c2e9fb, #d4a5ff, #f6d5f7, #b8cfe8) !important;
   background-size: 500% 500% !important;
   animation: gradientShift 20s ease infinite !important;
   font-family: 'Poppins', sans-serif !important;
   min-height: 100vh;
}
@keyframes gradientShift {
   0% { background-position: 0% 50%; }
   25% { background-position: 50% 100%; }
   50% { background-position: 100% 50%; }
   75% { background-position: 50% 0%; }
   100% { background-position: 0% 50%; }
}
/* Make sure all wrapper/container layers are transparent */
.content-container,
.page-margin,
.container,
.row,
.middlecol,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-12,
.wo_home_main,
.leftcol,
.rightcol-wrapper,
#main-content,
.page-content,
.main-wrapper,
.effect-load,
#contnet,
.ad-placement-header-footer,
footer {
   background: transparent !important;
}
/* Don't break alignment */
.page-margin {
   margin-top: 15px !important;
   padding-left: 15px !important;
   padding-right: 15px !important;
}
.content-container.container {
   padding-left: 15px !important;
   padding-right: 15px !important;
}
/* Ensure columns align at top */
.page-margin > .row {
   display: flex !important;
   flex-wrap: nowrap !important;
   align-items: flex-start !important;
}
/* Gap between sidebar and main content */
.page-margin > .row > .leftcol {
   padding-right: 15px !important;
}
.page-margin > .row > .middlecol {
   padding-left: 15px !important;
   padding-right: 15px !important;
}
.page-margin > .row > [class*="sidebar"],
.page-margin > .row > .rightcol {
   padding-left: 15px !important;
}
/* Header wrapper transparent - navbar handles its own bg */
header.header-container {
   background: transparent !important;
   border: none !important;
   box-shadow: none !important;
   border-radius: 0 !important;
   margin: 0 !important;
   backdrop-filter: none !important;
   -webkit-backdrop-filter: none !important;
   overflow: visible !important;
}

/* Floating orbs (decorative) */
body::before, body::after {
   content: '';
   position: fixed;
   border-radius: 50%;
   z-index: 0;
   pointer-events: none;
}
body::before {
   width: 300px; height: 300px;
   background: radial-gradient(circle, rgba(255,255,255,0.15), transparent 70%);
   top: 10%; left: -5%;
   animation: floatOrb1 8s ease-in-out infinite;
}
body::after {
   width: 200px; height: 200px;
   background: radial-gradient(circle, rgba(255,182,255,0.2), transparent 70%);
   bottom: 15%; right: -3%;
   animation: floatOrb2 10s ease-in-out infinite;
}
@keyframes floatOrb1 {
   0%,100% { transform: translateY(0) scale(1); }
   50% { transform: translateY(-40px) scale(1.1); }
}
@keyframes floatOrb2 {
   0%,100% { transform: translateY(0) scale(1); }
   50% { transform: translateY(30px) scale(0.9); }
}

/* === GLASSMORPHISM MIXIN === */
.left-sidebar,
.chat-container,
.wo_about_wrapper,
.rightcol,
.right-sidebar-content,
.stories_wrapper,
.trending,
.sidebar,
.wo_side_apps {
   background: rgba(255,255,255,0.2) !important;
   backdrop-filter: blur(20px) !important;
   -webkit-backdrop-filter: blur(20px) !important;
   border: 1px solid rgba(255,255,255,0.3) !important;
   border-radius: 16px !important;
   box-shadow: 0 8px 32px rgba(31,38,135,0.15) !important;
}

/* === HEADER WRAPPER === */
header.header-container {
   background: transparent !important;
   border: none !important;
   box-shadow: none !important;
   border-radius: 0 !important;
   margin-bottom: 0 !important;
   backdrop-filter: none !important;
}
/* Header logo — bigger */
.header-brand img {
   max-height: 35px !important;
   height: 35px !important;
   width: auto !important;
}
.navbar.navbar-default.navbar-fixed-top {
   background: rgba(255,255,255,0.7) !important;
   backdrop-filter: blur(20px) saturate(180%) !important;
   -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
   border-bottom: 1px solid rgba(200,180,220,0.4) !important;
   box-shadow: 0 2px 15px rgba(100,50,150,0.1) !important;
   z-index: 1030 !important;
}

/* === HEADER / NAVBAR === */
.navbar-default, .wo_header, .navbar, .navbar-fixed-top {
   background: rgba(255,255,255,0.7) !important;
   backdrop-filter: blur(20px) saturate(180%) !important;
   -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
   border-bottom: 1px solid rgba(200,180,220,0.4) !important;
   box-shadow: 0 2px 15px rgba(100,50,150,0.1) !important;
   z-index: 1030 !important;
}
.navbar-default .navbar-brand,
.wo_header .navbar-brand {
   color: #3d2d5c !important;
}
.navbar-default .navbar-nav > li > a {
   color: #4a3d6b !important;
}
.navbar-default .navbar-nav > li > a:hover {
   color: #7B2D8E !important;
}
.wo-search-form .form-control,
.navbar-default .form-control,
.search-form input {
   background: rgba(240,235,248,0.6) !important;
   border: 1px solid rgba(123,45,142,0.15) !important;
   border-radius: 25px !important;
   color: #3d2d5c !important;
   backdrop-filter: blur(10px) !important;
}
.wo-search-form .form-control::placeholder,
.navbar-default .form-control::placeholder {
   color: rgba(80,60,100,0.5) !important;
}
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a::after {
   color: #7B2D8E !important;
}
/* Header icons */
.navbar-default .navbar-nav > li > a svg,
.navbar-default .navbar-nav > li > a i {
   color: #4a3d6b !important;
   fill: #4a3d6b !important;
}
.navbar-default .navbar-nav > li > a:hover svg,
.navbar-default .navbar-nav > li > a:hover i {
   color: #7B2D8E !important;
   fill: #7B2D8E !important;
}
/* Notification badges */
.navbar-default .badge {
   background: #e74c3c !important;
   color: #fff !important;
}

/* === MAIN CONTENT AREA === */
.content-container,
.col-md-6.wo_home_main,
.middlecol {
   position: relative;
   z-index: 1;
}

/* Post cards + all feed content blocks */
.post-container .panel,
.post-container .panel-white,
.post .panel-shadow,
.post.publisher-box .panel,
.sun_pub_box,
.wow_content,
.wowonder-well,
.home-announcement,
.wow_newsfeed_lists,
.wo_side_invite,
.wo_side_apps,
.wow_ads_lists > li,
.wow_create_ads_stp,
.sidebar-profile-style,
.wo_about_wrapper,
.wo_user_profile .card,
.profile-container .card,
.earn_points,
.wo_side_post_fltr_cont,
.good-morning-card,
.greetalert,
.announcement-card,
.wo_feeds_filter,
.fake_ad_post,
.blog-h-list,
.ads-navbar-wrapper,
.user-status-home,
.wow_side_online,
.filterby {
   background: rgba(255,255,255,0.3) !important;
   backdrop-filter: blur(16px) !important;
   -webkit-backdrop-filter: blur(16px) !important;
   border: 1px solid rgba(255,255,255,0.35) !important;
   border-radius: 16px !important;
   box-shadow: 0 4px 20px rgba(31,38,135,0.08) !important;
   margin-bottom: 14px !important;
}
/* Inner post elements transparent */
.panel-white .panel-body,
.panel-white .panel-heading,
.panel-white .panel-footer,
.post .post-head,
.post .post-actions,
.post .wo-comment-wrapper,
.post .write-post-comment,
.post .comments-post-footer,
.wow_content .post-head,
.wow_content .post-actions,
.wow_content .post-foot,
.wow_content .post-comments {
   background: transparent !important;
   border-color: rgba(200,180,220,0.2) !important;
}
.post-container .panel:hover,
.wow_content:hover {
   box-shadow: 0 8px 32px rgba(31,38,135,0.15) !important;
   transform: translateY(-1px);
   transition: all 0.3s ease;
}

/* Post text */
.wo_post .record-text,
.wo_post_content,
.wo_post .post-head-text a,
.wo_post .time-ago {
   color: #2d2d3d !important;
}

/* === LEFT SIDEBAR === */
.left-sidebar {
   margin: 8px !important;
   padding: 12px 8px !important;
   position: relative;
   z-index: 1;
}
.left-sidebar > ul > li > a {
   color: #2d2d3d !important;
   font-family: 'Poppins', sans-serif !important;
   font-size: 13.5px !important;
   font-weight: 500 !important;
   padding: 6px 10px !important;
   margin: 1px 0 !important;
   border-radius: 10px !important;
   transition: all 0.25s ease !important;
}
.left-sidebar > ul > li > a:hover {
   background: rgba(255,255,255,0.35) !important;
   color: #5b2d8e !important;
   transform: translateX(3px);
}
.left-sidebar > ul > li > a img {
   opacity: 0.75;
}
.left-sidebar > ul > li > a:hover img {
   opacity: 1;
}

/* === CHAT SIDEBAR (RIGHT) === */
.chat-all-container {
   position: relative;
   z-index: 1;
}
.chat-container {
   margin: 8px 5px !important;
   overflow: hidden !important;
}
.chat-container .online-toggle {
   background: rgba(255,255,255,0.1) !important;
   border-bottom: 1px solid rgba(255,255,255,0.15) !important;
   padding: 12px 14px !important;
}
.chat-container .online-toggle h3 {
   font-family: 'Poppins', sans-serif !important;
   font-size: 16px !important;
   font-weight: 600 !important;
   color: #2d2d3d !important;
}
/* Flat chat tabs */
.chat-container .wo_chat_tabs {
   border-bottom: 1px solid rgba(255,255,255,0.2) !important;
   margin: 0 !important;
   background: rgba(255,255,255,0.05) !important;
}
.chat-container .wo_chat_tabs li { flex: 1; margin: 0 !important; }
.chat-container .wo_chat_tabs li a {
   border-radius: 0 !important;
   background: transparent !important;
   font-family: 'Poppins', sans-serif !important;
   font-size: 13px !important;
   font-weight: 500 !important;
   color: rgba(45,45,61,0.6) !important;
   border-bottom: 2px solid transparent !important;
   padding: 10px 6px !important;
   text-align: center;
}
.chat-container .wo_chat_tabs li a:hover {
   background: transparent !important;
   color: #7B2D8E !important;
}
.chat-container .wo_chat_tabs li.active a {
   background: transparent !important;
   color: #7B2D8E !important;
   border-bottom-color: #7B2D8E !important;
   font-weight: 600 !important;
}
/* Search — under tabs */
.chat-container .online-content-toggler {
   display: flex !important;
   flex-direction: column !important;
}
.chat-container .wow_chat_search {
   order: -1 !important;
}
.chat-container .wo_chat_tabs + .wow_chat_search,
.online-content-toggler > .wow_chat_search {
   order: 0 !important;
}
.chat-container .wow_chat_search input {
   font-family: 'Poppins', sans-serif !important;
   border-radius: 20px !important;
   background: rgba(255,255,255,0.15) !important;
   border: 1px solid rgba(255,255,255,0.25) !important;
   font-size: 13px !important;
   height: 34px !important;
   color: #3d2d5c !important;
}
.chat-container .wow_chat_search input:focus {
   border-color: rgba(123,45,142,0.4) !important;
   background: rgba(255,255,255,0.3) !important;
}
.chat-container .wow_chat_search {
   background: transparent !important;
}
/* Chat user items */
.chat_user_list,
.user-chat-list {
   border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}
.chat_user_list:hover,
.user-chat-list:hover {
   background: rgba(255,255,255,0.15) !important;
}

/* === RIGHT SIDEBAR COLORED WIDGETS — make glass === */
.wow_side_online {
   background: rgba(255,255,255,0.25) !important;
   backdrop-filter: blur(16px) !important;
   border: 1px solid rgba(255,255,255,0.3) !important;
   border-radius: 16px !important;
   box-shadow: 0 4px 20px rgba(31,38,135,0.1) !important;
   padding: 20px !important;
}
.wow_side_invite {
   background: rgba(255,255,255,0.25) !important;
   backdrop-filter: blur(16px) !important;
   border-radius: 16px !important;
}
.wow_side_invite_prnt {
   background: rgba(255,255,255,0.25) !important;
   backdrop-filter: blur(16px) !important;
   border: 1px solid rgba(255,255,255,0.3) !important;
   border-radius: 16px !important;
   box-shadow: 0 4px 20px rgba(31,38,135,0.1) !important;
   overflow: hidden !important;
}
.sidebar .list-group,
.sidebar .sidebar-profile-style,
.sidebar .trending,
.sidebar .list-group-item {
   background: transparent !important;
   border-color: rgba(255,255,255,0.15) !important;
}
.sidebar .sidebar-title-back {
   background: transparent !important;
}

/* === RIGHT SIDEBAR (ADS / USERS) === */
.rightcol, .right-sidebar-content {
   margin: 8px 0 !important;
   padding: 12px !important;
   position: relative;
   z-index: 1;
}

/* === DROPDOWN MENUS === */
.dropdown-menu {
   background: rgba(255,255,255,0.85) !important;
   backdrop-filter: blur(20px) !important;
   -webkit-backdrop-filter: blur(20px) !important;
   border: 1px solid rgba(255,255,255,0.3) !important;
}

/* === MODALS === */
.modal-content {
   background: rgba(255,255,255,0.9) !important;
   backdrop-filter: blur(25px) !important;
   -webkit-backdrop-filter: blur(25px) !important;
   border: 1px solid rgba(255,255,255,0.3) !important;
   border-radius: 16px !important;
}

/* === BUTTONS === */
.btn-main, .btn-mat {
   background: linear-gradient(135deg, #7B2D8E, #a855f7) !important;
   border: none !important;
   border-radius: 25px !important;
   color: #fff !important;
   font-family: 'Poppins', sans-serif !important;
   font-weight: 500 !important;
   box-shadow: 0 4px 15px rgba(123,45,142,0.3) !important;
   transition: all 0.3s ease !important;
}
.btn-main:hover, .btn-mat:hover {
   transform: translateY(-1px) !important;
   box-shadow: 0 6px 20px rgba(123,45,142,0.4) !important;
}

/* === FORM INPUTS === */
.form-control {
   background: rgba(255,255,255,0.3) !important;
   border: 1px solid rgba(255,255,255,0.3) !important;
   border-radius: 12px !important;
   font-family: 'Poppins', sans-serif !important;
   color: #2d2d3d !important;
   backdrop-filter: blur(5px) !important;
}
.form-control:focus {
   border-color: rgba(123,45,142,0.5) !important;
   background: rgba(255,255,255,0.5) !important;
   box-shadow: 0 0 0 3px rgba(123,45,142,0.1) !important;
}

/* === SCROLLBAR === */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(123,45,142,0.3); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: rgba(123,45,142,0.5); }

/* === SIDEBAR — disable sticky jumping === */
.left-sidebar {
   position: static !important;
   overflow: visible !important;
}
.leftcol .theiaStickySidebar,
.leftcol > div[style*="position"] {
   position: static !important;
   transform: none !important;
   top: auto !important;
}
.leftcol {
   overflow: visible !important;
}
/* Dropdown menus inside sidebar must not be clipped */
.left-sidebar .dropdown-menu,
.left-sidebar .post_order_feed,
.left-sidebar .order_by .dropdown-menu,
.wow_side_post_fltr .dropdown-menu {
   z-index: 1050 !important;
   overflow: visible !important;
}

/* === SETTINGS PAGE SIDEBAR === */
.wo_new_sett_sidee,
.col-md-4.sidebar.sett_page {
   max-width: 250px !important;
   flex: 0 0 250px !important;
}
.wo_new_sett_pagee,
.col-md-8.sett_page {
   flex: 1 !important;
   max-width: calc(100% - 260px) !important;
}

/* === FOOTER === */
.wo_footer {
   background: transparent !important;
   color: rgba(255,255,255,0.7) !important;
}
.wo_footer a { color: rgba(255,255,255,0.8) !important; }

/* === POST WRITE BOX — above overlay === */
.pub-focus #focus-overlay {
   opacity: 0.35 !important;
   background: rgba(0,0,0,0.3) !important;
   backdrop-filter: blur(4px) !important;
}
.pub-focus .post.publisher-box,
.pub-focus .post.publisher-box .panel,
.pub-focus .sun_pub_box {
   z-index: 1032 !important;
   position: relative !important;
   background: rgba(255,255,255,0.95) !important;
   backdrop-filter: blur(20px) !important;
   box-shadow: 0 8px 40px rgba(31,38,135,0.2) !important;
}

/* === LIGHTBOX / POST MODAL — softer overlay === */
.lightbox-backgrond {
   background: rgba(0,0,0,0.5) !important;
   backdrop-filter: blur(8px) !important;
   -webkit-backdrop-filter: blur(8px) !important;
}
.lightbox-content {
   background: rgba(255,255,255,0.95) !important;
   backdrop-filter: blur(20px) !important;
   border-radius: 16px !important;
   box-shadow: 0 12px 48px rgba(31,38,135,0.25) !important;
   border: 1px solid rgba(255,255,255,0.4) !important;
}
.lightbox-content .lightbox-post-footer {
   background: transparent !important;
}

/* Modal overlays */
.modal-backdrop {
   background: rgba(0,0,0,0.4) !important;
   backdrop-filter: blur(6px) !important;
}

/* Dark mode lightbox/modal */
body[data-mode='night'] .pub-focus .post.publisher-box,
body[data-mode='night'] .pub-focus .create_post,
body[data-mode='night'] .pub-focus .wow_content:has(.publisher-box) {
   background: rgba(30,30,50,0.95) !important;
}
body[data-mode='night'] .lightbox-backgrond {
   background: rgba(0,0,0,0.6) !important;
}
body[data-mode='night'] .lightbox-content {
   background: rgba(25,25,45,0.95) !important;
}

/* =====================================================
   COMPREHENSIVE GLASS OVERRIDE — catches ALL white elements
   ===================================================== */

/* --- ALL INPUT FIELDS: deeper transparent blur --- */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="time"],
textarea,
select,
.form-control,
.wo_pub_txtara_combo textarea,
#post-textarea textarea,
.search-input,
.invite-user-combine input,
.wo_chat_search input,
.search-users-chat {
   background: rgba(255,255,255,0.15) !important;
   backdrop-filter: blur(12px) !important;
   -webkit-backdrop-filter: blur(12px) !important;
   border: 1px solid rgba(200,180,220,0.3) !important;
   border-radius: 10px !important;
   color: #2d2d3d !important;
   font-family: 'Poppins', sans-serif !important;
   transition: all 0.25s ease !important;
}
input:focus, textarea:focus, select:focus, .form-control:focus {
   background: rgba(255,255,255,0.3) !important;
   border-color: rgba(123,45,142,0.4) !important;
   box-shadow: 0 0 0 3px rgba(123,45,142,0.1) !important;
   outline: none !important;
}
input::placeholder, textarea::placeholder {
   color: rgba(80,60,120,0.45) !important;
}

/* --- ALL WHITE CARDS/PANELS/WELLS — glass override --- */
.panel,
.panel-default,
.panel-white,
.panel-shadow,
.well,
.card,
.list-group,
.list-group-item,
.sidebar .list-group,
.sidebar .list-group-item,
.sidebar-profile-style,
.wow_side_online,
.wow_side_invite,
.wow_side_invite_prnt,
.wo_side_apps,
.trending .list-group-item,
.wowonder-well,
.wow_content,
.home-announcement,
.greetalert,
.alert-success,
.user-status-home,
.earn_points,
.filterby,
.wo_feeds_filter,
.post-footer-ad,
.fake_ad_post,
.blog-h-list,
.ads-navbar-wrapper,
.wow_ads_lists > li,
.wow_create_ads_stp,
.wo_about_wrapper,
.profile-container .card,
.wo_user_profile .card,
.sidebar-ad,
.post-container .panel,
.sun_pub_box,
.wo_page_stories,
.modal-content,
.dropdown-menu,
.popover,
.tooltip-inner,
.tab-content,
.nav-tabs,
.breadcrumb,
.pagination > li > a,
.wo_side_post_fltr_cont,
.wow_newsfeed_lists,
.wo_share_icon_bar,
.new-members-card,
.popular-card,
.find-contacts-card,
footer .footer-links {
   background: rgba(255,255,255,0.25) !important;
   backdrop-filter: blur(16px) !important;
   -webkit-backdrop-filter: blur(16px) !important;
   border: 1px solid rgba(255,255,255,0.3) !important;
   border-radius: 14px !important;
   box-shadow: 0 4px 16px rgba(31,38,135,0.06) !important;
}

/* Nested items handled in FIX DOUBLE BLUR section above */

/* Post actions bar + comment/reaction areas — glass */
.post .post-actions,
.post .write-post-comment,
.post .comments-post-footer,
.post .post-head,
.post .post-footer,
.post .post-footer .comments-list,
.wo-comment-wrapper,
.post-footer-comments,
.post-footer-ad,
.post-actions .btn,
.post-actions a,
.reaction-btn,
.comment-reactions,
.write-comment,
.write-comment input,
.write-comment textarea,
.stats,
.stats .stat-item,
.stats .btn-default,
.btn-default.stat-item,
.like-stat,
.post-like-status,
.post-wonders-status,
.post-share-status,
.post .post-footer .post-actions,
.post .panel-footer {
   background: transparent !important;
   border-color: rgba(200,180,220,0.2) !important;
   box-shadow: none !important;
}
/* Comment bubble — glass instead of #f0f2f5 */
.post .post-footer .comments-list .comment .comment-heading,
.lightbox-post-footer .comments-list .comment .comment-heading,
.comment .comment-heading {
   background: rgba(255,255,255,0.25) !important;
   backdrop-filter: blur(8px) !important;
   -webkit-backdrop-filter: blur(8px) !important;
   border: 1px solid rgba(255,255,255,0.3) !important;
}
/* Comment textarea */
.comment-textarea,
input.comment-textarea {
   background: rgba(255,255,255,0.15) !important;
   border: 1px solid rgba(200,180,220,0.25) !important;
   border-radius: 20px !important;
}

/* Story strip — NO background/blur */
.user-status-home,
.wow_home_stories,
.status-list,
.status-list li {
   background: transparent !important;
   backdrop-filter: none !important;
   -webkit-backdrop-filter: none !important;
   border: none !important;
   box-shadow: none !important;
}

/* Chat sidebar user list — no extra background */
.chat-container .online-users,
.chat-container .offline-users,
.chat-container .tab-content,
.chat-container .tab-pane,
.chat-container .online-content-toggler,
.chat-container .chat-opacity.active {
   background: transparent !important;
   backdrop-filter: none !important;
   border: none !important;
   box-shadow: none !important;
}

/* === FIX DOUBLE BLUR — nested elements must NOT blur again === */
.panel .panel,
.panel .panel-body,
.panel .panel-heading,
.panel .panel-footer,
.card .card-body,
.card .card-header,
.card .card-footer,
.list-group .list-group-item,
.sidebar .list-group .list-group-item,
.well .list-group-item,
.wow_side_invite_prnt .wow_side_invite,
.wow_side_invite_prnt .list-group-item,
.trending .list-group-item,
.tab-content .tab-pane,
.post-container .panel .panel-body,
.post-container .panel .panel-heading,
.post-container .panel .panel-footer,
.sun_pub_box .panel-body,
.left-sidebar .list-group,
.left-sidebar .list-group-item,
.left-sidebar .sidebar,
.left-sidebar .trending,
.chat-container .tab-content,
.chat-container .wo_chat_tabs,
.chat-container .online-toggle .chat-status,
.sidebar-profile-style .list-group,
.sidebar-profile-style .list-group-item,
.modal-content .modal-body,
.modal-content .modal-header,
.modal-content .modal-footer,
.dropdown-menu li,
.dropdown-menu li a {
   background: transparent !important;
   backdrop-filter: none !important;
   -webkit-backdrop-filter: none !important;
   border-color: rgba(200,180,220,0.15) !important;
   box-shadow: none !important;
   border-radius: 0 !important;
}

/* Right sidebar section headers */
.sidebar-title-back,
.sidebar .sidebar-title-back {
   background: transparent !important;
}

/* Footer transparent */
footer, .wo_footer, .second-footer {
   background: transparent !important;
}

/* Tab nav transparent base */
.nav-tabs > li > a {
   background: transparent !important;
   border: none !important;
}

/* === DARK MODE: inputs + cards === */
body[data-mode='night'] input[type="text"],
body[data-mode='night'] input[type="email"],
body[data-mode='night'] input[type="password"],
body[data-mode='night'] input[type="search"],
body[data-mode='night'] textarea,
body[data-mode='night'] select,
body[data-mode='night'] .form-control {
   background: rgba(20,20,40,0.4) !important;
   border-color: rgba(255,255,255,0.1) !important;
   color: #d0d0e0 !important;
}
body[data-mode='night'] input::placeholder,
body[data-mode='night'] textarea::placeholder {
   color: rgba(180,170,210,0.4) !important;
}
body[data-mode='night'] .panel,
body[data-mode='night'] .panel-white,
body[data-mode='night'] .panel-shadow,
body[data-mode='night'] .well,
body[data-mode='night'] .card,
body[data-mode='night'] .list-group,
body[data-mode='night'] .wow_content,
body[data-mode='night'] .wowonder-well,
body[data-mode='night'] .home-announcement,
body[data-mode='night'] .greetalert,
body[data-mode='night'] .sidebar-profile-style,
body[data-mode='night'] .wow_side_online,
body[data-mode='night'] .wow_side_invite_prnt,
body[data-mode='night'] .earn_points,
body[data-mode='night'] .user-status-home,
body[data-mode='night'] .filterby,
body[data-mode='night'] .sun_pub_box,
body[data-mode='night'] .post-container .panel,
body[data-mode='night'] .fake_ad_post,
body[data-mode='night'] .wow_ads_lists > li,
body[data-mode='night'] .dropdown-menu,
body[data-mode='night'] .modal-content {
   background: rgba(25,25,45,0.45) !important;
   border-color: rgba(255,255,255,0.08) !important;
}

/* === TRANSITIONS === */
.left-sidebar, .chat-container, .wo_post, .post-card, .btn-main, .btn-mat, .form-control, .dropdown-menu {
   transition: all 0.3s ease !important;
}

/* =====================================================
   MOBILE RESPONSIVE — restore proper mobile layout
   ===================================================== */
@media (max-width: 990px) {
   .page-margin > .row {
      flex-wrap: wrap !important;
      display: block !important;
   }
   .page-margin > .row > .leftcol {
      display: none !important;
   }
   .page-margin > .row > .middlecol {
      width: 100% !important;
      padding-left: 10px !important;
      padding-right: 10px !important;
   }
   .page-margin {
      padding-left: 5px !important;
      padding-right: 5px !important;
   }
   .content-container.container {
      padding-left: 5px !important;
      padding-right: 5px !important;
   }
   .left-sidebar {
      display: none !important;
   }
   .chat-all-container {
      display: none !important;
   }
   .sidebar-profile-style {
      display: none !important;
   }
   /* Settings page sidebar */
   .wo_new_sett_sidee,
   .col-md-4.sidebar.sett_page {
      max-width: 100% !important;
      flex: 0 0 100% !important;
      width: 100% !important;
      margin-bottom: 15px !important;
   }
   .wo_new_sett_pagee,
   .col-md-8.sett_page {
      max-width: 100% !important;
      width: 100% !important;
   }
   /* Header */
   .navbar.navbar-default.navbar-fixed-top {
      backdrop-filter: blur(16px) !important;
   }
   .header-brand img {
      max-height: 28px !important;
      height: 28px !important;
   }
   /* Cards full width */
   .post-container .panel,
   .wow_content,
   .sun_pub_box {
      border-radius: 12px !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
   }
}

@media (max-width: 768px) {
   .page-margin {
      padding-left: 10px !important;
      padding-right: 10px !important;
      margin-top: 10px !important;
   }
   /* Mobile dropdown menus — solid white background */
   .navbar-nav .dropdown-menu,
   .navbar-nav .open .dropdown-menu,
   .dropdown-menu,
   .notfi-dropdown,
   .header-dropdown-menu {
      background: #fff !important;
      backdrop-filter: none !important;
      border: 1px solid #e0e0e0 !important;
      box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
   }
   .navbar-nav .dropdown-menu li a,
   .navbar-nav .dropdown-menu .dropdown-item,
   .dropdown-menu li a,
   .dropdown-menu .dropdown-item {
      color: #333 !important;
   }
   .navbar-nav .dropdown-menu li a:hover,
   .dropdown-menu .dropdown-item:hover {
      background: #f5f0ff !important;
      color: #7B2D8E !important;
   }
   .post-container .panel,
   .wow_content,
   .sun_pub_box,
   .user-status-home {
      border-radius: 8px !important;
   }
   .navbar.navbar-default.navbar-fixed-top {
      background: rgba(255,255,255,0.85) !important;
   }
}

@media (max-width: 480px) {
   .page-margin > .row > .middlecol {
      padding-left: 10px !important;
      padding-right: 10px !important;
   }
   .content-container.container {
      padding-left: 10px !important;
      padding-right: 10px !important;
   }
   .post-container .panel,
   .wow_content,
   .sun_pub_box {
      border-radius: 0 !important;
      border-left: none !important;
      border-right: none !important;
   }
}

/* ===== DARK MODE ===== */
body[data-mode='night'], body.night-mode {
   background: linear-gradient(135deg, #0f0c29 0%, #302b63 25%, #24243e 50%, #1a1a2e 75%, #16213e 100%) !important;
   background-size: 400% 400% !important;
   animation: gradientShift 15s ease infinite !important;
}
body[data-mode='night'] .left-sidebar,
body[data-mode='night'] .chat-container,
body[data-mode='night'] .wo_about_wrapper,
body[data-mode='night'] .rightcol,
body[data-mode='night'] .right-sidebar-content,
body[data-mode='night'] .trending,
body[data-mode='night'] .sidebar {
   background: rgba(30,30,50,0.5) !important;
   border-color: rgba(255,255,255,0.08) !important;
}
body[data-mode='night'] .navbar-default,
body[data-mode='night'] .wo_header {
   background: rgba(15,15,30,0.75) !important;
   border-bottom-color: rgba(255,255,255,0.08) !important;
}
body[data-mode='night'] .navbar-default .navbar-nav > li > a,
body[data-mode='night'] .navbar-default .navbar-nav > li > a svg,
body[data-mode='night'] .navbar-default .navbar-nav > li > a i {
   color: #c0c0d0 !important;
   fill: #c0c0d0 !important;
}
body[data-mode='night'] .navbar-default .navbar-nav > li > a:hover,
body[data-mode='night'] .navbar-default .navbar-nav > li > a:hover svg {
   color: #d4a5f5 !important;
   fill: #d4a5f5 !important;
}
body[data-mode='night'] .post-container .panel,
body[data-mode='night'] .post .panel-shadow,
body[data-mode='night'] .sun_pub_box,
body[data-mode='night'] .wow_content,
body[data-mode='night'] .wowonder-well,
body[data-mode='night'] .home-announcement,
body[data-mode='night'] .sidebar-profile-style,
body[data-mode='night'] .wo_side_invite,
body[data-mode='night'] .earn_points,
body[data-mode='night'] .good-morning-card,
body[data-mode='night'] .greetalert,
body[data-mode='night'] .fake_ad_post,
body[data-mode='night'] .wow_ads_lists > li,
body[data-mode='night'] .user-status-home,
body[data-mode='night'] .filterby {
   background: rgba(30,30,50,0.45) !important;
   border-color: rgba(255,255,255,0.08) !important;
}
body[data-mode='night'] .wo_post .record-text,
body[data-mode='night'] .wo_post_content,
body[data-mode='night'] .wo_post .post-head-text a,
body[data-mode='night'] .left-sidebar > ul > li > a,
body[data-mode='night'] .chat-container .online-toggle h3 {
   color: #d0d0e0 !important;
}
body[data-mode='night'] .left-sidebar > ul > li > a:hover {
   background: rgba(155,89,182,0.15) !important;
   color: #d4a5f5 !important;
}
body[data-mode='night'] .chat-container .wo_chat_tabs li.active a {
   color: #d4a5f5 !important;
   border-bottom-color: #d4a5f5 !important;
}
body[data-mode='night'] .form-control {
   background: rgba(30,30,50,0.5) !important;
   border-color: rgba(255,255,255,0.1) !important;
   color: #d0d0e0 !important;
}
body[data-mode='night'] .dropdown-menu {
   background: rgba(25,25,45,0.9) !important;
   border-color: rgba(255,255,255,0.08) !important;
}
body[data-mode='night'] .dropdown-menu > li > a {
   color: #c0c0d0 !important;
}
body[data-mode='night'] .modal-content {
   background: rgba(25,25,45,0.95) !important;
}
body[data-mode='night']::before {
   background: radial-gradient(circle, rgba(100,50,150,0.15), transparent 70%);
}
body[data-mode='night']::after {
   background: radial-gradient(circle, rgba(50,50,150,0.15), transparent 70%);
}