/* Extrait de styles.css - styles limites au jeu-concours de la roue */

/* Police BK (Flame) appliquee a toute la section roue et a la modale */
#jeu-concours-2026,
#jeu-concours-2026 *,
.prize-modal,
.prize-modal * {
    font-family: "flameRegular", "flameRegular Fallback", sans-serif;
}

#jeu-concours-2026 h1,
#jeu-concours-2026 h2,
#jeu-concours-2026 .contest-badge,
#jeu-concours-2026 .contest-submit,
.prize-modal-title,
.prize-modal-cta {
    font-family: "flameBold", "flameBold Fallback", "flameRegular", "flameRegular Fallback", sans-serif;
}

#jeu-concours-2026 label,
#jeu-concours-2026 input,
#jeu-concours-2026 .contest-intro {
    font-family: "flameSansRegular", "flameSansRegular Fallback", "flameRegular", sans-serif;
}

/* ================ bloc 70/71 ================ */
/* Roue du jeu — reprise à l'identique de la version précédente */
.wheel-area {
    position: relative;
    width: clamp(260px,86vw,390px);
    aspect-ratio: 1;
    margin: 25px auto 26px
}

.wheel {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 10px solid #fff;
    box-shadow: 0 12px 25px rgba(0,0,0,.25);
    position: relative;
    overflow: hidden;
    background: conic-gradient( #F5A623 0deg 45deg, #D62300 45deg 90deg, #F5A623 90deg 135deg, #D62300 135deg 180deg, #F5A623 180deg 225deg, #D62300 225deg 270deg, #F5A623 270deg 315deg, #D62300 315deg 360deg );
    transition: transform 5s cubic-bezier(.12,.72,.12,1)
}

.wheel-label {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    transform-origin: 50% 50%;
    pointer-events: none
}

.wheel-label img {
    position: absolute;
    width: 76px;
    height: 76px;
    object-fit: contain;
    left: 50%;
    top: 18%;
    transform: translate(-50%,-50%);
    transform-origin: center;
    filter: drop-shadow(0 2px 3px rgba(0,0,0,.18))
}

.l1 {
    transform: rotate(22.5deg)
}

.l2 {
    transform: rotate(67.5deg)
}

.l3 {
    transform: rotate(112.5deg)
}

.l4 {
    transform: rotate(157.5deg)
}

.l5 {
    transform: rotate(202.5deg)
}

.l6 {
    transform: rotate(247.5deg)
}

.l7 {
    transform: rotate(292.5deg)
}

.l8 {
    transform: rotate(337.5deg)
}

.l1 img {
    transform: translate(-50%,-50%) rotate(-22.5deg)
}

.l2 img {
    transform: translate(-50%,-50%) rotate(-67.5deg)
}

.l3 img {
    transform: translate(-50%,-50%) rotate(-112.5deg)
}

.l4 img {
    transform: translate(-50%,-50%) rotate(-157.5deg)
}

.l5 img {
    transform: translate(-50%,-50%) rotate(-202.5deg)
}

.l6 img {
    transform: translate(-50%,-50%) rotate(-247.5deg)
}

.l7 img {
    transform: translate(-50%,-50%) rotate(-292.5deg)
}

.l8 img {
    transform: translate(-50%,-50%) rotate(-337.5deg)
}

.center {
    position: absolute;
    inset: 50% auto auto 50%;
    transform: translate(-50%,-50%);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #D62300;
    border: 7px solid #fff;
    z-index: 3;
    display: grid;
    place-items: center;
    font-size: 25px
}

.pointer {
    position: absolute;
    top: -2px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 34px solid #D62300;
    filter: drop-shadow(0 3px 2px rgba(0,0,0,.25))
}

.contest-success {
    margin: 24px auto 0;
    background: #fff;
    color: #222;
    border-radius: 18px;
    padding: 22px;
    max-width: 500px
}

.contest-success h2 {
    margin: 0 0 7px
}

.contest-success p {
    margin: 5px 0
}

.contest-error {
    min-height: 20px;
    margin: 7px 0;
    color: #D62300;
    font-size: 13px;
    font-weight: 700;
    grid-column: 1/-1
}

.countdown {
    margin-top: 25px
}

.count-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 8px;
    max-width: 480px;
    margin: 10px auto 0
}

