/* ===================== */
/* SWEETALERT2 WESTERN   */
/* ===================== */

.swal2-popup{
    background: linear-gradient(to bottom, rgba(255,250,244,0.97), rgba(228,203,171,0.92)) !important;
    color: #4a2411 !important;
    border-radius: 30px !important;
    border: 1px solid rgba(98,58,28,0.28) !important;
    box-shadow:
        0 2px 0 rgba(255,255,255,0.55) inset,
        0 -2px 0 rgba(120,70,30,0.10) inset,
        0 6px 0 rgba(120,70,30,0.22),
        0 12px 22px rgba(0,0,0,0.22) !important;
    padding: 1.4em 1.2em 1.2em 1.2em !important;
    font-size: clamp(18px, 4vw, 30px) !important;
}

.swal2-title{
    font-family: "titres" !important;
    color: #4a2411 !important;
    font-size: clamp(42px, 7vw, 72px) !important;
    line-height: 1.05 !important;
    text-transform: capitalize;
    margin-bottom: 0.35em !important;
    text-shadow: 0 1px 4px rgba(90,45,20,0.12);
}

.swal2-html-container{
    font-family: "texte" !important;
    color: #4a2411 !important;
    font-size: clamp(18px, 4vw, 30px) !important;
    line-height: 1.35 !important;
}

.swal2-styled.swal2-confirm,
.swal2-styled.swal2-cancel,
.swal2-styled.swal2-deny{
    border-radius: 25px !important;
    padding: 0.9em 1.3em !important;
    font-family: "texte" !important;
    font-size: clamp(18px, 4vw, 26px) !important;
    box-shadow:
        0 2px 0 rgba(255,255,255,0.18) inset,
        0 -2px 0 rgba(0,0,0,0.12) inset,
        0 5px 0 rgba(59,40,28,0.95),
        0 10px 16px rgba(0,0,0,0.24) !important;
    transition: all .2s ease-in-out !important;
}

.swal2-styled.swal2-confirm{
    background: linear-gradient(to bottom, #8b6b4e, #5a3f2c) !important;
    color: #fff8ef !important;
    border: 1px solid #3d2a1d !important;
}

.swal2-styled.swal2-cancel{
    background: linear-gradient(to bottom, #a08a73, #6f5a49) !important;
    color: #fff8ef !important;
    border: 1px solid #58473a !important;
}

.swal2-styled.swal2-deny{
    background: linear-gradient(to bottom, #9a5a47, #6e3527) !important;
    color: #fff8ef !important;
    border: 1px solid #57281d !important;
}

.swal2-styled.swal2-confirm:hover,
.swal2-styled.swal2-cancel:hover,
.swal2-styled.swal2-deny:hover{
    transform: translateY(2px) !important;
    box-shadow:
        0 1px 0 rgba(255,255,255,0.14) inset,
        0 -2px 0 rgba(0,0,0,0.18) inset,
        0 2px 0 #24170f,
        0 8px 14px rgba(0,0,0,0.22) !important;
}

.swal2-icon{
    border-color: #7b4a24 !important;
    color: #7b4a24 !important;
}

.swal2-success-ring{
    border-color: rgba(123,74,36,0.25) !important;
}

.swal2-timer-progress-bar{
    background: linear-gradient(to right, #8b6b4e, #5a3f2c) !important;
}