/*
Theme Name: Nexus
Theme URI: https://codecanyon.net/
Author: Kodecraft
Author URI: https://kodecraft.io
Description: Nexus is the most feature-rich social network WordPress theme. Build your own social community with activity feeds, profiles, stories, groups, messaging, marketplace, events, reels, albums, gamification, verified badges, paid memberships, business pages, social login, and more — all without any external plugins.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: Envato Regular / Extended License
License URI: https://codecanyon.net/licenses/standard
Text Domain: nexus
Tags: social-network, community, buddypress-alternative, activity-feed, messaging, groups, marketplace, stories, profiles, mobile-friendly
*/

/* =========================================
   CSS CUSTOM PROPERTIES (Design Tokens)
   ========================================= */
:root {
    /* Brand Colors */
    --nx-primary: #1877F2;
    --nx-primary-dark: #1565d8;
    --nx-primary-light: #e7f0fd;
    --nx-secondary: #42b883;
    --nx-accent: #f02849;

    /* Reaction Colors */
    --nx-like: #1877F2;
    --nx-love: #f33e58;
    --nx-haha: #f7b125;
    --nx-wow: #f7b125;
    --nx-sad: #f7b125;
    --nx-angry: #e9710f;

    /* Neutrals */
    --nx-white: #ffffff;
    --nx-bg: #f0f2f5;
    --nx-bg-secondary: #f7f8fa;
    --nx-card: #ffffff;
    --nx-border: #dce1e7;
    --nx-border-light: #f0f2f5;

    /* Text */
    --nx-text-primary: #050505;
    --nx-text-secondary: #65676b;
    --nx-text-muted: #8a8d91;
    --nx-text-link: #1877F2;

    /* Shadows */
    --nx-shadow-sm: 0 1px 2px rgba(0,0,0,0.1);
    --nx-shadow: 0 2px 8px rgba(0,0,0,0.08);
    --nx-shadow-md: 0 4px 16px rgba(0,0,0,0.12);
    --nx-shadow-lg: 0 8px 32px rgba(0,0,0,0.16);

    /* Radius */
    --nx-radius-sm: 6px;
    --nx-radius: 10px;
    --nx-radius-lg: 16px;
    --nx-radius-xl: 24px;
    --nx-radius-full: 9999px;

    /* Spacing */
    --nx-spacing-xs: 4px;
    --nx-spacing-sm: 8px;
    --nx-spacing-md: 16px;
    --nx-spacing-lg: 24px;
    --nx-spacing-xl: 32px;

    /* Layout */
    --nx-topbar-height: 56px;
    --nx-sidebar-left-width: 240px;
    --nx-sidebar-right-width: 290px;
    --nx-content-max: 680px;

    /* Transitions */
    --nx-transition: 0.2s ease;
    --nx-transition-slow: 0.35s ease;

    /* Z-index layers */
    --nx-z-dropdown: 100;
    --nx-z-sidebar: 200;
    --nx-z-modal: 300;
    --nx-z-topbar: 400;
    --nx-z-toast: 500;
}

/* Dark Mode */
[data-theme="dark"] {
    --nx-bg: #18191a;
    --nx-bg-secondary: #242526;
    --nx-card: #242526;
    --nx-border: #3a3b3c;
    --nx-border-light: #3a3b3c;
    --nx-text-primary: #e4e6eb;
    --nx-text-secondary: #b0b3b8;
    --nx-text-muted: #8a8d91;
    --nx-text-link: #4a9eff;
    --nx-primary-light: #263a52;
    --nx-white: #242526;
    --nx-shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
    --nx-shadow: 0 2px 8px rgba(0,0,0,0.3);
    --nx-shadow-md: 0 4px 16px rgba(0,0,0,0.4);
    --nx-shadow-lg: 0 8px 32px rgba(0,0,0,0.5);
    --nx-online-color: #42b883;
    --nx-bg-card: #242526;
    --nx-card-bg: #242526;
    --nx-hover-bg: #3a3b3c;
    --nx-text: #e4e6eb;
    --nx-text-muted: #b0b3b8;
    --nx-border: #3a3b3c;
}


/* ── Stories bar ── */
.nx-stories-wrapper {
    background: #ffffff !important;
    border: 1px solid #e0e2e7 !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 2px rgba(0,0,0,.08) !important;
    padding: 12px 16px !important;
}
[data-theme="dark"] .nx-stories-wrapper {
    background: #242526 !important;
    border-color: #3a3b3c !important;
}
.nx-story-add-card {
    background: #ffffff;
    border-color: #c8cdd5 !important;
    box-shadow: 0 1px 4px rgba(0,0,0,.10);
}

/* Stories bar — dark mode */
[data-theme="dark"] .nx-story-add-card   { background: #3a3b3c; border-color: #4a4b4c; }
[data-theme="dark"] .nx-story-add-label  { color: #e4e6eb; }
[data-theme="dark"] .nx-story-card       { background: #18191a; }
[data-theme="dark"] .nx-stories-nav-btn  { background: #3a3b3c; border-color: #4a4b4c; color: #e4e6eb; }