.count-grid div {
    background: rgba(0,0,0,.06);
    border-radius: 12px;
    padding: 10px 5px
}

.count-grid b {
    display: block;
    font-size: 24px
}

.count-grid small {
    font-size: 11px
}

@media(max-width: 600px) {
    /* Mobile : la carte occupe toute la largeur pour éviter de couper la roue */ #jeu-concours-2026 {
        padding:30px 0 45px;
    }

    #jeu-concours-2026 .contest-container {
        width: 100%;
        max-width: none;
        padding: 0;
    }

    #jeu-concours-2026 .contest-card {
        width: 100%;
        max-width: none;
        border-left: 0;
        border-right: 0;
        border-radius: 0;
        padding: 30px 14px 36px;
    }

    #jeu-concours-2026 .contest-intro {
        font-size: 1.55rem;
        margin-bottom: 28px;
    }

    #jeu-concours-2026 h1 {
        font-size: 2.6rem;
        line-height: 3.3rem;
    }

    #jeu-concours-2026 .contest-form {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    #jeu-concours-2026 .contest-submit {
        width: 100%;
    }

    .wheel-area {
        width: min(360px, calc(100vw - 28px));
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .wheel-label img {
        width: 58px;
        height: 58px
    }

    .count-grid {
        gap: 5px
    }

    .count-grid b {
        font-size: 19px
    }
}

