/* --- COULEURS D'ÉQUIPE --- */
.bgDomicile {
    background: linear-gradient(135deg, #00001e 0%, #00003c 100%);
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.bgExterieur {
    background: linear-gradient(135deg, #6c757d 0%, #495057 100%);
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.nomDomicile {
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: #00001e;
    color: #00001e;
    text-transform: uppercase;
}

.nomExterieur {
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: #6c757d;
    color: #6c757d;
    text-transform: uppercase;
}

/* --- ÉLÉMENTS JOUEURS --- */
.imagePlayer {
    width: 20px;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid rgba(0,0,0,0.1);
}

/* --- COULEURS PAR POSTE (TEXTE ET TABLEAUX) --- */
.colorGardiens { color: #dba110; font-weight: bold; }
.colorDefenseurs { color: #2369d9; font-weight: bold; }
.colorMilieux { color: #4b9f23; font-weight: bold; }
.colorAttaquants { color: #be262e; font-weight: bold; }

.colorGardiensTab { background-color: #dba110; color: white; }
.colorDefenseursTab { background-color: #2369d9; color: white; }
.colorMilieuxTab { background-color: #4b9f23; color: white; }
.colorAttaquantsTab { background-color: #be262e; color: white; }

/* --- BADGES DE POSITION (Style FIFA/UCL) --- */
/* Base commune pour toutes les positions */
.posGB, .posDC, .posDG, .posDD, .posMDf, .posMR, .posMO, .posMLG, .posMLD, .posMDF, .posAC, .posSA, .posAiG, .posAiD, .posAIG, .posAID, .backup {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    border-radius: 4px;
    font-size: 0.7em;
    width: 3.2em;
    height: 1.6em;
    text-transform: uppercase;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 3px rgba(0,0,0,0.4);
    border: 1px solid rgba(0,0,0,0.2);
}

.posGB {
    background: linear-gradient(to bottom, #dba110, #b38728);
    border-top-color: #e2b33c; border-bottom-color: #976f0a;
}

.posDC, .posDG, .posDD {
    background: linear-gradient(to bottom, #2369d9, #184896);
    border-top-color: #4c85e0; border-bottom-color: #184896;
}

.posMDf, .posMR, .posMO, .posMLG, .posMLD, .posMDF {
    background: linear-gradient(to bottom, #4b9f23, #336e17);
    border-top-color: #6cb14b; border-bottom-color: #336e17;
}

.posAC, .posSA, .posAiG, .posAiD, .posAIG, .posAID {
    background: linear-gradient(to bottom, #be262e, #83191f);
    border-top-color: #ca4e54; border-bottom-color: #83191f;
}

.backup {
    background: #495057;
    padding: 2px 5px;
}

/* --- NOTES DE GÉNÉRAL (GEN) --- */
.gen_less_75, .gen_less_85, .gen_less_95, .gen_Max {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-weight: bold;
    text-align: center;
    border-radius: 4px;
    font-size: 0.7em;
    width: 3em;
    height: 1.5em;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.gen_less_75 { background-color: #fd3730; stroke: #fd3730; }
.gen_less_85 { background-color: #fbb206; stroke: #fbb206; }
.gen_less_95 { background-color: #a8fe02; stroke: #a8fe02; }
.gen_Max     { background-color: #02fec5; stroke: #02fec5; box-shadow: 0 0 8px rgba(2, 254, 197, 0.5); }

/* --- RÉSULTATS FORME (V, N, D) --- */
.resultForme_V, .resultForme_N, .resultForme_D, .resultForme_NC {
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    color: white;
    font-size: .72rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.125rem;
    overflow: hidden;
    margin-left: 0.125rem;
    border-radius: 2px;
}
.resultForme_V { background-color: #28a745; }
.resultForme_N { background-color: #ffc107; color: #000; }
.resultForme_D { background-color: #dc3545; }
.resultForme_NC { background-color: #d8d8d8; color: #666; }

/* --- CONTRATS --- */
.contrat_5, .contrat_4, .contrat_3, .contrat_2, .contrat_1 {
    font-weight: bold;
    text-align: center;
    border-radius: 3px;
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    line-height: 1.125rem;
    font-size: 0.7rem;
}
.contrat_5 { background-color: #28a745; color: #FFF; }
.contrat_4 { background-color: #02fec5; color: #000; }
.contrat_3 { background-color: #ff0; color: #000; }
.contrat_2 { background-color: #ffa500; color: #000; }
.contrat_1 { background-color: #f00; color: #FFF; }

/* --- CONDITIONS PHYSIQUES --- */
.condition_A, .condition_B, .condition_C, .condition_D, .condition_E {
    text-align: center;
    font-weight: bold;
    font-size: 1.4em;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.condition_A { color: #00EFFF; }
.condition_B { color: #22FF00; }
.condition_C { color: #FFE600; }
.condition_D { color: #FF9A00; }
.condition_E { color: #FF0000; }

/* --- SECTION PLAYERS & FORMULAIRE --- */
.players-section {
    padding: 5rem 0;
    background: linear-gradient(to bottom, rgba(22, 22, 22, 0.3) 0%, rgba(22, 22, 22, 0.7) 75%, #161616 100%),
                url("../img/bg-signup.jpg") center/cover no-repeat fixed;
}

.players-section .form-inline input {
    box-shadow: 0 0.1875rem 0.3rem 0 rgba(0, 0, 0, 0.2) !important;
    padding: 1.25rem 2rem;
    height: auto;
    font-family: 'Varela Round', sans-serif;
    font-size: 85%;
    text-transform: uppercase;
    letter-spacing: 0.15rem;
    border: 1px solid rgba(255,255,255,0.1);
    background: rgba(255,255,255,0.05);
    color: white;
    transition: 0.3s;
}

.players-section .form-inline input:focus {
    background: rgba(255,255,255,0.1);
    border-color: #00EFFF;
    outline: none;
}