/* =====================================================
   HOME PAGE
===================================================== */

/* ---------- Layout ---------- */

/* ---------- Home Layout ---------- */

.lwf-home-grid {
    width: min(
        var(--site-max-width),
        calc(100% - (var(--site-side-space) * 2))
    );

    max-width: none;
    margin: 20px auto;
    padding: 0;

    display: grid;
    grid-template-columns:
        minmax(0, 1.55fr)
        minmax(360px, 0.85fr);

    gap: 18px;
    align-items: start;
    direction: ltr;
}


/* ---------- News — Left ---------- */

.lwf-news-column{

    grid-column:1;

    min-width:0;

    direction:rtl;
}


/* ---------- Matches — Right ---------- */

.lwf-matches-column{

    grid-column:2;

    min-width:0;

    direction:rtl;

    display:flex;

    flex-direction:column;

    gap:20px;
}

/* ---------- Home Columns ---------- */

.lwf-sidebar-right{
    grid-column:1;
}

.lwf-center{
    grid-column:2;
}


/* ---------- Competition List ---------- */

.competition-list{

    display:flex;

    flex-direction:column;

}

.competition-row{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:10px 4px;

    
    border-bottom:1px solid var(--border);

    transition:.2s;

    color:var(--text);

}

.competition-row:last-child{

    border-bottom:none;

}

.competition-row:hover{

    background:#f8fafc;

}

.competition-title{

    display:flex;

    align-items:center;

    gap:10px;

}

.competition-title i{

        font-size:13px;


    color:var(--primary);

    width:18px;

    text-align:center;

}

.competition-row > i{

    color:#9ca3af;

    font-size:13px;

}


/* ---------- Tables ---------- */

.lwf-table{

    width:100%;

    border-collapse:collapse;

}

.lwf-table tr{

    border-bottom:1px solid var(--border);

}

.lwf-table td{

    padding:12px 8px;

}

/* ---------- News ---------- */

.news-item{

    display:flex;

    gap:12px;

    padding:12px 0;

    border-bottom:1px solid var(--border);

}

.news-item:last-child{

    border-bottom:none;

}

.news-item img{

    width:105px;

    height:72px;

    border-radius:0px;

    object-fit:cover;

}

.news-item h4{

    margin-bottom:6px;

    font-size:15px;

}

.news-item span{

    color:var(--muted);

    font-size:12px;

}

/* ---------- Responsive ---------- */

@media(max-width:1100px){

    .lwf-home-grid{

        grid-template-columns:1fr;

    }

    .lwf-news-column,
    .lwf-matches-column{

        grid-column:1;

    }

}

/* ==========================================
   NEWS ARCHIVE PAGE
========================================== */

.lwf-news-archive{
    width:100%;
    padding:28px 0 50px;
}

.lwf-news-archive-container {
    width: min(
        var(--site-max-width),
        calc(100% - (var(--site-side-space) * 2))
    );

    max-width: none;
    margin: 0 auto;
    padding: 0;

    direction: rtl;
}

.lwf-news-archive-header{
    margin-bottom:24px;
}

.lwf-news-archive-header h1{
    margin:0;
    font-size:28px;
    font-weight:800;
    color:#111827;
}

/* ---------- Grid ---------- */

.lwf-news-archive-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:24px;
}

/* ---------- Card ---------- */

.lwf-news-archive-card{
    min-width:0;
    background:#fff;
    border:1px solid var(--border);
    border-radius:14px;
    overflow:hidden;
    transition:.2s ease;
}


/* ---------- Image ---------- */

.lwf-news-archive-image{
    display:block;
    width:100%;
    height:220px;
    overflow:hidden;
}

.lwf-news-archive-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.3s ease;
}

.lwf-news-archive-card:hover .lwf-news-archive-image img{
    transform:scale(1.03);
}

.lwf-news-archive-image {
    overflow: hidden;
}

.lwf-news-archive-image img {
    transition: transform 0.3s ease;
}

.lwf-news-archive-card:hover .lwf-news-archive-image img {
    transform: scale(1.05);
}

/* ---------- Content ---------- */

