/* =========================================
   مباريات نفس الجولة
========================================= */

.lwf-round-matches {
    width: 100%;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    overflow: hidden;

}


/* =========================================
   عنوان الكارد
========================================= */

.lwf-round-matches {
    width: 100%;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    overflow: hidden;
    
}

.lwf-round-matches-header {
    display: flex;
    flex-direction: column;

    align-items: flex-start;
    justify-content: center;

    direction: rtl;
    text-align: right;

    min-height: 82px;
    padding: 10px 18px;

    border-bottom: 1px solid #edf0f3;
}

.lwf-round-competition {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: 7px;
margin-top: 10px;
    margin-bottom: 4px;

    font-size: 13px;
    font-weight: 400;
     color: #111827;
}

.lwf-round-matches-header h3 {
    margin: 0;

    font-size: 13px;
    font-weight: 300;
    color: #565b64;
   
}

/* =========================================
   قائمة المباريات
========================================= */

.lwf-round-matches-list {
    display: flex;
    flex-direction: column;
}


/* =========================================
   مباراة واحدة
========================================= */

.lwf-round-match {
    display: grid;

    grid-template-columns: 105px 1fr;

    grid-template-rows: 1fr 1fr;

    min-height: 76px;

    padding: 8px 14px;

    color: #111827;
    text-decoration: none;

    border-bottom: 1px solid #edf0f3;

    direction: ltr;
}

.lwf-round-match:last-child {
    border-bottom: 0;
}

.lwf-round-match:hover {
    background: #f8fafc;
}

.lwf-round-match.is-current {
    background: #f1f5f9;
}


/* =========================================
   الفريقان - عموديًا
========================================= */

.lwf-round-team {
    position: relative;

    display: flex;
    align-items: center;

    height: 30px;

    padding-right: 34px;

    min-width: 0;

    text-align: right;

    direction: rtl;
}


.lwf-round-home {
    grid-column: 2;
    grid-row: 1;

    justify-content: flex-start;
}

.lwf-round-away {
    grid-column: 2;
    grid-row: 2;

    justify-content: flex-start;
}


/* =========================================
   الشعار
========================================= */

.lwf-round-team-logo {
    position: absolute;

    right: 0;
    top: 50%;

    width: 24px;
    height: 24px;

    transform: translateY(-50%);

    object-fit: contain;
}


/* اسم الفريق */

