/* ======================================
   FIFA MATCH LAYOUT
====================================== */

/* CONTAINER GERAL */

.matchinfo.new-layout{
    display:block !important;
}

/* CARD */

.matchinfo.new-layout .fp-fifa-match{
    width:100% !important;
    display:block !important;
    flex:none !important;
    margin-right:0 !important;

    background:#ffffff;
    border:1px solid #e5e7eb;
    border-radius:14px;

    padding:14px 18px;
    margin-bottom:14px;

    box-shadow:0 2px 8px rgba(0,0,0,.04);
}

/* DATA */

.fp-date{
    font-size:12px;
    color:#6b7280;
    margin-bottom:10px;
    font-weight:600;
}

/* LINHA PRINCIPAL */

.fp-row{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;

    gap:14px;

    width:100%;
}

/* TIMES */

.fp-team{
    width:auto;

    display:flex;
    align-items:center;

    gap:8px;

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

    white-space:nowrap;
}

/* TIME CASA */

.fp-team.home{
    justify-content:flex-end;
    text-align:right;
}

/* TIME VISITANTE */

.fp-team.away{
    justify-content:flex-start;
    text-align:left;
}

/* BANDEIRAS */

.fp-team img{
    width:28px !important;
    height:20px !important;

    object-fit:cover;

    border-radius:3px;

    display:block;
}

/* PLACAR */

.fp-score{
    display:flex;
    align-items:center;
    justify-content:center;

    gap:10px;

    flex-shrink:0;
}

/* INPUTS */

.fp-score input{
    width:46px !important;
    height:42px !important;

    border:1px solid #d1d5db;
    border-radius:10px;

    text-align:center;

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

    background:#fff;
}

/* X */

.fp-x{
    font-size:18px;
    font-weight:700;
    color:#6b7280;
}

/* MOBILE */

@media(max-width:768px){

    .fp-row{
        gap:10px;
    }

    .fp-team{
        gap:6px;
        font-size:14px;
    }

    .fp-team img{
        width:22px !important;
        height:16px !important;
    }

    .fp-score{
        gap:6px;
    }

    .fp-score input{
        width:38px !important;
        height:36px !important;
        font-size:16px;
    }

    .fp-x{
        font-size:16px;
    }

}

.fp-date{
    display:flex;
    align-items:center;
    gap:6px;

    font-size:12px;
    color:#6b7280;

    margin-bottom:10px;

    font-weight:600;
}
/* ======================================
   AJUSTES INPUTS
====================================== */

.fp-score input{
    text-align:center !important;
    padding:0 !important;
}

/* ======================================
   MOBILE
====================================== */

@media(max-width:768px){

    .fp-row{
        grid-template-columns:
            1fr
            auto
            1fr;

        gap:8px;

        align-items:center;
    }

    .fp-team{
        font-size:12px !important;
        gap:4px;

        min-width:0;
    }

    .fp-team span{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .fp-team img{
        width:18px !important;
        height:14px !important;
    }

    .fp-score{
        gap:4px;
    }

    .fp-score input{
        width:32px !important;
        height:32px !important;

        font-size:14px !important;
        font-weight:700;

        text-align:center !important;
    }

    .fp-x{
        font-size:14px;
    }

    .fp-date{
        font-size:11px;
    }

}