/* FixWin Recent Topics Time to Read */

.fixwin-rtt-line {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.15;
    clear: none;
}

.fixwin-rtt {
    display: inline !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0;
    white-space: nowrap;
    line-height: inherit;
    vertical-align: baseline;
}

.fixwin-rtt::before,
.fixwin-rtt::after {
    content: none !important;
}

/*
 * Compatibility with senky/timetoread:
 * That extension also uses the global topiclist_row_append event and prints:
 * <div>&nbsp;&raquo; {{ topicrow.TIME_TO_READ }}</div>
 * In avathar/recenttopics the active loop is recent_topics, not topicrow,
 * so its TIME_TO_READ is empty and only a standalone » remains.
 * The selector below hides only that immediate empty compatibility line
 * when it appears directly after our FixWin reading-time line.
 */
.fixwin-rtt-line + div {
    display: none !important;
}

.fixwin-rtt-prefix,
.fixwin-rtt-icon,
.fixwin-rtt-text {
    display: none !important;
}

.fixwin-rtt-theme-badge,
.fixwin-rtt-theme-rounded {
    padding: 1px 6px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.06);
}

.fixwin-rtt-theme-modern::before {
    content: "" !important;
    width: 0.45em;
    height: 0.45em;
    border-radius: 50%;
    background: currentColor;
    display: inline-block;
    opacity: 0.75;
    margin-inline-end: 0.25em;
    vertical-align: middle;
}


/* Optional reading-length classification colors. */
.fixwin-rtt.fixwin-rtt-length-short {
    color: #22863a !important;
}

.fixwin-rtt.fixwin-rtt-length-medium {
    color: #b08800 !important;
}

.fixwin-rtt.fixwin-rtt-length-long {
    color: #d73a49 !important;
}

.fixwin-rtt-classification {
    white-space: nowrap;
}

@media (max-width: 700px) {
    .fixwin-rtt-line {
        display: block !important;
        margin-top: 0 !important;
    }

    .fixwin-rtt {
        display: inline !important;
        white-space: nowrap;
    }
}

/* Search user topics: keep reading time on the topic author metadata line. */
.fixwin-rtt-search-inline {
    display: inline;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    line-height: inherit;
    vertical-align: baseline;
    unicode-bidi: isolate;
}

.fixwin-rtt-search-inline .fixwin-rtt {
    display: inline !important;
    line-height: inherit;
    vertical-align: baseline;
}

/* Search user topics responsive output.
 * Desktop output is injected on the author metadata line.
 * Mobile output is injected inside the always-visible list-inner area,
 * immediately after the topic title. CSS alone switches between them. */
.fixwin-rtt-search-mobile {
    display: none;
}

@media (max-width: 700px) {
    .fixwin-rtt-search-inline {
        display: none !important;
    }

    .fixwin-rtt-search-mobile {
        display: block;
        clear: both;
        margin: 2px 0 0;
        padding: 0;
        line-height: 1.25;
        text-align: start;
        unicode-bidi: isolate;
    }

    .fixwin-rtt-search-mobile .fixwin-rtt {
        display: inline !important;
        white-space: nowrap;
        line-height: inherit;
        vertical-align: baseline;
    }
}

/* Who Visited This Topic profile integration. */
.fixwin-rtt-who-visited {
    display: block !important;
    margin-top: 1px !important;
    text-align: start;
    unicode-bidi: isolate;
}