.lwf-round-team-name {
    display: block;

    min-width: 0;

    font-size: 12px;
    font-weight: 500;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* =========================================
   النتيجة / الوقت
========================================= */

.lwf-round-match-center {
    grid-column: 1;
    grid-row: 1 / span 2;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 12px;

    direction: ltr;
    flex-direction: row-reverse;

    height: 100%;
}

/* =========================================
   النتيجة العمودية
========================================= */

.lwf-round-score {

    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    min-width: 25px;

    font-size: 13px;
    font-weight: 600;

    line-height: 2.40;
}

.lwf-score-home,
.lwf-score-away {
    display: block;
}

/* =========================================
   حالة المباراة
========================================= */

.lwf-round-status {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 34px;

    padding-right: 12px;
    padding-left: 0;

    border-right: 1px solid #e5e7eb;
    border-left: 0;

    color: #6b7280;
    font-size: 11px;
    font-weight: 500;

    white-space: nowrap;
    direction: rtl;
}


/* المباراة القادمة
   لا يوجد نتيجة
*/

.lwf-round-status.only-status {
    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    gap: 2px;

    min-height: 34px;

    padding: 0;

    border: 0;

    color: #6b7280;
    font-weight: 500;
}

.lwf-match-date {
    font-size: 11px;
    font-weight: 500;
    color: #6b7280;
}

.lwf-match-time {
    font-size: 11px;
    font-weight: 500;
    color: #6b7280;
}

/* مباشر */

.status-live {
    color: #dc2626;
}


.lwf-round-match-info {
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 48px;

    font-size: 12px;
    font-weight: 700;

    text-align: center;
    white-space: nowrap;
}


/* النتيجة */

.lwf-round-match-info.status-played {
    color: #111827;
}


/* مباشر */

.lwf-round-match-info.status-live {
    color: #dc2626;
}


/* مؤجلة / ملغاة */

.lwf-round-match-info.status-postponed,
.lwf-round-match-info.status-cancelled {
    color: #6b7280;
    font-weight: 500;
}

/* النتائج المنتهية */

.lwf-round-match-info.status-played {
    color: #111827;
}


/* المباراة المباشرة */

.lwf-round-match-info.status-live {
    color: #dc2626;
}


/* المباريات المؤجلة / الملغاة */

.lwf-round-match-info.status-postponed,
.lwf-round-match-info.status-cancelled {
    color: #6b7280;
    font-weight: 500;
}

/* =========================================
   الهاتف
========================================= */

/*
   هذا الكارد خاص بالـ Desktop.
   لا يظهر على الهاتف.
*/

@media (max-width: 768px) {

    .lwf-round-matches {
        display: none;
    }
}

.lwf-round-matches-header {
    position: relative;
}

.lwf-round-competition {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.lwf-round-competition-logo {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);

    width: 48px;
    height: 48px;

    object-fit: contain;
}

.lwf-round-competition-header-link {
    display: flex;
    align-items: center;
    width: 100%;
    flex: 1;

    color: inherit;
    text-decoration: none;
}

.lwf-round-competition-header-link::after {
    content: "";
    position: absolute;
    inset: 0;

    background: rgba(255, 255, 255, 0);

    transition: background 0.2s ease;

    pointer-events: none;
    z-index: 10;
}

.lwf-round-competition-header-link:hover::after {
    background: rgba(255, 255, 255, 0.35);
}

/* =========================================================
   مباريات نفس الجولة - الفرنسية LTR
   ========================================================= */

.lwf-round-matches--fr {
    direction: ltr;
}


/* =========================================
   عنوان الكارد
========================================= */

.lwf-round-matches--fr .lwf-round-matches-header {
    direction: ltr;
    align-items: flex-start;
    text-align: left;
}

.lwf-round-matches--fr .lwf-round-competition {
    direction: ltr;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
}


/* شعار المنافسة */

.lwf-round-matches--fr .lwf-round-competition-logo {
    left: auto;
    right: 20px;
}


/* =========================================
   المباراة
========================================= */

.lwf-round-matches--fr .lwf-round-match {
    direction: ltr;
}


/* =========================================
   الفريقان
========================================= */

.lwf-round-matches--fr .lwf-round-team {
    direction: ltr;

    padding-right: 0;
    padding-left: 34px;

    text-align: left;

    justify-content: flex-start;
}


/* شعار الفريق */

.lwf-round-matches--fr .lwf-round-team-logo {
    right: auto;
    left: 0;
}


/* اسم الفريق */

.lwf-round-matches--fr .lwf-round-team-name {
    text-align: left;
}


/* =========================================
   الوسط - النتيجة / الحالة
========================================= */

.lwf-round-matches--fr .lwf-round-match-center {
    direction: ltr;
    flex-direction: row;
}


/* =========================================
   حالة المباراة
========================================= */

.lwf-round-matches--fr .lwf-round-status {
    direction: ltr;

    padding-right: 0;
    padding-left: 12px;

    border-right: 0;
    border-left: 1px solid #e5e7eb;

    text-align: left;
}


/* المباراة القادمة */

.lwf-round-matches--fr .lwf-round-status.only-status {
    direction: ltr;
}


/* التاريخ والوقت */

.lwf-round-matches--fr .lwf-match-date,
.lwf-round-matches--fr .lwf-match-time {
    direction: ltr;
    text-align: center;
}

/* =========================================================
   الفرنسية - عكس أعمدة المباراة
========================================================= */

.lwf-round-matches--fr .lwf-round-match {
    grid-template-columns: 1fr 105px;
}


/* الفريقان في العمود الأيسر */

.lwf-round-matches--fr .lwf-round-home,
.lwf-round-matches--fr .lwf-round-away {
    grid-column: 1;
}


/* النتيجة والحالة في العمود الأيمن */

.lwf-round-matches--fr .lwf-round-match-center {
    grid-column: 2;
    grid-row: 1 / span 2;
}


/* الخط الفاصل يكون على يسار منطقة النتيجة */

.lwf-round-matches--fr .lwf-round-status {
    border-left: 1px solid #e5e7eb;
    border-right: 0;
    padding-left: 12px;
    padding-right: 0;
}