.elementor-19359 .elementor-element.elementor-element-9ecb56f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-19359 .elementor-element.elementor-element-798c400{--e-image-carousel-slides-to-show:1;}.elementor-19359 .elementor-element.elementor-element-798c400 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-19359 .elementor-element.elementor-element-798c400 .elementor-swiper-button.elementor-swiper-button-next{font-size:30px;color:#0451C8;}.elementor-19359 .elementor-element.elementor-element-798c400 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-19359 .elementor-element.elementor-element-798c400 .elementor-swiper-button.elementor-swiper-button-next svg{fill:#0451C8;}.elementor-19359 .elementor-element.elementor-element-798c400 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:25px 25px 25px 25px;}.elementor-19359 .elementor-element.elementor-element-c64c70b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19359 .elementor-element.elementor-element-7acb52d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:26px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-19359 .elementor-element.elementor-element-7acb52d:not(.elementor-motion-effects-element-type-background), .elementor-19359 .elementor-element.elementor-element-7acb52d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FEF6FF 0%, #D8F0FF 100%);}.elementor-19359 .elementor-element.elementor-element-2928a18 > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-19359 .elementor-element.elementor-element-2928a18{text-align:justify;color:#000000;}.elementor-19359 .elementor-element.elementor-element-4fdfd60{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-19359 .elementor-element.elementor-element-4fdfd60:not(.elementor-motion-effects-element-type-background), .elementor-19359 .elementor-element.elementor-element-4fdfd60 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FEF6FF 0%, #D8F0FF 100%);}.elementor-19359 .elementor-element.elementor-element-5367d86 > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-19359 .elementor-element.elementor-element-4692e65{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-19359 .elementor-element.elementor-element-7acb52d{--width:50%;}.elementor-19359 .elementor-element.elementor-element-4fdfd60{--width:50%;}}@media(max-width:767px){.elementor-19359 .elementor-element.elementor-element-c64c70b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-19359 .elementor-element.elementor-element-7acb52d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for post-comments, class: .elementor-element-1244914 *//* ---------------------------------------------
   CSS کامل فرم و کامنت‌ها با حباب گفتگو
   + استایل حرفه‌ای تاریخ و ویرایش
   + اصلاح نسخه موبایل و فاصله‌ها
   + تغییر متن بالای کامنت از "پاسخ" به "دیدگاه"
----------------------------------------------- */

/* قاب کلی فرم و کامنت‌ها */
.elementor-19359 .elementor-element.elementor-element-1244914 {
    background: linear-gradient(180deg, #ffffff 0%, #f4f9ff 100%);
    border: 1px solid #d8eaff;
    border-radius: 24px;
    padding: 28px;
    box-shadow: 0 18px 45px rgba(0, 91, 170, 0.10);
}

/* عنوان بخش کامنت‌ها */
.elementor-19359 .elementor-element.elementor-element-1244914 .comments-title,
.elementor-19359 .elementor-element.elementor-element-1244914 .comment-reply-title {
    color: #063b70;
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 22px;
    content: دیدگاه;
}

/* هر کامنت مثل حباب گفتگو */
.elementor-19359 .elementor-element.elementor-element-1244914 .comment {
    list-style: none;
    margin-bottom: 28px; /* فاصله بیشتر بین کامنت‌ها */
}

.elementor-19359 .elementor-element.elementor-element-1244914 .comment-body {
    position: relative;
    background: #ffffff;
    border: 1px solid #d9ecff;
    border-radius: 22px;
    padding: 24px 26px; /* padding بیشتر برای متن */
    box-shadow: 0 10px 28px rgba(0, 87, 160, 0.08);
    transition: all .3s ease;
}

/* هاور کارت */
.elementor-19359 .elementor-element.elementor-element-1244914 .comment-body:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 38px rgba(0, 87, 160, 0.14);
}

/* دم حباب گفتگو */
.elementor-19359 .elementor-element.elementor-element-1244914 .comment-body:before {
    content: "";
    position: absolute;
    top: 24px;
    right: -9px;
    width: 18px;
    height: 18px;
    background: #ffffff;
    border-top: 1px solid #d9ecff;
    border-right: 1px solid #d9ecff;
    transform: rotate(45deg);
}

/* آواتار */
.elementor-19359 .elementor-element.elementor-element-1244914 .comment-author img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 3px solid #e7f3ff;
    box-shadow: 0 6px 18px rgba(0, 119, 204, .18);
    margin-left: 10px;
}

