/*
Theme Name: Divi Pedido Child
Description: Tema hijo de Divi con botón de pedido flotante.
Author: Gabi
Template: Divi
Version: 1.0.2
Text Domain: divi-pedido-child
*/

.boton-pedido-portal {
    display: contents !important;
}

.boton-pedido-clon {
    position: fixed !important;
    right: 24px !important;
    bottom: 24px !important;
    left: auto !important;
    top: auto !important;
    z-index: 2147483000 !important;

    width: auto !important;
    max-width: calc(100vw - 48px);
    margin: 0 !important;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(15px);

    transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        visibility 0.25s ease;
}

.boton-pedido-clon.pedido-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.boton-pedido-clon .et_pb_button,
.boton-pedido-clon.et_pb_button {
    white-space: nowrap;
}

@media only screen and (max-width: 767px) {
    .boton-pedido-clon {
        right: auto !important;
        left: 50% !important;
        bottom: calc(14px + env(safe-area-inset-bottom)) !important;

        width: max-content !important;
        max-width: calc(100vw - 32px);
        transform: translate(-50%, 15px);
    }

    .boton-pedido-clon.pedido-visible {
        transform: translate(-50%, 0);
    }

    .boton-pedido-clon .et_pb_button,
    .boton-pedido-clon.et_pb_button {
        white-space: nowrap;
        max-width: calc(100vw - 32px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .boton-pedido-clon {
        transition: none;
    }
}