/* Start custom CSS for text-editor, class: .elementor-element-732cb4c *//* استایل کلی برای متن */
.elementor-widget-text-editor {
    font-family: inherit; /* استفاده از فونت پیش‌فرض */
    font-size: 18px; /* اندازه فونت */
    line-height: 1.8; /* فاصله خطوط */
    color: #333; /* رنگ متن */
    text-align: justify; /* تراز متن */
    margin-bottom: 20px; /* فاصله از پایین */
    transition: all 0.3s ease; /* افکت حرکت نرم */
    position: relative; /* برای افکت‌ها */
}

/* افکت شناور برای متن */
.elementor-widget-text-editor:hover {
    color: #e74c3c; /* تغییر رنگ هنگام هاور */
    transform: translateY(-5px); /* حرکت کوچک به بالا */
    text-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); /* اضافه کردن سایه به متن */
}

/* استایل برای عناوین (h1, h2, h3, h4, h5) */
.elementor-widget-text-editor h1,
.elementor-widget-text-editor h2,
.elementor-widget-text-editor h3,
.elementor-widget-text-editor h4,
.elementor-widget-text-editor h5 {
    font-family: inherit; /* استفاده از فونت پیش‌فرض */
    font-weight: bold;
    color: #a04cff; /* رنگ عناوین */
    text-transform: uppercase; /* تغییر به حروف بزرگ */
    letter-spacing: 1px; /* فاصله حروف */
    margin-bottom: 20px; /* فاصله از پایین */
    transition: color 0.3s ease, transform 0.3s ease; /* افکت تغییر رنگ و حرکت */
}

/* افکت شناور برای عناوین */
.elementor-widget-text-editor h1:hover,
.elementor-widget-text-editor h2:hover,
.elementor-widget-text-editor h3:hover,
.elementor-widget-text-editor h4:hover,
.elementor-widget-text-editor h5:hover {
    color: #e74c3c; /* رنگ عناوین هنگام هاور */
    transform: scale(1.05); /* کمی بزرگتر شدن در هاور */
    text-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* سایه نرم برای عناوین */
}

/* استایل برای لینک‌ها */
.elementor-widget-text-editor a {
    color: #3498db; /* رنگ لینک */
    text-decoration: none; /* حذف زیرخط */
    font-weight: 600; /* ضخامت فونت */
    transition: all 0.3s ease; /* افکت تغییر رنگ */
    position: relative; /* برای افکت‌های بیشتر */
}

.elementor-widget-text-editor a::after {
    content: ''; /* ایجاد خط زیر لینک */
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #3498db; /* رنگ خط زیر لینک */
    transform: scaleX(0); /* پنهان کردن خط */
    transition: transform 0.3s ease; /* افکت پدیدار شدن خط */
}

/* افکت لینک هنگام هاور */
.elementor-widget-text-editor a:hover {
    color: #e74c3c; /* تغییر رنگ لینک */
}

.elementor-widget-text-editor a:hover::after {
    transform: scaleX(1); /* نمایش خط زیر لینک */
}

/* استایل برای پاراگراف‌ها */
.elementor-widget-text-editor p {
    margin-bottom: 20px; /* فاصله پایین پاراگراف */
    color: #555; /* رنگ متن پاراگراف‌ها */
    transition: color 0.3s ease, transform 0.3s ease; /* افکت تغییر رنگ و حرکت */
}

/* تغییر رنگ پاراگراف‌ها هنگام هاور */
.elementor-widget-text-editor p:hover {
    color: #e74c3c; /* رنگ پاراگراف‌ها هنگام هاور */
    transform: translateX(5px); /* حرکت کوچک به سمت راست */
}

/* استایل برای لیست‌ها */
.elementor-widget-text-editor ul {
    list-style-type: none; /* حذف نماد پیش‌فرض لیست */
    padding-left: 0;
    margin-bottom: 20px;
}

.elementor-widget-text-editor ul li {
    position: relative;
    padding-left: 25px; /* فاصله از سمت چپ */
    margin-bottom: 15px; /* فاصله بین آیتم‌ها */
    font-size: 16px; /* اندازه فونت آیتم‌های لیست */
    color: #333; /* رنگ آیتم‌ها */
    transition: color 0.3s ease, transform 0.3s ease; /* افکت تغییر رنگ و حرکت */
}

/* افکت حرکت و تغییر رنگ آیتم‌های لیست */
.elementor-widget-text-editor ul li:hover {
    color: #e74c3c; /* تغییر رنگ در هاور */
    transform: translateX(10px); /* حرکت به سمت راست */
}

/* استایل برای نقل قول‌ها */
.elementor-widget-text-editor blockquote {
    font-style: italic;
    color: #777;
    border-left: 4px solid #e74c3c; /* خط سمت چپ */
    padding-left: 20px; /* فاصله از سمت چپ */
    margin-bottom: 20px; /* فاصله از پایین */
    transition: all 0.3s ease; /* افکت حرکت */
}

/* تغییر رنگ نقل قول‌ها هنگام هاور */
.elementor-widget-text-editor blockquote:hover {
    border-color: #3498db; /* تغییر رنگ خط سمت چپ */
    color: #2c3e50; /* تغییر رنگ متن */
    transform: scale(1.02); /* کمی بزرگتر شدن */
}

/* استایل برای دکمه‌ها */
.elementor-widget-button a {
    background-color: #3498db; /* رنگ پس‌زمینه دکمه */
    color: white; /* رنگ متن دکمه */
    padding: 12px 30px; /* فضای داخلی دکمه */
    font-size: 16px; /* اندازه فونت دکمه */
    border-radius: 25px; /* گوشه‌های گرد دکمه */
    text-transform: uppercase; /* حروف بزرگ */
    text-decoration: none; /* حذف زیرخط */
    display: inline-block; /* دکمه به صورت بلوک */
    transition: all 0.3s ease; /* افکت تغییر رنگ */
}

/* تغییر رنگ پس‌زمینه دکمه در هاور */
.elementor-widget-button a:hover {
    background-color: #e74c3c; /* تغییر رنگ پس‌زمینه در هاور */
    transform: translateY(-3px); /* حرکت کمی به بالا */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); /* سایه اطراف دکمه */
}

/* استایل برای متن‌های هایلایت شده */
.elementor-widget-text-editor .highlight {
    background-color: #e74c3c; /* رنگ پس‌زمینه برای هایلایت */
    color: white; /* رنگ متن برای هایلایت */
    padding: 0 5px; /* فضای داخلی */
    border-radius: 5px; /* گوشه‌های گرد */
    transition: transform 0.3s ease; /* افکت حرکت */
}

/* افکت حرکت برای هایلایت‌ها */
.elementor-widget-text-editor .highlight:hover {
    transform: scale(1.05); /* کمی بزرگتر شدن */
}/* End custom CSS */