/* نام نویسنده */
.elementor-19359 .elementor-element.elementor-element-1244914 .comment-author .fn,
.elementor-19359 .elementor-element.elementor-element-1244914 .comment-author a {
    color: #063b70;
    font-size: 16px;
    font-weight: 800;
    text-decoration: none;
}

/* متن کامنت */
.elementor-19359 .elementor-element.elementor-element-1244914 .comment-content,
.elementor-19359 .elementor-element.elementor-element-1244914 .comment-body p {
    color: #26394d;
    font-size: 15.5px;
    line-height: 2;
    padding-right: 10px; /* فاصله متن از لبه سمت راست */
}

/* دکمه پاسخ */
.elementor-19359 .elementor-element.elementor-element-1244914 .reply a,
.elementor-19359 .elementor-element.elementor-element-1244914 .comment-reply-link {
    display: inline-block;
    background: #eef7ff;
    color: #0077cc;
    border: 1px solid #cfe8ff;
    border-radius: 999px;
    padding: 7px 18px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all .3s ease;
    margin-right: 12px; /* فاصله از حاشیه راست */
}

.elementor-19359 .elementor-element.elementor-element-1244914 .reply a:hover,
.elementor-19359 .elementor-element.elementor-element-1244914 .comment-reply-link:hover {
    background: #0077cc;
    color: #fff;
}

/* پاسخ‌ها کمی تو رفته‌تر */
.elementor-19359 .elementor-element.elementor-element-1244914 .children {
    margin-top: 26px; /* فاصله بیشتر بین ریپلای‌ها */
    margin-right: 18px;
    padding-right: 18px;
    border-right: 3px solid #d7ecff;
}

/* فرم ارسال دیدگاه */
.elementor-19359 .elementor-element.elementor-element-1244914 .comment-respond {
    margin-top: 34px;
    background: #ffffff;
    border: 1px solid #d6eaff;
    border-radius: 24px;
    padding: 26px;
    box-shadow: 0 14px 35px rgba(0, 91, 170, 0.09);
}

/* توضیح فرم */
.elementor-19359 .elementor-element.elementor-element-1244914 .comment-notes,
.elementor-19359 .elementor-element.elementor-element-1244914 .logged-in-as {
    color: #6b7f95;
    font-size: 14px;
}

/* لیبل‌ها */
.elementor-19359 .elementor-element.elementor-element-1244914 .comment-form label {
    color: #063b70;
    font-weight: 700;
    margin-bottom: 8px;
    display: block;
}

/* فیلدهای فرم */
.elementor-19359 .elementor-element.elementor-element-1244914 .comment-form input[type="text"],
.elementor-19359 .elementor-element.elementor-element-1244914 .comment-form input[type="email"],
.elementor-19359 .elementor-element.elementor-element-1244914 .comment-form input[type="url"],
.elementor-19359 .elementor-element.elementor-element-1244914 .comment-form textarea {
    width: 100%;
    background: #f7fbff;
    border: 1px solid #d5e9ff;
    border-radius: 16px;
    padding: 14px 16px;
    color: #24364a;
    font-size: 15px;
    transition: all .3s ease;
}

.elementor-19359 .elementor-element.elementor-element-1244914 .comment-form textarea {
    min-height: 155px;
    resize: vertical;
}

.elementor-19359 .elementor-element.elementor-element-1244914 .comment-form input:focus,
.elementor-19359 .elementor-element.elementor-element-1244914 .comment-form textarea:focus {
    background: #ffffff;
    border-color: #0077cc;
    box-shadow: 0 0 0 4px rgba(0, 119, 204, .12);
    outline: none;
}

