/* ========================================
   TIMELINE DARK MODE ONLY - SEPARATE FILE
   DO NOT EMBED IN dark.css
   ======================================== */

/* ========================================
   PURPLE STROKE - RED MARKED SECTIONS
   ======================================== */

/* Navigation tabs - purple stroke */
.wo_user_profile .section-navigation {
    background: #1a1f28 !important;
    box-shadow: 0 0 40px 0 rgba(97, 93, 250, 0.15), 0 0 0 2px rgba(97, 93, 250, 0.3) !important;
}

/* Publisher box action icons - purple stroke */
.publisher-box .publisher-box-footer .pub-footer-bottom {
    box-shadow: 0 0 40px 0 rgba(97, 93, 250, 0.15), 0 0 0 2px rgba(97, 93, 250, 0.3) !important;
}

/* Post header - purple stroke */
.post .post-heading {
    box-shadow: 0 0 40px 0 rgba(97, 93, 250, 0.15), 0 0 0 2px rgba(97, 93, 250, 0.3) !important;
}

/* ========================================
   DARK MODE - GREEN MARKED SECTIONS
   ======================================== */

/* Profile header card - dark background with purple stroke */
.wo_user_profile .card.hovercard {
    background: #1a1f28 !important;
    box-shadow: 0 0 40px 0 rgba(97, 93, 250, 0.15), 0 0 0 2px rgba(97, 93, 250, 0.3) !important;
}

/* Profile info container - dark background */
.wo_user_profile .pic-info-cont,
.wo_user_profile .pic-info-cont::before {
    background: #1a1f28 !important;
}

/* Stats panel - dark mode */
.wo_user_profile .user-stats {
    background: transparent !important;
}

.wo_user_profile .user-stat .user-stat-title {
    color: #fff !important;
    font-weight: 700 !important;
}

.wo_user_profile .user-stat .user-stat-text {
    color: #9aa4bf !important;
    text-transform: uppercase !important;
}

/* Stats divider */
.wo_user_profile .user-stats .user-stat::after {
    background-color: #3e3f5e !important;
}

/* Navigation tab items - light text */
.wo_user_profile .section-menu-item {
    color: #9aa4bf !important;
}

.wo_user_profile .section-menu-item.active,
.wo_user_profile .section-menu-item:hover {
    color: #fff !important;
}

/* Profile username - white */
.wo_user_profile .pic-info-cont .info .title a {
    color: #fff !important;
}

/* Profile URL - light grey */
.wo_user_profile .pic-info-cont .info > p,
.wo_user_profile .pic-info-cont .info > p a {
    color: #9aa4bf !important;
}

/* Edit & Activities buttons - dark mode */
.wo_user_profile .profile-edit-btn,
.wo_user_profile .profile-activity-btn {
    background: #21283b !important;
    color: #fff !important;
    border-color: #3e3f5e !important;
}

.wo_user_profile .profile-edit-btn:hover,
.wo_user_profile .profile-activity-btn:hover {
    background: #2d3548 !important;
}

/* Search box - dark mode with purple stroke */
.wo_user_profile .search-container,
.wo_user_profile .search-container input {
    background: #21283b !important;
    color: #fff !important;
    border-color: #3e3f5e !important;
}

.wo_user_profile .search-container {
    box-shadow: 0 0 40px 0 rgba(97, 93, 250, 0.15), 0 0 0 2px rgba(97, 93, 250, 0.3) !important;
}

/* Publisher box - dark background */
.publisher-box {
    background: #1a1f28 !important;
    box-shadow: 0 0 40px 0 rgba(97, 93, 250, 0.15), 0 0 0 2px rgba(97, 93, 250, 0.3) !important;
}

.publisher-box textarea,
.publisher-box input {
    background: #21283b !important;
    color: #fff !important;
    border-color: #3e3f5e !important;
}

/* Publisher box footer icons - dark mode */
.publisher-box .publisher-box-footer .pub-footer-bottom {
    background: #21283b !important;
}

/* Post container - dark background with purple stroke */
.post {
    background: #1a1f28 !important;
    box-shadow: 0 0 40px 0 rgba(97, 93, 250, 0.15), 0 0 0 2px rgba(97, 93, 250, 0.3) !important;
}

/* Post heading - dark background */
.post .post-heading {
    background: #21283b !important;
}

.post .post-heading .meta .title a,
.post .post-heading .meta .title span {
    color: #fff !important;
}