/* تنظیمات پایه نگهدارنده */
.custom-media-widget {
    display: flex;
    align-items: center;
    width: 100%;
}

.custom-text-container .custom-title {
    margin-bottom: 8px;
    margin-top: 0;
}

/* ==========================================
   مدیریت جهت‌ها بر اساس کلاس چیدمان المنتور
   ========================================== */

/* متن سمت راست مدیا */
.custom-media-widget.pos-right {
    flex-direction: row-reverse;
}

/* متن سمت چپ مدیا */
.custom-media-widget.pos-left {
    flex-direction: row;
}

/* متن بالای مدیا */
.custom-media-widget.pos-top {
    flex-direction: column-reverse;
    text-align: center;
}

/* متن پایین مدیا */
.custom-media-widget.pos-bottom {
    flex-direction: column;
    text-align: center;
}

/* استایل انیمیشن پالس اختصاصی 360 نما (برای وقتی که در ویرایشگر استفاده کنید) */
.nama360-pulse {
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(52, 152, 219, 0.4);
    animation: nama360-pulse-animation 2s infinite;
}

@keyframes nama360-pulse-animation {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(52, 152, 219, 0.4);
        box-shadow: 0 0 0 0 rgba(52, 152, 219, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 20px rgba(52, 152, 219, 0);
        box-shadow: 0 0 0 20px rgba(52, 152, 219, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(52, 152, 219, 0);
        box-shadow: 0 0 0 0 rgba(52, 152, 219, 0);
    }
}