/**
 * bs5-compat.css — Correctifs Bootstrap 5
 * Chargé APRÈS bootstrap.min.css et AVANT b97.css / widget.css
 */

/* ==============================
   1. HOME PAGE — Grille
   ============================== */

section#home > .container > .row.home {
    display: flex !important;
    flex-wrap: wrap !important;
}
section#home > .container > .row.home > .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
section#home > .container > .row.home > .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

/* ==============================
   2. WIDGET PROCHAINS MATCHS
   ============================== */

.wid-rencontre {
    display: flex !important;
    align-items: center !important;
    min-height: 45px;
    border-bottom: 1px solid #ddd;
}
.wid-team-home {
    flex: 1;
    text-align: right;
    padding: 2px 5px;
    overflow: hidden;
}
.wid-score {
    flex: 0 0 60px;
    text-align: center;
}
.wid-team-away {
    flex: 1;
    text-align: left;
    padding: 2px 5px;
    overflow: hidden;
}
.wid-rencontre-dom {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}
.wid-rencontre-ext {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}
.widren-logo-dom,
.widren-logo-ext {
    width: 28px;
    flex-shrink: 0;
}
.widren-logo-dom img,
.widren-logo-ext img {
    width: 28px;
    height: 28px;
    object-fit: contain;
    display: block;
}
.widren-equipe-dom h5,
.widren-equipe-ext h5 {
    font-size: 12px;
    margin: 0;
    line-height: 1.3;
    color: #555;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.wid-rencontre-resultat h5 {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    color: #333;
}

/* ==============================
   3. FOOTER
   ============================== */

.footer97 .row { align-items: flex-start; }
.foot-foot { width: 100%; }
.link-foot li a { display: inline-block; width: 45px; height: 45px; }

/* ==============================
   4. BREADCRUMB
   ============================== */

.breadcrumb { position: relative; z-index: 0; }

/* ==============================
   5. BACKOFFICE
   ============================== */

#navigation {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 1020;
    overflow-y: auto;
    background: #0e1a35;
}

/* ==============================
   6. RESPONSIVE MOBILE
   ============================== */

@media (max-width: 767.98px) {
    section#home > .container > .row.home > .col-md-8,
    section#home > .container > .row.home > .col-md-4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}