/* =========================================================
   TEAM OVERVIEW
========================================================= */

.lwf-team-overview {
    width: 100%;
}

/* =========================================================
   Main Layout — عمودان
========================================================= */

.lwf-team-overview__grid {
    display: grid;

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

    gap: 20px;

    align-items: start;

    direction: rtl;
}


/* =========================================================
   Main Column
========================================================= */

.lwf-team-overview__main {
    display: grid;

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

    grid-template-areas:
        "level next"
        "standings standings";

    gap: 20px;

    min-width: 0;
}


/* =========================================================
   Sidebar
========================================================= */

.lwf-team-overview__sidebar {
    display: flex;
    flex-direction: column;

    gap: 20px;

    min-width: 0;
}

/* =========================================================
   Areas
========================================================= */

.lwf-team-overview__level {
    grid-area: level;
}

.lwf-team-overview__next {
    grid-area: next;
}

.lwf-team-overview__standings {
    grid-area: standings;
}

.lwf-team-overview__upcoming,
.lwf-team-overview__stadium {
    width: 100%;
}

/* =========================================================
   Cards
========================================================= */

.lwf-team-overview__grid > div {
    min-width: 0;
}

/* =========================================================
   Prevent overflow
========================================================= */

.lwf-team-overview__grid > div,
.lwf-team-overview__main > div,
.lwf-team-overview__sidebar > div {
    min-width: 0;
}


/* =========================================================
   Tablet
========================================================= */

@media (max-width: 900px) {

    .lwf-team-overview__grid {
        grid-template-columns: 1fr;
    }

    .lwf-team-overview__main {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr);

        grid-template-areas:
            "level next"
            "standings standings";
    }
}


/* =========================================================
   Phone
========================================================= */

@media (max-width: 600px) {

    .lwf-team-overview__main {
        grid-template-columns: 1fr;

        grid-template-areas:
            "level"
            "next"
            "standings";
    }

}

.lwf-team-overview__sidebar {
    width: calc(100% + 20px);
    margin-left: -18px;
}

@media (max-width: 600px) {

    .lwf-team-overview__sidebar {
        width: 100%;
        margin-left: 0;
    }

}