/**********************************************************************
 LUCIFER'S CORNER FORUM FRAMEWORK v5.0
 Forum Components
**********************************************************************/

/*==============================================================
BBPRESS PAGE ADJUSTMENTS
==============================================================*/

.bbpress .entry-title,
.single-forum .entry-title,
.single-topic .entry-title{
    display:none;
}

/* SECTION 2 : LAYOUT ENGINE */

.lc-forum-layout{
    display:grid;
    grid-template-columns:75% 25%;
    gap:40px;
    align-items:start;
    max-width:1600px;
    margin:0 auto;
    padding:40px 24px;
}

.lc-forum-main{
    display:flex;
    flex-direction:column;
    gap:36px;
    min-width:0;
}

.lc-forum-sidebar{
    position:sticky;
    top:30px;
    align-self:start;
}

/*==============================================================
SECTION 3
PREMIUM FORUM HERO
==============================================================*/

/*--------------------------------------------------------------
HERO CONTAINER
--------------------------------------------------------------*/

.lc-forum-hero{

    display:flex;

    flex-direction:column;

    gap:36px;

    padding:48px;

    background:linear-gradient(
        180deg,
        #141414 0%,
        #0d0d0d 100%
    );

    border:1px solid rgba(255,255,255,.06);

    border-radius:24px;

    box-shadow:
        0 25px 60px rgba(0,0,0,.45);

}

/*--------------------------------------------------------------
TOP ROW
--------------------------------------------------------------*/

.lc-forum-hero-top{

    display:grid;

    grid-template-columns:120px 1fr auto;

    align-items:center;

    gap:32px;

}

/*--------------------------------------------------------------
ICON
--------------------------------------------------------------*/

.lc-forum-icon{

    width:120px;

    height:120px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#181818;

    border:2px solid rgba(210,30,30,.30);

    border-radius:50%;

    overflow:hidden;

}

.lc-forum-icon img{

    width:72px;

    height:72px;

    object-fit:contain;

}

/*--------------------------------------------------------------
HEADING
--------------------------------------------------------------*/

.lc-forum-heading{

    min-width:0;

}

.lc-forum-title{

    margin:0;

    font-size:56px;

    font-weight:800;

    line-height:1;

    color:#fff;

    letter-spacing:-1px;

}

.lc-forum-description{

    margin-top:18px;

    max-width:850px;

    color:#c8c8c8;

    font-size:18px;

    line-height:1.8;

}

/*--------------------------------------------------------------
ACTION AREA
--------------------------------------------------------------*/

.lc-forum-actions{

    display:flex;

    justify-content:flex-end;

    align-items:center;

}

.lc-new-topic{

    display:inline-flex;

    justify-content:center;

    align-items:center;

    padding:18px 34px;

    background:#d32121;

    color:#fff;

    border-radius:14px;

    font-size:18px;

    font-weight:700;

    transition:.25s;

}

.lc-new-topic:hover{

    background:#ef2f2f;

    transform:translateY(-2px);

}/*==============================================================
SECTION 4
FORUM STATISTICS
==============================================================*/

/*--------------------------------------------------------------
STAT GRID
--------------------------------------------------------------*/

.lc-forum-stats{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:24px;

}

/*--------------------------------------------------------------
STAT CARD
--------------------------------------------------------------*/

.lc-stat-card{

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    min-height:180px;

    padding:30px;

    background:linear-gradient(
        180deg,
        #181818,
        #111111
    );

    border:1px solid rgba(255,255,255,.06);

    border-radius:18px;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;

}

.lc-stat-card:hover{

    transform:translateY(-4px);

    border-color:#d32121;

    box-shadow:
        0 0 24px rgba(211,33,33,.20);

}

/*--------------------------------------------------------------
NUMBER
--------------------------------------------------------------*/

.lc-stat-number{

    display:block;

    margin:0;

    color:#ffffff;

    font-size:58px;

    font-weight:800;

    line-height:1;

}

/*--------------------------------------------------------------
LABEL
--------------------------------------------------------------*/

.lc-stat-label{

    margin-top:16px;

    color:#888;

    font-size:13px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

}

/*--------------------------------------------------------------
LATEST ACTIVITY
--------------------------------------------------------------*/

.lc-stat-value{

    margin-top:16px;

    color:#d32121;

    font-size:32px;

    font-weight:700;

    line-height:1.2;

    text-align:center;

}

