/* Forum Display CSS - Fixed version */

/* Container styling */
.forumlist-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
    padding: 0;
}

.forumlist-multipage {
    font-family: var(--main-font);
    font-size: 11px;
    color: var(--color-main);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.forumlist-multipage a {
    color: var(--color-main);
    text-decoration: none;
    padding: 4px 8px;
    margin: 0 2px;
    transition: all 0.3s ease;
    position: relative;
}

.forumlist-multipage a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background: var(--color-accent2);
    transition: width 0.3s ease;
}

.forumlist-multipage a:hover {
    color: var(--color-accent2);
    transform: translateX(2px);
}

.forumlist-multipage a:hover::after {
    width: 100%;
}

.forumlist-newthread a { background: var(--color-accent1); color: var(--color-main); padding: 8px 20px; font-size: 12px; margin-bottom: 8px; margin-top: 0; display: block; width: fit-content; font-family: var(--main-font); text-transform: uppercase; font-weight: 700; position: relative; overflow: hidden; cursor: pointer; text-decoration: none; letter-spacing: 0.5px; z-index: 1; /* keeps text above overlay */ } .forumlist-newthread a::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: var(--color-main); transition: left 0.4s ease; z-index: -1; /* send overlay behind text */ } .forumlist-newthread a:hover::before { left: 0; } .forumlist-newthread a:hover { color: var(--color-accent1); }



/* Thread list container */
.threadlist-bit {
    background: var(--div-bg);
    margin-bottom: 20px;
}

/* All links in the thread list should use main font and proper hover */
.threadlist-bit a {
    font-family: var(--main-font);
    color: var(--color-main);
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
}

.threadlist-bit a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background: var(--color-accent2);
    transition: width 0.3s ease;
}

.threadlist-bit a:hover {
    color: var(--color-accent2);
    transform: translateX(2px);
}

.threadlist-bit a:hover::after {
    width: 100%;
}

/* Header row */
.threadlist-inner {
    display: grid;
    grid-template-columns: 50px 1fr 80px 80px 200px 50px;
    gap: 15px;
    padding: 15px 20px;
    background: var(--div-bg);
    border-bottom: 1px solid var(--line1);
    align-items: center;
}

.threadlist-inner .subject {
    font-family: var(--main-font);
    font-size: 12px;
    font-weight: 700;
    color: var(--color-main);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.threadlist-inner .replies,
.threadlist-inner .views,
.threadlist-inner .lastpost {
    font-family: var(--main-font);
    font-size: 11px;
    font-weight: 600;
    color: var(--color-main);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: center;
}

.threadlist-inner .replies a,
.threadlist-inner .views a,
.threadlist-inner .lastpost a {
    color: var(--color-main);
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
}

.threadlist-inner .replies a::after,
.threadlist-inner .views a::after,
.threadlist-inner .lastpost a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background: var(--color-accent2);
    transition: width 0.3s ease;
}

.threadlist-inner .replies a:hover,
.threadlist-inner .views a:hover,
.threadlist-inner .lastpost a:hover {
    color: var(--color-accent2);
    transform: translateX(2px);
}

.threadlist-inner .replies a:hover::after,
.threadlist-inner .views a:hover::after,
.threadlist-inner .lastpost a:hover::after {
    width: 100%;
}

.threadlist-inner .replies i,
.threadlist-inner .views i {
    color: var(--color-accent2);
    margin-right: 5px;
    font-size: 12px;
}

.threadlist-inner .inlinemodcol {
    text-align: center;
}

/* Forum moderation section */
.forumlist_moderation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
    padding: 20px 0;
    border-top: 1px solid var(--line1);
}

.forumlist_moderation select,
.forumlist_moderation input {
    background: var(--div-bg);
    border: 1px solid var(--line1);
    color: var(--color-main);
    font-family: var(--main-font);
    font-size: 11px;
    padding: 8px 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.forumlist_moderation input[type="submit"],
.forumlist_moderation input[type="button"] {
    background: var(--color-accent1);
    color: var(--color-main);
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.forumlist_moderation input[type="submit"]::before,
.forumlist_moderation input[type="button"]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: var(--color-main);
    transition: left 0.4s ease;
    z-index: 0;
}

.forumlist_moderation input[type="submit"]:hover::before,
.forumlist_moderation input[type="button"]:hover::before {
    left: 0;
}

.forumlist_moderation input[type="submit"]:hover,
.forumlist_moderation input[type="button"]:hover {
    color: var(--color-accent2);
}

/* Sticky separator - Simple headline, not hoverable */
.sticky-sep {
    font-family: var(--main-font);
    font-size: 12px;
    font-weight: 700;
    color: var(--color-main);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 20px 0 10px 0;
    padding: 8px 0;
    border-bottom: 1px solid var(--line1);
}

/* Responsive adjustments */
@media screen and (max-width: 1024px) {
    .threadlist-inner {
        grid-template-columns: 40px 1fr 60px 60px 150px 40px;
        gap: 10px;
        padding: 12px 15px;
    }
    
    .forumlist_moderation {
        flex-direction: column;
        gap: 15px;
    }
}

@media screen and (max-width: 767px) {
    .threadlist-inner {
        grid-template-columns: 1fr 60px 60px 40px;
        gap: 8px;
        padding: 10px 12px;
    }
    
    .threadlist-inner .subject:first-child {
        display: none;
    }
    
    .threadlist-inner .lastpost {
        display: none;
    }
    
    .forumlist-container {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }
}

@media screen and (max-width: 479px) {
    .threadlist-inner {
        grid-template-columns: 1fr 50px 30px;
        gap: 5px;
        padding: 8px 10px;
    }
    
    .threadlist-inner .views {
        display: none;
    }
}


.trigger-warning {
    color: var(--color-main);
margin-top:10px;
	font-family: var(--main-font);
}

.thread-details {
    color: var(--color-main);
margin-top:10px;
	font-family: var(--main-font);
}