/**
 * Rebel Monkey Ride - Odoo chat launcher
 *
 * El botón propio solo está presente antes de inicializar Odoo. Tras abrir
 * una conversación deja paso al launcher nativo del proveedor.
 */

.rmr-odoo-chat {
    position: fixed;
    right: max(var(--rmr-space-lg), env(safe-area-inset-right));
    bottom: max(var(--rmr-space-lg), env(safe-area-inset-bottom));
    z-index: calc(var(--rmr-z-modal) - 1);

    display: grid;
    justify-items: end;
    gap: var(--rmr-space-sm);
}

/* The component uses the native hidden attribute while Odoo is open. */
.rmr-odoo-chat[hidden],
.rmr-odoo-chat [hidden] {
    display: none !important;
}

.rmr-odoo-chat__trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--rmr-space-sm);
    min-height: 48px;
    margin: 0;
    border: 1px solid var(--rmr-color-accent);
    border-radius: 999px;
    padding: 12px 18px;

    background: var(--rmr-color-accent);
    color: var(--rmr-color-black);
    font-family: var(--rmr-font-display);
    font-size: var(--rmr-font-size-cta);
    font-weight: var(--rmr-font-weight-bold);
    line-height: 1;
    text-transform: uppercase;

    cursor: pointer;
    transition:
        background-color var(--rmr-transition-fast),
        border-color var(--rmr-transition-fast),
        color var(--rmr-transition-fast);
}

.rmr-odoo-chat__trigger:hover,
.rmr-odoo-chat__trigger:focus-visible {
    border-color: var(--rmr-color-white);
    background: var(--rmr-color-black);
    color: var(--rmr-color-white);
}

.rmr-odoo-chat__trigger:focus-visible,
.rmr-odoo-chat__fallback:focus-visible {
    outline: 2px solid var(--rmr-color-white);
    outline-offset: 3px;
}

.rmr-odoo-chat__trigger:disabled {
    cursor: progress;
    opacity: 0.82;
}

.rmr-odoo-chat__icon {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;

    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.rmr-odoo-chat__status,
.rmr-odoo-chat__fallback {
    max-width: min(280px, calc(100vw - (2 * var(--rmr-space-lg))));
    margin: 0;
    padding: var(--rmr-space-sm) var(--rmr-space-md);

    background: var(--rmr-color-black);
    color: var(--rmr-color-white);
    font-family: var(--rmr-font-body);
    font-size: 14px;
    line-height: 1.4;
    text-align: right;
}

.rmr-odoo-chat__fallback {
    color: var(--rmr-color-accent);
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (max-width: 767px) {

    .rmr-odoo-chat {
        right: max(var(--rmr-space-md), env(safe-area-inset-right));
        bottom: max(var(--rmr-space-md), env(safe-area-inset-bottom));
    }

    .rmr-odoo-chat__trigger {
        min-height: 46px;
        padding: 11px 16px;
        font-size: 18px;
    }

    .rmr-odoo-chat__status,
    .rmr-odoo-chat__fallback {
        max-width: min(260px, calc(100vw - (2 * var(--rmr-space-md))));
    }
}

@media (prefers-reduced-motion: reduce) {

    .rmr-odoo-chat__trigger {
        transition: none;
    }
}