/* PeepSo overrides – Weighless */

/* Navbar and basic chrome */
.ps-navbar {
    background-color: #4F86C6 !important;
}

.ps-navbar a {
    color: black !important;
}

.ps-post {
    --bg: #f5f5f5;
}

.ps-notif__bubble {
    background-color: #D21D2F !important;
}

.ps-focus__cover-actions {
    display: none;
}

.ps-toolbar__menu,
.ps-focus__details {
    display: none;

}/* Comments and tags in PeepSo */
.ps-comment__content a {
    color: #2648FF;
}
.ps-comment__content a:hover {
    color: #ccc;
}

a.ps-tag__link {
    color: #D21D2F;
}

/* Primary PeepSo buttons using pso- namespace (e.g., Publish) */
.peepso .pso-btn.pso-btn--primary {
    background-color: #EE3224 !important;
    border-color: #EE3224 !important;
    color: #ffffff !important;
}

.peepso .pso-btn.pso-btn--primary:hover {
    background-color: #c3291d !important;
    border-color: #c3291d !important;
}

/* Notification bubble badge */
.peepso .pso-badge.pso-badge--primary {
    background-color: #EE3224 !important;
    border-color: #EE3224 !important;
    color: #ffffff !important;
}

/* Legacy PeepSo buttons using ps- namespace */
.peepso .ps-btn,
.peepso .ps-button,
.peepso .ps-button--primary,
.peepso .ps-stream-actions .ps-button {
    background-color: #EE3224;
    border-color: #EE3224;
    color: #ffffff;
}

.peepso .ps-btn:hover,
.peepso .ps-button:hover,
.peepso .ps-button--primary:hover,
.peepso .ps-stream-actions .ps-button:hover {
    background-color: #c3291d;
    border-color: #c3291d;
}

/* Content links and hashtags only (not meta like '1 person likes this') */
.peepso .ps-post__content a:not(.ps-tag__link),
.peepso .ps-comment__content a:not(.ps-tag__link),.peepso .ps-hashtag,
.peepso .ps-hashtag a {
    color: #1C3F94;
    font-weight: 600;
}

.peepso .ps-post__content a:hover,
.peepso .ps-comment__content a:hover,
.peepso .ps-hashtag a:hover {
    color: #132a63;
  
}
/* Profile tags / @mentions – keep these red */
.peepso .ps-post__content a.ps-tag__link,
.peepso .ps-comment__content a.ps-tag__link {
    color: #EE3224;
    font-weight: 600;
}

.peepso .ps-post__content a.ps-tag__link:hover,
.peepso .ps-comment__content a.ps-tag__link:hover {
    color: #c3291d;
}
/* Post-type chooser icons (Photo / Audio / Video / Background) */
.peepso .pso-postbox__type i,
.peepso .pso-postbox__type span {
    color: #333333;
}

.peepso .pso-postbox__type:hover i,
.peepso .pso-postbox__type:hover span,
.peepso .pso-postbox__type:focus i,
.peepso .pso-postbox__type:focus span {
    color: #111111;
}
/* Active group menu item (icon + text) – e.g., Stream */
.peepso .ps-focus__menu-item--active,
.peepso .ps-focus__menu-item.active,
.peepso .ps-focus__menu-item--active i,
.peepso .ps-focus__menu-item.active i,
.peepso .ps-focus__menu-item--active span,
.peepso .ps-focus__menu-item.active span {
    color: #EE3224;
}

/* Activity/Stream icon (bars-staggered) – neutral */
.peepso i.pso-i-bars-staggered {
    color: #333333;
}
/* Group header tabs – change orange indicator + active color */
.peepso .ps-focus__menu {
    --color-indicator: #EE3224 !important;
}
/* Underline/indicator for active group header tab */
.peepso .ps-focus__menu-item--active {
    border-color: #EE3224;
}
/* Top navbar tabs – active underline and accent */
.peepso .pso-navbar__tab.pso-active {
    border-color: #EE3224;
    border-bottom-color: #EE3224;
}

/* Just in case it uses a bottom border only */
.peepso .pso-navbar__tab.pso-active .pso-navbar__link {
    border-color: #EE3224;
    border-bottom-color: #EE3224;
}
