/* Marquee Cards for Elementor v1.1.0 */

.mwe-wrap {
    width: 100%;
    overflow: hidden;
    position: relative;
}

/* ── Track ── */
.mwe-track {
    display: flex;
    width: max-content;
    gap: 16px;
    padding: 8px 0;
}

/* ── Animations ── */
@keyframes mwe-anim-left {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@keyframes mwe-anim-right {
    0%   { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}

.mwe-track.mwe-left {
    animation: mwe-anim-left 20s linear infinite;
}

.mwe-track.mwe-right {
    animation: mwe-anim-right 20s linear infinite;
}

.mwe-track.mwe-pause:hover {
    animation-play-state: paused;
}

/* ── Card ── */
.mwe-card {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    min-width: 180px;
    background: #ffffff;
    border-radius: 14px;
    padding: 22px 28px;
    box-sizing: border-box;
    text-decoration: none;
    color: inherit;
}

.mwe-card.mwe-lift {
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.mwe-card.mwe-lift:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12) !important;
}

/* ── Text ── */
.mwe-title {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.3;
    margin: 0 0 5px;
}

.mwe-subtitle {
    display: block;
    font-size: 13px;
    color: #666666;
    line-height: 1.4;
    margin: 0;
}

.mwe-extra {
    display: block;
    font-size: 12px;
    color: #999999;
    line-height: 1.4;
    margin-top: 3px;
}

/* ── Stop animation inside Elementor editor ── */
.elementor-editor-active .mwe-track {
    animation-play-state: paused;
    overflow-x: auto;
    flex-wrap: nowrap;
}