/* ============================================
   STUPIDADS DARK THEME — Final
   Discord/GitHub/Threads-inspired
   ============================================ */

/* --- GLOBAL --- */
body {
    background: #121212 !important;
    color: #FFFFFF !important;
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* --- HEADER --- */
.main-header,
.desktop-header,
.desktop-header-inner {
    background: #18181B !important;
    border-bottom: 1px solid #2D2D2D !important;
}
.desktop-logo-text { color: #FFFFFF !important; font-weight: 800 !important; }
.desktop-icon-link { color: #B3B3B3 !important; }
.desktop-icon-link:hover { color: #E4572E !important; }
.desktop-header-search .form-control {
    background: #1E1E1E !important;
    border: 1px solid #2D2D2D !important;
    color: #FFFFFF !important;
    border-radius: 24px !important;
}
.desktop-header-search .form-control::placeholder { color: #8A8A8A !important; }
.desktop-header-search .form-control:focus {
    border-color: #E4572E !important;
    background: #252525 !important;
}

/* --- MAIN CONTENT --- */
.main-wrapper { background: #121212 !important; }

/* --- SIDEBAR --- */
.main-side-nav-card {
    background: #18181B !important;
    border: 1px solid #2D2D2D !important;
}
.main-side-nav > li > a {
    color: #B3B3B3 !important;
    font-weight: 600 !important;
    padding: 11px 14px !important;
    font-size: 0.9rem;
    transition: all 0.15s;
}
.main-side-nav > li > a:hover {
    background: rgba(255,255,255,0.04) !important;
    color: #FFFFFF !important;
}
.main-side-nav > li.active > a {
    color: #E4572E !important;
    background: rgba(228,87,46,0.1) !important;
    font-weight: 700 !important;
}
.main-side-nav .ptb5 small {
    color: #8A8A8A !important;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 0.72rem;
}

/* --- CARDS --- */
.card {
    background: #1E1E1E !important;
    border: 1px solid #2D2D2D !important;
    color: #FFFFFF !important;
    border-radius: 14px !important;
}
.card-header {
    background: transparent !important;
    border-bottom: 1px solid #2D2D2D !important;
    color: #FFFFFF !important;
    font-weight: 700;
}
.card-body { color: #B3B3B3 !important; }

/* --- POSTS --- */
.post {
    background: #1E1E1E !important;
    border: 1px solid #2D2D2D !important;
    margin-bottom: 14px !important;
}
.post:hover { border-color: #3D3D3D !important; }
.post-header .name a { color: #FFFFFF !important; font-weight: 700 !important; }
.post-text { color: #FFFFFF !important; }
.post-time, .privacy-icon, .comment-time { color: #8A8A8A !important; }
.post-actions { border-top: 1px solid #2D2D2D !important; }
.post-actions .action-btn { color: #B3B3B3 !important; font-weight: 600; }
.post-actions .action-btn:hover { background: rgba(255,255,255,0.04) !important; color: #E4572E !important; }
.post .post-stats { border-bottom-color: #2D2D2D !important; color: #B3B3B3 !important; }
.post .post-stats .fa, .post .post-stats .fas, .post .post-stats .far { color: #E4572E !important; }

/* --- CREATE POST --- */
.publisher,
.x-form.publisher.create-post {
    background: #1E1E1E !important;
    border: 1px solid #2D2D2D !important;
}
.publisher textarea,
.ql-editor {
    background: #252525 !important;
    color: #FFFFFF !important;
    border: 1px solid #2D2D2D !important;
}
.publisher textarea::placeholder,
.ql-editor.ql-blank::before { color: #8A8A8A !important; }
.create-actions { border-top-color: #2D2D2D !important; }
.create-actions > div { color: #B3B3B3 !important; }
.create-actions > div:hover { background: rgba(255,255,255,0.04) !important; }

/* --- BUTTONS --- */
.btn { font-weight: 600 !important; border-radius: 8px !important; transition: all 0.2s !important; }
.btn-primary {
    background: #E4572E !important;
    border: none !important;
    color: #FFFFFF !important;
}
.btn-primary:hover { background: #C94620 !important; }
.btn-light {
    background: #252525 !important;
    border: 1px solid #2D2D2D !important;
    color: #FFFFFF !important;
}
.btn-light:hover { background: #2D2D2D !important; }
.btn-outline-primary {
    border: 1.5px solid #E4572E !important;
    color: #E4572E !important;
    background: transparent !important;
}
.btn-outline-primary:hover { background: rgba(228,87,46,0.1) !important; }
.btn-custom-add { background: #E4572E !important; color: #fff !important; }
.btn-custom-add:hover { background: #C94620 !important; }

/* --- INPUTS --- */
.form-control {
    background: #252525 !important;
    border: 1px solid #2D2D2D !important;
    color: #FFFFFF !important;
}
.form-control:focus {
    border-color: #E4572E !important;
    box-shadow: 0 0 0 3px rgba(228,87,46,0.15) !important;
    background: #1E1E1E !important;
}
.form-control::placeholder { color: #8A8A8A !important; }
.form-label { color: #FFFFFF !important; font-weight: 600; }
.form-text { color: #8A8A8A !important; }

/* --- DROPDOWNS --- */
.dropdown-menu {
    background: #1E1E1E !important;
    border: 1px solid #2D2D2D !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.5) !important;
}
.dropdown-item { color: #B3B3B3 !important; font-weight: 500; }
.dropdown-item:hover { background: rgba(255,255,255,0.05) !important; color: #FFFFFF !important; }
.dropdown-divider { border-color: #2D2D2D !important; }

/* --- MODALS --- */
.modal-content { background: #1E1E1E !important; border: 1px solid #2D2D2D !important; }
.modal-header { border-bottom-color: #2D2D2D !important; color: #FFFFFF !important; }
.modal-footer { border-top-color: #2D2D2D !important; }

/* --- FOOTER --- */
.footer, .mini-footer {
    background: #18181B !important;
    border-top: 1px solid #2D2D2D !important;
    color: #8A8A8A !important;
}
.footer a { color: #B3B3B3 !important; }
.footer a:hover { color: #E4572E !important; }

/* --- MOBILE --- */
.mobile-header { background: #18181B !important; border-bottom: 1px solid #2D2D2D !important; }
.x-sidebar-fixed, .footer-bottom-bar {
    background: #18181B !important;
    border-top: 1px solid #2D2D2D !important;
}
.footer-bottom-bar-links > .link > a { color: #B3B3B3 !important; }
.footer-bottom-bar-links > .link.active > a > .title { color: #E4572E !important; font-weight: 700; }

/* --- QUICK LINKS --- */
.quick-links-wrapper { background: #1E1E1E !important; border: 1px solid #2D2D2D !important; }
.quick-link-item { background: #252525 !important; color: #B3B3B3 !important; }
.quick-link-item:hover { background: #2D2D2D !important; }
.quick-link-item .title { color: #FFFFFF !important; }
.quick-link-item .subtitle { color: #8A8A8A !important; }
.quick-link-item.active { background: #E4572E !important; }
.quick-link-item.active .title, .quick-link-item.active .subtitle { color: #fff !important; }
.quick-links-nav { background: #E4572E !important; color: #fff !important; }

/* --- RIGHT SIDEBAR --- */
.js_sticky-sidebar .card { background: #1E1E1E !important; border: 1px solid #2D2D2D !important; }
.js_sticky-sidebar .card-header { color: #FFFFFF !important; }
.js_sticky-sidebar .card-header .fa-user-plus { color: #E4572E !important; }
.js_sticky-sidebar .data-content .name a { color: #FFFFFF !important; font-weight: 700; }
.js_sticky-sidebar .data-content div { color: #8A8A8A !important; }

/* --- TABLES --- */
.table { color: #FFFFFF !important; }
.table thead th {
    border-bottom: 2px solid #2D2D2D !important;
    color: #8A8A8A !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 0.8rem;
}
.table td { border-bottom: 1px solid #2D2D2D !important; }

/* --- NAV TABS --- */
.nav-tabs { border-bottom: 2px solid #2D2D2D !important; }
.nav-tabs .nav-link { color: #B3B3B3 !important; font-weight: 600; }
.nav-tabs .nav-link.active {
    color: #E4572E !important;
    border-bottom: 2px solid #E4572E !important;
    background: transparent !important;
}

/* --- PAGINATION --- */
.page-link { background: #1E1E1E !important; border-color: #2D2D2D !important; color: #B3B3B3 !important; }
.page-link:hover { background: #252525 !important; color: #FFFFFF !important; }
.page-item.active .page-link { background: #E4572E !important; border-color: #E4572E !important; color: #fff !important; }

/* --- LINKS --- */
a { color: #E4572E !important; }
a:hover { color: #F0704A !important; }

/* --- ALERTS --- */
.alert { border-radius: 8px; padding: 12px 16px; font-weight: 500; }
.alert-info { background: rgba(139,92,246,0.1) !important; border: 1px solid rgba(139,92,246,0.2) !important; color: #A78BFA !important; }
.alert-success { background: rgba(34,197,94,0.1) !important; border: 1px solid rgba(34,197,94,0.2) !important; color: #4ADE80 !important; }
.alert-danger { background: rgba(239,68,68,0.1) !important; border: 1px solid rgba(239,68,68,0.2) !important; color: #F87171 !important; }
.alert-warning { background: rgba(245,158,11,0.1) !important; border: 1px solid rgba(245,158,11,0.2) !important; color: #FBBF24 !important; }

/* --- SCROLLBAR --- */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #121212; }
::-webkit-scrollbar-thumb { background: #2D2D2D; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #3D3D3D; }

/* --- CODE --- */
code { background: #252525 !important; color: #E4572E !important; border-radius: 4px; padding: 2px 6px; }
.zone-code { background: #0A0A0A !important; color: #58A6FF !important; }

/* --- LISTING CARD --- */
.listing-white-card { background: #1E1E1E !important; border-color: #2D2D2D !important; }

/* --- STAT PANELS --- */
.bg-gradient-blue { background: linear-gradient(135deg, #1E1E3A, #141428) !important; }
.bg-gradient-green { background: linear-gradient(135deg, #0D2E1A, #0A1A0D) !important; }

/* --- PUBLISHER TOGGLE --- */
#publisher-box .publisher-footer-options .slider.round { background-color: #3D3D3D !important; }
#publisher-box .publisher-footer-options .slider:before { background-color: #FFFFFF !important; }
#publisher-box .publisher-footer-options input:checked + .slider { background-color: #E4572E !important; }

/* --- ICONS --- */
.main-icon, .main-icon *, .x-form-tools { color: #E4572E !important; fill: #E4572E !important; }
.verified-badge svg path, .verified-badge svg circle, .verified-badge svg polygon, .verified-badge svg rect { fill: #E4572E !important; }
.content-tabs>ul>li.active>a { color: #E4572E !important; border-bottom-color: #E4572E !important; }

/* --- STORIES --- */
.card.stories-wrapper-container { background: transparent !important; }
.card.stories-wrapper-container .card-header { color: #FFFFFF !important; }
#stories .story:not(.seen) { box-shadow: 0 4px 15px rgba(228,87,46,0.2) !important; }
#stories .story .story-avatar { border-color: #2D2D2D !important; background: #1E1E1E; }
#stories .story .info .name { color: #fff !important; text-shadow: 0 1px 4px rgba(0,0,0,0.8); }
#stories .story .story-count { background: #E4572E !important; color: #fff !important; border-color: #1E1E1E !important; }
#stories .add-story { border-color: #2D2D2D !important; }
#stories .add-story .add { background: #1E1E1E !important; color: #E4572E; border-color: #E4572E !important; }

/* --- POST ACTIONS BAR --- */
.post-actions .pas-item { border-right-color: #2D2D2D !important; color: #B3B3B3 !important; }
.post-actions .pas-item i { color: #B3B3B3 !important; }

/* --- VERIFICATION BOX --- */
.verification-box { background: rgba(228,87,46,0.08) !important; border-color: rgba(228,87,46,0.2) !important; }
.verification-box code { background: #0A0A0A !important; color: #58A6FF !important; }

/* --- ROOT --- */
:root { --link-color: #E4572E; --plyr-color-main: #E4572E; }