@charset "UTF-8";

/* ==========================================================================
   RTL fix: WGL Button Physics widget (Matter.js bubbles)
   In RTL mode, absolutely-positioned .wgl-physics_item without an explicit
   left value snaps to the right edge of the container (static-flow position
   in RTL). The Matter.js update() loop sets `transform: translate(x, y)`
   assuming the element origin is at the container's LEFT edge, so the added
   `left` offset pushes every bubble far outside the visible area.
   Force left:0 / right:auto so translate() coordinates line up with the
   physics canvas. Physical properties are intentional here (JS coordinates).
   Moved from nexi/css/rtl-mod.css.
   ========================================================================== */
.rtl .wgl-physics_item,
[dir="rtl"] .wgl-physics_item {
    left: 0 !important;
    right: auto !important;
}

/* ==========================================================================
   Minified-CSS fix: nexi/css/main-rtl.min.css (theme option "use_minified")
   writes the first keyframe as "0{" instead of "0%{", which browsers drop.
   Re-declare both animations exactly as in main-rtl.css; this file loads
   later, so these definitions win.
   ========================================================================== */
@keyframes burger_scaled-2 {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes hotspots_swing {
    0%, 75%, to {
        transform: rotate3d(0, 0, 1, 0deg);
    }
    80% {
        transform: rotate3d(0, 0, 1, -15deg);
    }
    85% {
        transform: rotate3d(0, 0, 1, 10deg);
    }
    90% {
        transform: rotate3d(0, 0, 1, -5deg);
    }
    95% {
        transform: rotate3d(0, 0, 1, 5deg);
    }
}

/* Site-wide WhatsApp contact shortcut. */
.lawyer-whatsapp-float {
    position: fixed;
    inset-block-end: clamp(18px, 3vw, 32px);
    /* inline-start = right in RTL, away from the theme's scroll-up button (left). */
    inset-inline-start: clamp(18px, 3vw, 32px);
    z-index: 9999;
    display: grid;
    inline-size: 58px;
    block-size: 58px;
    place-items: center;
    border-radius: 50%;
    background: #25d366;
    color: #fff;
    box-shadow: 0 10px 24px rgb(16 95 47 / 32%);
    transition: transform .2s ease, box-shadow .2s ease;
}

.lawyer-whatsapp-float:hover {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 14px 28px rgb(16 95 47 / 40%);
}

.lawyer-whatsapp-float:focus-visible {
    outline: 3px solid #151515;
    outline-offset: 3px;
}

.lawyer-whatsapp-float svg {
    inline-size: 31px;
    block-size: 31px;
}

@media (max-width: 480px) {
    .lawyer-whatsapp-float {
        inline-size: 52px;
        block-size: 52px;
    }
}