/* استایل پایه برای ویجت کامنت نخل */
#nakhl-comment-widget-root {
    font-family: IRANSansX;
    direction: rtl;
} 

.nakhl-comment-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    font-weight: bold;
    font-size: 1.1rem;
}
.nakhl-no-comment {
    background: #f8f8f8;
    padding: 2rem;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 1rem;
}
.nakhl-add-first-comment, .nakhl-show-more-comments, .nakhl-comment-form button {
    border: none;
    border-radius: 5px;
    margin-top: 1rem;
    cursor: pointer;
    transition: background 0.2s;

    color: var(--static-static-white, #FFF);
    font-feature-settings: 'liga' off, 'calt' off;

    /* Title/Label/Small */
    font-family: IRANSansX;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.084px;

    display: flex;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 4px;

    border-radius: var(--radius-10, 10px);
    margin-top: 24px;
    background: var(--primary-base, #09B563);
}
.nakhl-add-first-comment:hover, .nakhl-show-more-comments:hover, .nakhl-comment-form button:hover {
    background: #388e3c;
}
.nakhl-comments-list {
    padding: 1rem;
}
.nakhl-comment-item {
    gap: 12px;
    display: flex;
    padding: 0rem;
    position: relative;
    transition: box-shadow 0.2s;
}

.nakhl-comment-side{
    display: flex;
    align-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 0px;
}
.nakhl-comment-item-inner{
    padding-bottom: 22px;
}
.author-avatar-and-curve{
    display: flex;
    height: 32px;
    align-items: center;   
}


.next-level-coments > .next-level-coments:last-child, .next-level-coments > .nakhl-comment-item:last-child .comment-vertical-line{
    border-right: unset !important;
}

.nakhl-comments-list  .next-level-coments :last-child > .nakhl-comment-item .author-avatar-and-curve{
    margin-right: 0px !important;
    margin-left: 0px !important;
}



.comment-vertical-line{
    
    flex: 1;
    height: 100%;
    width: 16px;
    align-self: end;
    border-right: solid 1px #CACFD8;
    
}

.nakhl-comment-author {
    height: 32px;
    display: flex;
    gap: 8px;

    align-content: center;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    margin-bottom: 0.5rem;

    color: var(--text-strong-950, #0E121B);
    text-align: right;
    font-feature-settings: 'liga' off, 'calt' off;

    /* Title/Label/Medium */
    font-family: IRANSansX;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

.nakhl-comment-date{
    color: var(--text-soft-400, #99A0AE);
    text-align: right;
    font-feature-settings: 'liga' off, 'calt' off;

    /* Subheading/X Small */
    font-family: IRANSansX;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 133.333% */
    text-transform: uppercase;
}

.nakhl-comment-content {
    color: var(--text-sub-600, #525866);
    text-align: right;
    font-feature-settings: 'liga' off, 'calt' off;

    /* Paragraph/Small */
    font-family: IRANSansX;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    margin-bottom: 0.5rem;
}


.nakhl-reply-comment {
    background: none;
    border: none;
    color: #1976d2;
    cursor: pointer;
    font-size: 1rem;
}
.nakhl-comment-form-wrap {
    margin-top: 2rem;
    display: block !important;
    background: #F5F7FA;
    border-radius: 8px;
    padding: 16px;
}
.elementor-widget-nakhl_comment_widget .elementor-widget-container{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.nakhl-comment-form input, .nakhl-comment-form textarea {
    width: 100%;
    padding: 0.7rem;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 1rem;
    box-sizing: border-box;
}
.nakhl-comment-form textarea {
    min-height: 100px;
    resize: vertical;
}



.nakhl-form-group{
    position: relative;
}

.nakhl-form-group input:focus, #nakhl-comment:focus{
    border: 1px solid #2e7d32 !important;
    outline-color: #2e7d32 !important;
    transition: none !important;
}

.nakhl-form-group label{
    color: var(--text-strong-950, #0E121B);
    font-feature-settings: 'liga' off, 'calt' off;
    
    /* Title/Label/Small */
    font-family: IRANSansX;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.084px;
    margin-bottom: 4px;
}

.nakhl-form-group label .required-star{
    color: #09B563;
}

.nakhl-form-group input{
    display: flex;
    padding: 10px 10px 10px 12px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: var(--radius-10, 10px);
    border: 1px solid var(--stroke-soft-200, #E1E4EA);
    background: var(--bg-white-0, #FFF);

    /* regular-shadow/x-small */
    box-shadow: 0px 1px 2px 0px rgba(10, 13, 20, 0.03);
}

.nakhl-form-group input::placeholder, #nakhl-comment::placeholder {
    color: var(--text-soft-400, #99A0AE);
    text-align: right;
    font-feature-settings: 'liga' off, 'calt' off;

    /* Paragraph/Small */
    font-family: IRANSansX;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

#nakhl-comment{
    display: flex;
    padding: 10px 10px 10px 12px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: var(--radius-12, 12px);
    border: 1px solid var(--stroke-soft-200, #E1E4EA);
    background: var(--bg-white-0, #FFF);

    /* regular-shadow/x-small */
    box-shadow: 0px 1px 2px 0px rgba(10, 13, 20, 0.03);
    resize: vertical;
    box-sizing: border-box;
    padding-bottom: 30px; /* space for counter */
    position: relative;


}


.char-counter {
    position: absolute;
    bottom: 27px;
    right: 10px;
    color: var(--text-soft-400, #99A0AE);
    text-align: right;
    font-feature-settings: 'liga' off, 'calt' off;

    /* Subheading/2X Small */
    font-family: IRANSansX;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px; /* 109.091% */
    text-transform: uppercase;
    
}
.nakhl-comment-info{
    display: flex; align-items: center;
    gap: 4px; 
    color: #525866;
    text-align: right;
    font-feature-settings: 'liga' off, 'calt' off;

    /* Paragraph/X Small */
    font-size: 12px;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    margin-top: 4px;
}
.nakhl-comment-form-title{
    color: var(--text-strong-950, #0E121B);
    font-feature-settings: 'liga' off, 'calt' off;

    /* Title/H6 Title */
    font-family: IRANSansX;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 140% */
}

.comment-input-name-and-password-container{
    display: flex;
    gap: 16px;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.name-and-email{
    flex: 50%;
}

@media (max-width: 800px) {
    .name-and-email, .nakhl-comment-form-submit{
        width: 100%;
    }
    .comment-input-name-and-password-container{
        flex-direction: column;
    }
  }


/* comment item */
.nakhl-avatar{
    display: flex;
    width: 32px;
    height: 32px;
    padding: 6px 0px;
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-8, 8px);
    background: var(--state-success-light, #B4EDDC);


    text-align: center;
    font-feature-settings: 'liga' off, 'calt' off;

    /* Title/Label/Small */
    font-family: IRANSansX;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.084px;
}


/* like and dislike  and reply*/
.nakhl-comment-footer button{
    display: flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border: 1px solid #E1E4EA00;
    color: #525866;
    padding: 6px;
    transition: unset;
    color: var(--text-sub-600, #525866);
    font-feature-settings: 'liga' off, 'calt' off;

    /* Title/Label/Small */
    font-family: IRANSansX;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.084px;
    background: none;

}
.nakhl-comment-footer{
    display: flex;
    gap: 12px;
    margin-top: 0.5rem;

}

.nakhl-comment-footer button:hover{
    background: #3dffa12e;
    border-radius: 8px;
    border: 1px solid #E1E4EA;
    transition: unset;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.nakhl-comment-footer button:disabled{
    opacity: 0.5;
    cursor: not-allowed;
}
.nakhl-dislike-comment:hover{
    background: #cc233f36!important;

}