@import url("../../prosilver/theme/stylesheet.css");

/* =========================================
   AdvisorHeads Customizations
   ========================================= */

/* Read topics = normal */
dl.row-item[class*="_read"] .topictitle {
    font-weight: 400;
    font-size: 1em;
}

dl.row-item[class*="_unread"] .topictitle {
    font-weight: 900;
    font-size: 1.1em;
    text-decoration: underline;
}
/* Green circle for forums with unread posts */
.forum_unread {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14' fill='%23e8f5ed' stroke='%23218c54' stroke-width='2'/%3E%3Cpath d='M9 10h14M9 13h14M9 16h14M9 19h14M9 22h10' stroke='%23218c54' stroke-width='1.4'/%3E%3C/svg%3E");
}
/* Unread topic icons: green, preserving stars and lock symbols */
.topic_unread {
    --unread-icon: url("/styles/prosilver/theme/images/topic_unread.gif");
}
.topic_unread_mine {
    --unread-icon: url("/styles/prosilver/theme/images/topic_unread_mine.gif");
}
.topic_unread_hot {
    --unread-icon: url("/styles/prosilver/theme/images/topic_unread_hot.gif");
}
.topic_unread_hot_mine {
    --unread-icon: url("/styles/prosilver/theme/images/topic_unread_hot_mine.gif");
}
.topic_unread_locked {
    --unread-icon: url("/styles/prosilver/theme/images/topic_unread_locked.gif");
}
.topic_unread_locked_mine {
    --unread-icon: url("/styles/prosilver/theme/images/topic_unread_locked_mine.gif");
}

dl.row-item[class*="topic_unread"] {
    position: relative;
    background-image: none !important;
}

dl.row-item[class*="topic_unread"]::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background: var(--unread-icon) center / 32px no-repeat;
    filter: hue-rotate(150deg);
    pointer-events: none;
}

/* Small unread-post symbol beside the topic title */
a.unread .icon {
    color: #218c54 !important;
}

/* Orange only when an unread-count badge is visible */
#notification_list_button:has(.badge:not(.hidden)) .fa-bell,
#nav-main a:has(.badge:not(.hidden)) .fa-inbox {
    color: #d96b08 !important;
}

/* Notification and private-message number badges: orange */
#nav-main .badge {
    background-color: #d96b08;
    color: #ffffff;
}
/* Small unread-post link icon: orange */
a.unread .icon,
a.icon-link .icon.icon-red {
    color: #d96b08 !important;
}
/* Read post: blue */
.post:not(.unreadpost) .author a.unread .icon {
    color: #105289 !important;
}

/* Unread post: orange */
.post.unreadpost .author a.unread .icon {
    color: #d96b08 !important;
}
/* Quick links: New posts = green */
#quick-links a[href*="search_id=newposts"] .icon {
    color: #218c54 !important;
}

/* Quick links: Unread posts = orange */
#quick-links a[href*="search_id=unreadposts"] .icon {
    color: #d96b08 !important;
}
/* Unread post icon: orange */
body.section-viewtopic .post .author .icon.icon-red {
    color: #d96b08 !important;
}

/* Read post icon: blue */
body.section-viewtopic .post .author .icon.icon-lightgray {
    color: #105289 !important;
}
/* Append to styles/AdvisorHeads/theme/stylesheet.css */
/* The extension compensates image colors for its page inversion.
   Keep that filter intact; only restore opacity for our branding. */
:root.darkmode img.header-banner,
:root.darkmode .forum-image img {
    opacity: 1 !important;
}

/* Use the navy banner only when the dark-mode toggle is active. */
:root.darkmode img.header-banner {
    content: url("/images/banners/advisorheads-banner-dark.png");
}
/* =========================================
   Custom forum images as unread indicators
   ========================================= */

/* Hide the standard circle when a custom forum image exists */
.forabg dl.row-item:has(.forum-image img) {
    background-image: none !important;
}

/* Remove the space previously reserved for the circle */
.forabg dl.row-item:has(.forum-image img) dt .list-inner {
    margin-left: 0 !important;
}

/* Keep the image and its glow together */
.forabg .forum-image {
    display: inline-block;
    overflow: visible;
}

/* Read forums: normal image */
.forabg dl.row-item[class*="forum_read"] .forum-image {
    filter: none;
}

/* Unread forums: orange outline and glow */
.forabg dl.row-item[class*="forum_unread"] .forum-image {
    filter:
        drop-shadow(1px 0 0 #d96b08)
        drop-shadow(-1px 0 0 #d96b08)
        drop-shadow(0 1px 0 #d96b08)
        drop-shadow(0 -1px 0 #d96b08)
        drop-shadow(0 0 4px #d96b08);
}