.lwf-news-archive-content{
    padding:15px 16px 17px;
    text-align:right;
}

.lwf-news-archive-type{
    display:inline-block;
    margin-bottom:8px;
    padding:4px 9px;
    border-radius:6px;
    background:#006633;
    color:#fff;
    font-size:11px;
    font-weight:700;
}

.lwf-news-archive-content h2{
    margin:0 0 8px;
    font-size:17px;
    line-height:1.55;
    font-weight:800;
}

.lwf-news-archive-content h2 a{
    color:#111827;
    text-decoration:none;
}

.lwf-news-archive-content h2 a:hover{
    color:#006633;
}

.lwf-news-archive-excerpt{
    margin:0 0 10px;
    color:#6b7280;
    font-size:12px;
    line-height:1.7;

    display:-webkit-box;
    -webkit-line-clamp:3;
    line-clamp: 3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.lwf-news-archive-date{
    display:block;
    color:#9ca3af;
    font-size:11px;
}

/* ==========================================
   NEWS PAGINATION
========================================== */

.lwf-news-pagination{
    margin-top:35px;
    display:flex;
    justify-content:center;
}

.lwf-news-pagination ul{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    direction:rtl;
}

.lwf-news-pagination li{
    margin:0;
    padding:0;
}

.lwf-news-pagination a,
.lwf-news-pagination span{
    min-width:36px;
    height:36px;
    padding:0 10px;
    display:flex;
    align-items:center;
    justify-content:center;

    border:1px solid var(--border);
    border-radius:9px;

    background:#fff;
    color:#374151;

    text-decoration:none;
    font-size:13px;
    font-weight:700;

    transition:.2s;
}

.lwf-news-pagination a:hover{
    background:#006633;
    border-color:#006633;
    color:#fff;
}

.lwf-news-pagination .current{
    background:#006633;
    border-color:#006633;
    color:#fff;
}

.lwf-news-pagination .dots{
    border:none;
    background:transparent;
    min-width:auto;
    padding:0 3px;
}

.lwf-news-pagination .prev,
.lwf-news-pagination .next{
    font-size:20px;
}

/* ---------- Empty ---------- */

.lwf-news-empty{
    padding:50px 20px;
    text-align:center;
    color:#6b7280;
}

/* ==========================================
   NEWS ARCHIVE RESPONSIVE
========================================== */

@media(max-width:900px){

    .lwf-news-archive-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

}

@media(max-width:600px){

    .lwf-news-archive{
        padding-top:20px;
    }

    .lwf-news-archive-container {
        width: min(
            var(--site-max-width),
            calc(100% - (var(--site-side-space) * 2))
        );

        max-width: none;
        margin-inline: auto;
        padding: 0;
        box-sizing: border-box;
    }

    .lwf-news-archive-header h1{
        font-size:23px;
    }

    .lwf-news-archive-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .lwf-news-archive-image{
        height:210px;
    }

}

/* ==========================================
   NEWS ARCHIVE — FRENCH / LTR
========================================== */

.lwf-news-archive--fr {
    direction: ltr;
}

.lwf-news-archive--fr .lwf-news-archive-container {
    direction: ltr;
}

.lwf-news-archive--fr .lwf-news-archive-header {
    direction: ltr;
    text-align: left;
}

.lwf-news-archive--fr .lwf-news-archive-grid {
    direction: ltr;
}

.lwf-news-archive--fr .lwf-news-archive-content {
    direction: ltr;
    text-align: left;
}

.lwf-news-archive--fr .lwf-news-archive-type {
    direction: ltr;
}

.lwf-news-archive--fr .lwf-news-archive-content h2,
.lwf-news-archive--fr .lwf-news-archive-content h2 a,
.lwf-news-archive--fr .lwf-news-archive-excerpt,
.lwf-news-archive--fr .lwf-news-archive-date {
    direction: ltr;
    text-align: left;
}

.lwf-news-archive--fr .lwf-news-pagination {
    direction: ltr;
}

.lwf-news-archive--fr .lwf-news-pagination ul {
    direction: ltr;
}

.lwf-news-archive--fr .lwf-news-empty {
    direction: ltr;
    text-align: center;
}