.lc-stat-value a{

    color:#d32121;

    text-decoration:none;

}

.lc-stat-value a:hover{

    color:#ff4a4a;

}/*==============================================================
SECTION 5
PREMIUM TOPIC LIST
==============================================================*/

/*--------------------------------------------------------------
TOPIC WRAPPER
--------------------------------------------------------------*/

.lc-topic-section{

    display:flex;

    flex-direction:column;

    gap:20px;

}

/*--------------------------------------------------------------
REMOVE DEFAULT BBPRESS TABLE LOOK
--------------------------------------------------------------*/

#bbpress-forums ul.bbp-topics{

    margin:0;

    padding:0;

    list-style:none;

    background:none;

    border:none;

}

#bbpress-forums li.bbp-header{

    display:none;

}

/*--------------------------------------------------------------
TOPIC CARD
--------------------------------------------------------------*/

#bbpress-forums li.bbp-topic{

    display:grid;

    grid-template-columns:1fr 110px 110px 240px;

    align-items:center;

    gap:28px;

    margin-bottom:18px;

    padding:28px;

    background:linear-gradient(
        180deg,
        #171717,
        #101010
    );

    border:1px solid rgba(255,255,255,.06);

    border-radius:18px;

    transition:
        transform .25s,
        border-color .25s,
        box-shadow .25s;

}

#bbpress-forums li.bbp-topic:hover{

    transform:translateY(-3px);

    border-color:#d32121;

    box-shadow:
        0 0 28px rgba(211,33,33,.18);

}

/*--------------------------------------------------------------
TITLE
--------------------------------------------------------------*/

.bbp-topic-title{

    margin:0;

}

.bbp-topic-title a{

    color:#ffffff;

    font-size:24px;

    font-weight:700;

    text-decoration:none;

}

.bbp-topic-title a:hover{

    color:#ff4545;

}

/*--------------------------------------------------------------
META
--------------------------------------------------------------*/

.bbp-topic-meta{

    margin-top:10px;

    color:#888;

    font-size:14px;

}

.bbp-topic-meta a{

    color:#999;

}

.bbp-topic-meta a:hover{

    color:#ff4a4a;

}

/*--------------------------------------------------------------
REPLIES
--------------------------------------------------------------*/

.bbp-topic-reply-count,
.bbp-topic-voice-count{

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

}

.bbp-topic-reply-count{

    font-size:34px;

    font-weight:800;

    color:#fff;

}

.bbp-topic-voice-count{

    font-size:34px;

    font-weight:800;

    color:#fff;

}

/*--------------------------------------------------------------
FRESHNESS
--------------------------------------------------------------*/

.bbp-topic-freshness{

    text-align:right;

    font-size:15px;

    color:#999;

}

.bbp-topic-freshness a{

    color:#fff;

}

.bbp-topic-freshness a:hover{

    color:#ff4a4a;

}

/*--------------------------------------------------------------
PINNED
--------------------------------------------------------------*/

.super-sticky{

    border-left:5px solid #ff9800;

}

.sticky{

    border-left:5px solid #d32121;

}/*==============================================================
SECTION 6
PREMIUM SIDEBAR
==============================================================*/

/*--------------------------------------------------------------
SIDEBAR
--------------------------------------------------------------*/

.lc-forum-sidebar{

    display:flex;

    flex-direction:column;

    gap:28px;

}

/*--------------------------------------------------------------
PANEL
--------------------------------------------------------------*/

.lc-sidebar-panel{

    background:linear-gradient(
        180deg,
        #181818,
        #101010
    );

    border:1px solid rgba(255,255,255,.06);

    border-radius:18px;

    overflow:hidden;

    transition:
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;

}

.lc-sidebar-panel:hover{

    transform:translateY(-3px);

    border-color:#d32121;

    box-shadow:
        0 0 24px rgba(211,33,33,.18);

}

/*--------------------------------------------------------------
TITLE
--------------------------------------------------------------*/

.lc-sidebar-title{

    margin:0;

    padding:22px 26px;

    background:#1b1b1b;

    border-bottom:1px solid rgba(255,255,255,.05);

    color:#fff;

    font-size:30px;

    font-weight:700;

}

/*--------------------------------------------------------------
BODY
--------------------------------------------------------------*/

.lc-sidebar-content{

    padding:22px 26px;

}

/*--------------------------------------------------------------
LIST
--------------------------------------------------------------*/

