/*
 * ============================================================
 * RSVP PASS TOOLBAR FLOAT V4
 *
 * Toolbar ORIGINAL flotando visualmente
 * justo debajo del PNG real.
 * ============================================================
 */


/*
 * Mantener pase centrado y arriba.
 */

.ir-rsvp-pass-v2.ir-rsvp-pass-actions-v3{

    left:50% !important;
    right:auto !important;

    transform:
        translate(-50%, -78px) !important;

    transform-origin:
        center top !important;

    overflow:visible !important;
}


/*
 * Pase.
 */

.ir-rsvp-pass-image-v2{

    display:block !important;

    width:100% !important;
    height:100% !important;

    object-fit:contain !important;

    object-position:
        center center !important;
}


/*
 * ============================================================
 * TOOLBAR MOVIDA AL BODY POR JS
 * ============================================================
 */

.ir-rsvp-pass-toolbar-v3.ir-pass-toolbar-float-v4{

    position:fixed !important;

    display:flex !important;

    flex-direction:row !important;
    flex-wrap:nowrap !important;

    align-items:center !important;
    justify-content:center !important;

    gap:8px !important;

    width:max-content !important;
    max-width:calc(100vw - 20px) !important;

    height:auto !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    overflow:visible !important;

    opacity:1 !important;
    visibility:visible !important;

    pointer-events:auto !important;

    z-index:2147483000 !important;
}


/*
 * BOTONES
 */

.ir-rsvp-pass-toolbar-v3.ir-pass-toolbar-float-v4
.ir-rsvp-pass-action-v3{

    position:static !important;

    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    flex:0 0 auto !important;

    width:auto !important;
    min-width:105px !important;

    height:42px !important;
    min-height:42px !important;

    margin:0 !important;

    padding:
        0 15px !important;

    border:0 !important;

    border-radius:
        999px !important;

    color:#ffffff !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    white-space:
        nowrap !important;

    text-decoration:
        none !important;

    cursor:pointer !important;

    opacity:1 !important;

    visibility:
        visible !important;

    transform:
        none !important;

    box-shadow:
        0 8px 20px
        rgba(0,0,0,.28) !important;
}


/* DESCARGAR */

.ir-pass-toolbar-float-v4
.ir-rsvp-pass-action-v3:nth-child(1){

    background:
        #0f172a !important;
}


/* IMPRIMIR */

.ir-pass-toolbar-float-v4
.ir-rsvp-pass-action-v3:nth-child(2){

    background:
        #1e293b !important;
}


/* COMPARTIR */

.ir-pass-toolbar-float-v4
.ir-rsvp-pass-action-v3:nth-child(3){

    background:
        #334155 !important;
}


@media(max-width:600px){

    .ir-rsvp-pass-v2.ir-rsvp-pass-actions-v3{

        transform:
            translate(-50%, -88px) !important;
    }


    .ir-rsvp-pass-toolbar-v3.ir-pass-toolbar-float-v4{

        gap:
            5px !important;

        max-width:
            calc(100vw - 12px) !important;
    }


    .ir-rsvp-pass-toolbar-v3.ir-pass-toolbar-float-v4
    .ir-rsvp-pass-action-v3{

        min-width:
            84px !important;

        height:
            38px !important;

        min-height:
            38px !important;

        padding:
            0 9px !important;

        font-size:
            11px !important;
    }
}