/* ================ bloc 71/71 ================ */
                         /* =========================================================
JEU CONCOURS — déclinaison de la DA Burger King existante
Header / footer volontairement inchangés.
========================================================= */
                         #jeu-concours-2026 {
                             background: #f2f2f2;
                             padding: 64px 24px 80px;
                             font-family: "flameRegular", "flameRegular Fallback", sans-serif;
                             color: #404040;
                         }

                         #jeu-concours-2026 .contest-container {
                             max-width: 1180px;
                             margin: 0 auto;
                             display: flex;
                             justify-content: center;
                         }

                         #jeu-concours-2026 .contest-card {
                             position: relative;
                             overflow: hidden;
                             width: 100%;
                             max-width: 900px;
                             box-sizing: border-box;
                             background: #fff;
                             border: 1px solid #dcdcdc;
                             border-bottom: 5px solid #F5A623;
                             border-radius: 4px;
                             padding: 56px 64px 48px;
                             text-align: center;
                             box-shadow: 0 2px 8px rgba(64,64,64,.12);
                         }

                         #jeu-concours-2026 .contest-card::before {
                             content: "";
                             position: absolute;
                             width: 220px;
                             height: 220px;
                             top: -150px;
                             right: -110px;
                             border-radius: 50%;
                             background: rgba(245,166,35,.12);
                             pointer-events: none;
                         }

                         #jeu-concours-2026 .contest-card::after {
                             content: "";
                             position: absolute;
                             width: 170px;
                             height: 170px;
                             bottom: -120px;
                             left: -85px;
                             border-radius: 50%;
                             background: rgba(245,166,35,.08);
                             pointer-events: none;
                         }

                         #jeu-concours-2026 .contest-badge {
                             display: inline-flex;
                             align-items: center;
                             position: relative;
                             z-index: 1;
                             min-height: 32px;
                             box-sizing: border-box;
                             padding: 0 12px;
                             background: #F5A623;
                             color: #404040;
                             border-radius: 4px;
                             font-family: "flameRegular", "flameRegular Fallback", sans-serif;
                             font-size: 1.2rem;
                             line-height: 1.3;
                             font-weight: 700;
                             letter-spacing: .04em;
                             text-transform: uppercase;
                         }

                         #jeu-concours-2026 h1 {
                             position: relative;
                             z-index: 1;
                             color: #404040;
                             font-family: "flameBold", "flameBold Fallback", "flameRegular", "flameRegular Fallback", sans-serif;
                             font-size: 3.6rem;
                             line-height: 4.6rem;
                             margin: 20px auto 0;
                             max-width: 760px;
                             font-weight: 400;
                         }

                         #jeu-concours-2026 h1::after {
                             content: "";
                             display: block;
                             width: 140px;
                             height: 5px;
                             margin: 20px auto 0;
                             background: #404040;
                             border-radius: 5px 0 5px 0;
                         }

                         #jeu-concours-2026 .contest-intro {
                             position: relative;
                             z-index: 1;
                             max-width: 680px;
                             margin: 24px auto 40px;
                             color: #404040;
                             font-size: 1.8rem;
                             line-height: 1.5;
                         }

                         #jeu-concours-2026 .contest-intro strong {
                             font-family: "flameBold", "flameBold Fallback", "flameRegular", "flameRegular Fallback", sans-serif;
                         }

                         #jeu-concours-2026 .contest-form {
                             position: relative;
                             z-index: 2;
                             max-width: 680px;
                             margin: 0 auto;
                             display: grid;
                             grid-template-columns: minmax(0, 1fr) auto;
                             align-items: end;
                             gap: 16px;
                             text-align: left;
                         }

                         #jeu-concours-2026 .contest-field {
                             min-width: 0;
                         }

                         #jeu-concours-2026 .contest-field label {
                             display: block;
                             margin: 0 0 8px;
                             color: #404040;
                             font-family: "flameBold", "flameBold Fallback", "flameRegular", "flameRegular Fallback", sans-serif;
                             font-size: 1.4rem;
                             line-height: 1.3;
                         }

                         #jeu-concours-2026 .contest-field input {
                             box-sizing: border-box;
                             width: 100%;
                             min-height: 64px;
                             border: 1px solid #dcdcdc;
                             border-radius: 4px;
                             background: #fff;
                             color: #404040;
                             padding: 0 16px;
                             font-family: "flameRegular", "flameRegular Fallback", sans-serif;
                             font-size: 1.6rem;
                             line-height: 1.3;
                             outline: none;
                             transition: border-color .2s ease-out, box-shadow .2s ease-out;
                         }

                         #jeu-concours-2026 .contest-field input::placeholder {
                             color: #606060;
                             opacity: .8;
                         }

                         #jeu-concours-2026 .contest-field input:hover {
                             border-color: #bdbdbd;
                         }

                         #jeu-concours-2026 .contest-field input:focus {
                             border-color: #404040;
                             box-shadow: 0 0 0 2px rgba(245,166,35,.45);
                         }

                         #jeu-concours-2026 .contest-submit {
                             appearance: none;
                             display: inline-flex;
                             align-items: center;
                             justify-content: center;
                             min-width: 168px;
                             min-height: 64px;
                             box-sizing: border-box;
                             padding: 0 32px;
                             border: 1px solid transparent;
                             border-radius: 4px;
                             background: #F5A623;
                             color: #404040;
                             font-family: "flameRegular", "flameRegular Fallback", sans-serif;
                             font-size: 1.6rem;
                             line-height: 1.3;
                             cursor: pointer;
                             transition: background-color .3s ease-out, transform .15s ease-out;
                         }

                         #jeu-concours-2026 .contest-submit:hover {
                             background: #E89400;
                         }

                         #jeu-concours-2026 .contest-submit:focus-visible {
                             outline: 2px solid #404040;
                             outline-offset: 3px;
                         }

                         #jeu-concours-2026 .contest-submit:active {
                             background: #B87400;
                             transform: translateY(1px);
                         }

                         #jeu-concours-2026 .contest-success {
                             position: relative;
                             z-index: 2;
                             max-width: 680px;
                             margin: 32px auto 0;
                             padding: 32px;
                             box-sizing: border-box;
                             background: #f2f2f2;
                             border: 1px solid #dcdcdc;
                             border-radius: 4px;
                             color: #404040;
                         }

                         #jeu-concours-2026 .contest-success-icon {
                             width: 56px;
                             height: 56px;
                             line-height: 56px;
                             margin: 0 auto 16px;
                             border-radius: 50%;
                             background: #F5A623;
                             color: #404040;
                             font-family: "flameBold", "flameBold Fallback", "flameRegular", "flameRegular Fallback", sans-serif;
                             font-size: 2.4rem;
                             text-align: center;
                         }

                         #jeu-concours-2026 .contest-success h2 {
                             margin: 0;
                             color: #404040;
                             font-family: "flameBold", "flameBold Fallback", "flameRegular", "flameRegular Fallback", sans-serif;
                             font-size: 2.8rem;
                             line-height: 3.5rem;
                             font-weight: 400;
                         }

                         #jeu-concours-2026 .contest-success p {
                             margin: 12px 0 0;
                             font-size: 1.6rem;
                             line-height: 1.5;
                         }

                         #jeu-concours-2026 .contest-success strong {
                             font-family: "flameBold", "flameBold Fallback", "flameRegular", "flameRegular Fallback", sans-serif;
                         }

                         #jeu-concours-2026 .contest-wait {
                             color: #606060;
                             font-size: 1.4rem !important;
                         }

                         #jeu-concours-2026 .contest-countdown-wrap {
                             position: relative;
                             z-index: 1;
                             margin: 40px auto 0;
                             padding-top: 32px;
                             border-top: 1px solid #dcdcdc;
                             color: #404040;
                         }

                         #jeu-concours-2026 .contest-countdown-wrap > span {
                             display: block;
                             margin-bottom: 16px;
                             font-family: "flameRegular", "flameRegular Fallback", sans-serif;
                             font-size: 1.4rem;
                             line-height: 1.3;
                         }

                         #jeu-concours-2026 .contest-countdown {
                             display: grid;
                             grid-template-columns: repeat(4, minmax(0, 1fr));
                             gap: 8px;
                             max-width: 520px;
                             margin: 0 auto;
                         }

                         #jeu-concours-2026 .contest-countdown > span {
                             min-width: 0;
                             padding: 12px 8px 10px;
                             background: #f2f2f2;
                             border: 1px solid #dcdcdc;
                             border-radius: 4px;
                             text-align: center;
                         }

                         #jeu-concours-2026 .contest-countdown b {
                             display: block;
                             color: #404040;
                             font-family: "flameBold", "flameBold Fallback", "flameRegular", "flameRegular Fallback", sans-serif;
                             font-size: 2.2rem;
                             line-height: 1.1;
                             font-weight: 400;
                         }

                         #jeu-concours-2026 .contest-countdown small {
                             display: block;
                             margin-top: 6px;
                             color: #606060;
                             font-family: "flameRegular", "flameRegular Fallback", sans-serif;
                             font-size: 1.1rem;
                             line-height: 1.3;
                             text-transform: uppercase;
                         }

                         @media only screen and (min-width: 1024px) {
                             #jeu-concours-2026 h1 {
                                 font-size: 4rem;
                                 line-height: 5.1rem;
                             }
                         }

                         @media only screen and (max-width: 767px) {
                             #jeu-concours-2026 {
                                 padding: 40px 16px 56px;
                             }

                             #jeu-concours-2026 .contest-card {
                                 padding: 40px 24px 32px;
                             }

                             #jeu-concours-2026 h1 {
                                 font-size: 2.8rem;
                                 line-height: 3.5rem;
                             }

                             #jeu-concours-2026 .contest-intro {
                                 font-size: 1.6rem;
                                 margin-bottom: 32px;
                             }

                             #jeu-concours-2026 .contest-form {
                                 grid-template-columns: 1fr;
                                 gap: 12px;
                             }

                             #jeu-concours-2026 .contest-submit {
                                 width: 100%;
                                 min-width: 0;
                             }

                             #jeu-concours-2026 .contest-success {
                                 padding: 24px 20px;
                             }

                             #jeu-concours-2026 .contest-success h2 {
                                 font-size: 2.2rem;
                                 line-height: 2.8rem;
                             }

                             #jeu-concours-2026 .contest-countdown {
                                 gap: 5px;
                             }

                             #jeu-concours-2026 .contest-countdown > span {
                                 padding-left: 4px;
                                 padding-right: 4px;
                             }

                             #jeu-concours-2026 .contest-countdown b {
                                 font-size: 1.8rem;
                             }

                             #jeu-concours-2026 .contest-countdown small {
                                 font-size: 1rem;
                             }
                         }

                         @media only screen and (max-width: 420px) {
                             #jeu-concours-2026 .contest-card {
                                 padding-left: 18px;
                                 padding-right: 18px;
                             }

                             #jeu-concours-2026 .contest-countdown > span {
                                 padding-top: 10px;
                                 padding-bottom: 8px;
                             }

                             #jeu-concours-2026 .contest-countdown b {
                                 font-size: 1.6rem;
                             }
                         }