/* دکمه ارسال */
.elementor-19359 .elementor-element.elementor-element-1244914 .form-submit .submit,
.elementor-19359 .elementor-element.elementor-element-1244914 .comment-form .submit,
.elementor-19359 .elementor-element.elementor-element-1244914 input[type="submit"] {
    background: linear-gradient(135deg, #0077cc, #00a6e8);
    color: #ffffff;
    border: none;
    border-radius: 16px;
    padding: 15px 34px;
    font-size: 16px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 12px 28px rgba(0, 119, 204, .28);
    transition: all .3s ease;
    margin-right: 12px; /* فاصله از حاشیه راست */
}

.elementor-19359 .elementor-element.elementor-element-1244914 .form-submit .submit:hover,
.elementor-19359 .elementor-element.elementor-element-1244914 .comment-form .submit:hover,
.elementor-19359 .elementor-element.elementor-element-1244914 input[type="submit"]:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 36px rgba(0, 119, 204, .38);
}

/* فاصله و استایل حرفه‌ای تاریخ و ویرایش */
.elementor-19359 .elementor-element.elementor-element-1244914 .comment-meta,
.elementor-19359 .elementor-element.elementor-element-1244914 .comment-metadata {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #f5f9fd;
    border-radius: 12px;
    padding: 8px 14px !important;
    width: fit-content;
    margin-top: 12px !important;
    margin-bottom: 15px !important;
    font-size: 12px;
    color: #6f88a3;
    margin-left: 8px;  /* فاصله از لبه کارت */
    margin-right: 8px; /* فاصله از لبه کارت */
}

/* ---------------------------------------------
   موبایل: اصلاح فاصله کامنت‌ها و متن
----------------------------------------------- */
@media (max-width: 768px) {
    .elementor-19359 .elementor-element.elementor-element-1244914 {
        padding: 18px;
        border-radius: 18px;
    }

    .elementor-19359 .elementor-element.elementor-element-1244914 .comment-body {
        padding: 20px 22px; /* فاصله بیشتر متن از لبه‌ها */
        margin-bottom: 32px; /* فاصله بین کامنت‌ها */
    }

    .elementor-19359 .elementor-element.elementor-element-1244914 .children {
        margin-top: 28px; /* فاصله بین ریپلای‌ها */
        margin-right: 14px;
        padding-right: 14px;
    }

    .elementor-19359 .elementor-element.elementor-element-1244914 .comment-body:before {
        display: none;
    }

    .elementor-19359 .elementor-element.elementor-element-1244914 .form-submit .submit,
    .elementor-19359 .elementor-element.elementor-element-1244914 input[type="submit"] {
        width: 100%;
    }

    .elementor-19359 .elementor-element.elementor-element-1244914 .comment-content,
    .elementor-19359 .elementor-element.elementor-element-1244914 .comment-body p {
        padding-left: 8px;
        padding-right: 8px; /* فاصله متن از سمت راست */
    }
}
/* ================================
   اصلاح تاریخ کامنت در موبایل
================================ */

@media (max-width:768px){

    .elementor-19359 .elementor-element.elementor-element-1244914 .comment-meta,
    .elementor-19359 .elementor-element.elementor-element-1244914 .comment-metadata {

        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;

        width:100% !important;
        box-sizing:border-box;

        padding:10px 14px !important;
        margin-top:14px !important;
        margin-bottom:18px !important;

        gap:6px !important;

        border-radius:14px;

        direction:rtl;
        text-align:right;

        font-size:12px !important;
        line-height:1.8 !important;

    }


    /* لینک تاریخ */
    .elementor-19359 .elementor-element.elementor-element-1244914 .comment-meta a,
    .elementor-19359 .elementor-element.elementor-element-1244914 .comment-metadata a {

        display:block !important;

        max-width:100%;

        white-space:normal !important;
        word-break:normal !important;

        overflow-wrap:anywhere;

        line-height:1.8 !important;

        color:#6f88a3;

    }


    /* متن ویرایش */
    .elementor-19359 .elementor-element.elementor-element-1244914 .comment-edit-link {

        margin-top:3px !important;

        display:inline-block;

        color:#0077cc;

        font-weight:700;

    }


}/* End custom CSS */