/* RESET TOTAL */
* {
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* PAGE */
body {
    background: #050505 !important;
    font-family: Arial !important;
}

/* CONTAINER PAGE */
.parier-page {
    display: flex !important;
    justify-content: center !important;
    padding: 100px 20px !important;
}

/* CARD */
.bet-container {
    width: 100% !important;
    max-width: 600px !important;
    background: #111 !important;
    padding: 50px !important;
    border: 2px solid gold !important;
}

/* HEADER */
.header {
    text-align: center !important;
    margin-bottom: 80px !important;
}

.subtitle {
    color: gold !important;
    margin-bottom: 15px !important;
}

.header h1 {
    color: white !important;
    margin-bottom: 20px !important;
}

.line {
    height: 2px !important;
    width: 80px !important;
    background: gold !important;
    margin: auto !important;
}

/* FORM */
.bet-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 60px !important; /* ESPACE ENTRE BLOCS */
}

/* MATCH */
.match {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 50px !important;
}

.team {
    text-align: center !important;
}

.logo {
    width: 90px !important;
    height: 90px !important;
    border: 2px solid gold !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-bottom: 15px !important;
}

.logo img {
    width: 60px !important;
}

.vs {
    color: gold !important;
    font-size: 20px !important;
}

/* SECTION */
.section {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

.label {
    text-align: center !important;
    color: gold !important;
}

/* CHOICES */
.choices {
    display: flex !important;
    justify-content: center !important;
    gap: 40px !important;
}

.choices input {
    display: none !important;
}

.choices span {
    padding: 12px 25px !important;
    border: 1px solid #444 !important;
    color: white !important;
    cursor: pointer !important;
}

.choices input:checked + span {
    border: 2px solid gold !important;
}

/* INPUT */
.input-box {
    display: flex !important;
    justify-content: center !important;
    gap: 15px !important;
    background: #222 !important;
    padding: 15px !important;
}

.input-box input {
    background: none !important;
    border: none !important;
    color: gold !important;
    font-size: 20px !important;
    text-align: center !important;
}

/* BUTTONS */
.buttons {
    display: flex !important;
    gap: 20px !important;
}

.buttons button {
    flex: 1 !important;
    padding: 12px !important;
    background: #111 !important;
    border: 1px solid #555 !important;
    color: white !important;
}

/* SUBMIT */
.submit {
    width: 100% !important;
    padding: 20px !important;
    background: gold !important;
    border: none !important;
    color: black !important;
    font-weight: bold !important;
}