/* ==========================================================
   Overrides identite Burger King - card, badge, bouton
   ========================================================== */

#jeu-concours-2026 .contest-card {
    max-width: 640px;
    padding: 36px 40px 32px;
    background: #F5EBDC;
    border: 1px solid rgba(80, 35, 20, .12);
    border-bottom: 6px solid #D62300;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(80, 35, 20, .18);
    color: #502314;
}

#jeu-concours-2026 h1 {
    font-size: 2.4rem;
    line-height: 3rem;
    margin-top: 14px;
}

#jeu-concours-2026 .contest-intro {
    font-size: 1.4rem;
    margin-bottom: 20px;
}

#jeu-concours-2026 .wheel-area {
    width: clamp(220px, 70vw, 320px);
    margin: 18px auto 20px;
}

#jeu-concours-2026 .contest-submit {
    min-height: 52px;
    min-width: 150px;
    font-size: 1.4rem;
}

@media only screen and (max-width: 640px) {
    #jeu-concours-2026 .contest-card {
        padding: 28px 20px 24px;
    }

    #jeu-concours-2026 h1 {
        font-size: 2rem;
        line-height: 2.5rem;
    }
}

#jeu-concours-2026 .contest-card::before,
#jeu-concours-2026 .contest-card::after {
    background: rgba(214, 35, 0, .10);
}