.lc-sidebar-list{

    margin:0;

    padding:0;

    list-style:none;

}

.lc-sidebar-list li{

    padding:16px 0;

    border-bottom:1px solid rgba(255,255,255,.05);

    color:#d5d5d5;

    font-size:16px;

    line-height:1.7;

}

.lc-sidebar-list li:last-child{

    border-bottom:none;

}

/*--------------------------------------------------------------
LINKS
--------------------------------------------------------------*/

.lc-sidebar-panel a{

    color:#ffffff;

    text-decoration:none;

    transition:color .20s ease;

}

.lc-sidebar-panel a:hover{

    color:#ff4a4a;

}/*==============================================================
SECTION 7
RESPONSIVE DESIGN
==============================================================*/

/*--------------------------------------------------------------
LAPTOP
--------------------------------------------------------------*/

@media (max-width:1400px){

    .lc-forum-layout{

        grid-template-columns:minmax(0,1fr) 320px;

    }

    .lc-forum-title{

        font-size:46px;

    }

}

/*--------------------------------------------------------------
TABLET
--------------------------------------------------------------*/

@media (max-width:1100px){

    .lc-forum-layout{

        grid-template-columns:1fr;

    }

    .lc-forum-sidebar{

        order:2;

        position:relative;

        top:auto;

    }

    .lc-forum-main{

        order:1;

    }

    .lc-forum-hero-top{

        grid-template-columns:1fr;

        text-align:center;

        gap:28px;

    }

    .lc-forum-actions{

        justify-content:center;

    }

    .lc-forum-stats{

        grid-template-columns:repeat(3,1fr);

    }

    #bbpress-forums li.bbp-topic{

        grid-template-columns:1fr;

        text-align:left;

        gap:18px;

    }

    .bbp-topic-freshness{

        text-align:left;

    }

}

/*--------------------------------------------------------------
PHONE
--------------------------------------------------------------*/

@media (max-width:768px){

    .lc-forum-hero{

        padding:28px;

    }

    .lc-forum-title{

        font-size:34px;

    }

    .lc-forum-description{

        font-size:16px;

    }

    .lc-forum-icon{

        width:90px;

        height:90px;

    }

    .lc-forum-icon img{

        width:56px;

        height:56px;

    }

    .lc-forum-stats{

        grid-template-columns:1fr;

    }

    .lc-sidebar-title{

        font-size:24px;

    }

    #bbpress-forums li.bbp-topic{

        padding:20px;

    }

}/*==============================================================
SECTION 9
BUTTONS & PAGINATION
==============================================================*/

/*--------------------------------------------------------------
PRIMARY BUTTONS
--------------------------------------------------------------*/

.lc-btn,
#bbpress-forums .button,
#bbpress-forums input[type="submit"]{

    display:inline-flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    padding:16px 30px;

    background:linear-gradient(
        180deg,
        #d32121,
        #991515
    );

    border:none;

    border-radius:14px;

    color:#fff;

    font-size:16px;

    font-weight:700;

    text-decoration:none;

    cursor:pointer;

    transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;

}

.lc-btn:hover,
#bbpress-forums .button:hover,
#bbpress-forums input[type="submit"]:hover{

    transform:translateY(-2px);

    box-shadow:
        0 0 24px rgba(211,33,33,.30);

}

/*--------------------------------------------------------------
PAGINATION
--------------------------------------------------------------*/

.bbp-pagination{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin:30px 0;

    padding:18px 0;

    border-top:1px solid rgba(255,255,255,.06);

    border-bottom:1px solid rgba(255,255,255,.06);

}

.bbp-pagination-links{

    display:flex;

    gap:10px;

}

.bbp-pagination-links a,
.bbp-pagination-links span{

    display:flex;

    justify-content:center;

    align-items:center;

    width:42px;

    height:42px;

    border-radius:10px;

    background:#181818;

    border:1px solid rgba(255,255,255,.06);

    color:#fff;

}

.bbp-pagination-links a:hover{

    border-color:#d32121;

}.lc-hero-icon{
    width:110px;
    height:110px;
    border:2px solid #7d0d0d;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#0b0b0b;
}

.lc-hero-icon img{
    width:64px;
    height:64px;
    object-fit:contain;
    filter:drop-shadow(0 0 10px rgba(220,30,30,.8));
}

.lc-icon-placeholder{
    width:64px;
    height:64px;
    border-radius:50%;
    background:#2a2a2a;
}