.wwrc-wheel-box {
    margin: 30px 0;
    padding: 30px;
    border: 1px solid #ddd;
    text-align: center;
    background: #fff;
}

.wwrc-wheel-intro {
    margin-bottom: 25px;
}

.wwrc-wheel-wrapper {
    position: relative;
    width: 320px;
    height: 320px;
    margin: 0 auto 25px;
}

.wwrc-wheel {
    position: relative;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    overflow: hidden;
    border: 8px solid #222;
    transition: transform 4s cubic-bezier(.17,.67,.12,.99);
    background: conic-gradient(
        #f7d9d9 0deg 60deg,
        #f4eeee 60deg 120deg,
        #e8d6c3 120deg 180deg,
        #f7d9d9 180deg 240deg,
        #f4eeee 240deg 300deg,
        #e8d6c3 300deg 360deg
    );
}

.wwrc-wheel-pointer {
    position: absolute;
    top: -14px;
    left: 50%;
    z-index: 3;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 30px solid #222;
	}

.wwrc-wheel-slot {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 130px;
    height: 40px;
    margin-left: -65px;
    margin-top: -20px;
    transform-origin: center center;
    text-align: center;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 600;
}

.wwrc-wheel-slot span {
    display: inline-block;
    max-width: 100px;
}

.wwrc-wheel-slot-1 {
    transform: rotate(30deg) translateY(-105px);
}

.wwrc-wheel-slot-2 {
    transform: rotate(90deg) translateY(-105px);
}

.wwrc-wheel-slot-3 {
    transform: rotate(150deg) translateY(-105px);
}

.wwrc-wheel-slot-4 {
    transform: rotate(210deg) translateY(-105px);
}

.wwrc-wheel-slot-5 {
    transform: rotate(270deg) translateY(-105px);
}

.wwrc-wheel-slot-6 {
    transform: rotate(330deg) translateY(-105px);
}



.wwrc-result {
    margin-top: 15px;
    font-weight: 600;
}

.wwrc-result.is-success {
    color: #217a36;
}

.wwrc-result.is-error {
    color: #b32d2e;
}
.woocommerce-cart-form .cart_item .wwrc-gift-quantity + .quantity,
.woocommerce-cart-form .cart_item input[name*="cart"][name*="[qty]"] {
    max-width: 80px;
}
.wwrc-gift-cart-item .quantity,
.wwrc-gift-cart-item input.qty,
.wwrc-gift-cart-item .plus,
.wwrc-gift-cart-item .minus,
.wwrc-gift-cart-item button.plus,
.wwrc-gift-cart-item button.minus {
    display: none !important;
}

.wwrc-gift-cart-item .product-quantity::after {
    content: "1";
    display: inline-block;
    font-weight: 600;
}
.wwrc-gift-cart-item .product-name::after {
    content: "🎁 Cadeau roue de la chance";
    display: block;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 600;
}
.wwrc-front-image {
    display: block;
    max-width: 260px;
    height: auto;
    margin: 30px 0;
}
.wwrc-wheel-success{
    padding:40px;
    text-align:center;
    background:#f6fbf3;
    border:2px solid #8dbf63;
    border-radius:15px;
    margin:40px 0;
}

.wwrc-wheel-success h2{
    margin-bottom:15px;
    color:#5b8c2a;
}

.wwrc-wheel-success p{
    margin:8px 0;
    font-size:16px;
}