#jeu-concours-2026 .contest-badge {
    background: #D62300;
    color: #FFFFFF;
    border-radius: 999px;
    padding: 6px 18px;
    letter-spacing: .06em;
}

#jeu-concours-2026 h1,
#jeu-concours-2026 .contest-intro,
#jeu-concours-2026 label {
    color: #502314;
}

#jeu-concours-2026 .contest-submit {
    background: #D62300;
    color: #FFFFFF;
    border-radius: 999px;
    padding: 0 40px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    box-shadow: 0 6px 16px rgba(214, 35, 0, .35);
    transition: background-color .2s ease-out, box-shadow .2s ease-out, transform .15s ease-out;
}

#jeu-concours-2026 .contest-submit:hover {
    background: #B01E00;
    box-shadow: 0 8px 20px rgba(214, 35, 0, .45);
}

#jeu-concours-2026 .contest-submit:focus-visible {
    outline: 3px solid #F5A623;
    outline-offset: 3px;
}

#jeu-concours-2026 .contest-submit:active {
    background: #8F1900;
    transform: translateY(1px);
}

/* ==========================================================
   Cadrage des items dans leur part (8 x 45deg)
   ========================================================== */

#jeu-concours-2026 .wheel-label {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    transform-origin: 50% 50%;
    pointer-events: none;
}

#jeu-concours-2026 .wheel-label img {
    position: absolute;
    left: 50%;
    top: 18%;
    width: 22%;
    height: 22%;
    max-width: 78px;
    max-height: 78px;
    object-fit: contain;
    filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .22));
}