/* Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* ------------------------Add your custom styles here----------------------- */

/* استایل کلی بخش نظرات */
.custom-comments-area {
    width: 100% !important; max-width: 100% !important; margin: 40px auto; direction: rtl; text-align: right; box-sizing: border-box !important; display: block !important;
}

/* -------------------- کادر عنوان و فرم بالا -------------------- */
.comment-respond { margin-top: 5px !important; width: 100% !important; box-sizing: border-box !important; }
.comment-reply-title { margin-top: 0 !important; margin-bottom: 5px !important; display: flex; align-items: center; }

#cancel-comment-reply-link {
    display: inline-block; background-color: #fff0f0; color: #e53935 !important; padding: 6px 15px; border-radius: 6px; font-size: 13px; margin-right: 20px; text-decoration: none !important; transition: all 0.3s ease;
}
#cancel-comment-reply-link:hover { background-color: #ffe0e0; }

.comment-terms-notice {
    font-size: 14.5px !important; color: #000 !important; margin-bottom: 25px !important; margin-top: 15px !important; 
}
.comment-terms-notice a { color: #4285f4; text-decoration: none; font-size: inherit !important; }

/* -------------------- شیک‌سازی باکس متنی -------------------- */
.comment-form-comment { margin-top: 15px !important; width: 100% !important; }
#comment {
    width: 100% !important; border: 2px solid #e0e0e0 !important; border-radius: 10px !important; padding: 15px !important; 
    font-size: 14px; font-family: inherit; color: #000 !important; font-weight: 500 !important;
    background-color: #fafafa; box-sizing: border-box !important; transition: all 0.3s ease !important; resize: vertical; min-height: 120px;
}
#comment:focus { border: 2px solid #28a745 !important; background-color: #fff !important; box-shadow: none !important; outline: none !important; }

/* -------------------- پیام‌ها ------------------*/

.login-to-comment-notice { background-color: #fffaf0; border: 1px solid #feebc8; color: #dd6b20; border-radius: 4px; margin-bottom: 40px; display: flex; align-items: center; padding: 15px 20px; min-height: 60px; width: 100% !important; box-sizing: border-box !important; }
.login-to-comment-notice p { margin: 0 !important; }
.login-to-comment-notice a { color: #4285f4; text-decoration: none; }

.comments-closed-notice { 
    background-color: #ffebee !important; color: #c62828 !important; border: 1px solid #ffcdd2 !important; padding: 15px 20px !important; border-radius: 6px !important; margin-bottom: 20px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; min-height: 60px !important; box-sizing: border-box !important; width: 100% !important;
}
.comments-closed-notice p { margin: 0 !important; line-height: 1.8; }
.comments-closed-notice b { color: #b71c1c; margin-right: 5px; font-weight: normal; font-size: 0.9em; }

.comment-awaiting-moderation { background-color: #fff8e1; color: #f57c00; padding: 12px 20px; border-radius: 8px; font-size: 13px; font-weight: bold; margin-bottom: 20px; border: 1px dashed #ffe082; display: inline-block; }

/* -------------------- جداکننده تعداد نظرات -------------------- */
.comments-count-separator { text-align: center; position: relative; margin: 50px 0 40px; z-index: 1; width: 100% !important; }
.comments-count-separator::before { content: ""; position: absolute; top: 50%; left: 0; right: 0; border-top: 1px solid #b5b5b5; z-index: -1; }
.comments-count-text { background: #eef2f5 !important; padding: 8px 25px !important; border-radius: 8px; color: #444; font-size: 1.1em; display: inline-block; }

/* -------------------- استایل باکس‌های کامنت -------------------- */
.custom-comment-list, .custom-comment-list *, ol.comment-list, ul.comment-list { list-style-type: none !important; counter-reset: none !important; }
.custom-comment-list { width: 100% !important; padding: 0 !important; margin: 0 !important; }
.custom-comment-item { margin-bottom: 25px; display: flex !important; flex-direction: column !important; position: relative; counter-increment: none !important; width: 100% !important; box-sizing: border-box !important; padding: 0 !important; }
.custom-comment-item::before, .custom-comment-item::after, .comment-body-box::before, .comment-body-box::after, .custom-comment-item::marker { display: none !important; content: none !important; content: "" !important; }

.custom-comment-item > .comment-body-box { order: 1 !important; }
.custom-comment-item > #respond { order: 2 !important; margin-top: 15px !important; margin-bottom: 15px !important; padding-top: 15px; }
.custom-comment-item > .children { order: 3 !important; }

.comment-body-box { 
    border: 1px solid #e0e0e0; border-radius: 8px; padding: 25px 30px 25px 25px !important; background: #fff; clear: both; box-sizing: border-box !important; width: 100% !important; display: block !important; 
}
.bypostauthor > .comment-body-box { background-color: #f2fcf5 !important; border-color: #c3e6cb !important; }

/* هدر کامنت و عکس پروفایل */
.comment-header-box { 
    display: flex !important; align-items: center !important; flex-direction: row !important; justify-content: flex-start !important; margin-bottom: 15px; 
    gap: 8px !important; width: 100% !important; box-sizing: border-box !important;
}
.comment-avatar-img { 
    margin: 0 !important; margin-top: -2px !important; width: auto !important; 
}
.comment-avatar-img img { 
    border-radius: 50%; border: none !important; padding: 0 !important; 
    width: 75px !important; position: relative !important; display: block; margin: 0 !important; object-fit: cover; 
}

@media (max-width: 768px) {
    .comment-avatar-img, .comment-avatar-img img { width: 65px !important; height: 65px !important; }
}

.comment-author-info { 
    text-align: right; display: flex; flex-direction: column; justify-content: center; flex: 1 1 auto; margin-right: 5px !important; 
}
.comment-author-name { margin: 0 0 2px 0 !important; font-size: 16px; color: #000; }

/* اطلاعات میهن‌پنل و تاریخ */
.comment-meta-wrapper { display: flex; flex-direction: column; gap: 2px !important; margin-top: 2px; }
.comment-meta-date, .mihan-panel-stats { font-size: 12.5px !important; color: #000 !important; font-weight: 500; }
.comment-meta-date { text-decoration: none; transition: color 0.3s ease; }
.comment-meta-date:hover { color: #4285f4 !important; }
.mihan-panel-stats { opacity: 0.9; margin-top: -10px !important; } 
.stats-sep { margin: 0 5px; color: #ccc; }

/* متن کامنت */
.comment-text-content { font-size: 14px; line-height: 2.2 !important; color: #333; margin-bottom: 15px; }
.comment-text-content p { margin-bottom: 0; }

/* استایل دکمه‌های ویرایش و حذف با تایمر */
.comment-author-actions {
    display: flex; align-items: center; gap: 10px; margin-top: 15px; background: #fdfdfd; padding: 10px 15px; border-radius: 6px; border: 1px dashed #dcdcdc; width: 100% !important; box-sizing: border-box !important;
}
.comment-timer { font-size: 12px; color: #777; margin-left: auto; }

/* اصلاح فونت و چینش تایمر برای زیبایی اعداد فارسی */
.timer-countdown { 
    color: #d32f2f; 
    font-family: inherit !important; /* حذف فونت ماشین‌حسابی و استفاده از فونت زیبای سایت */
    font-size: 14.5px; 
    font-weight: bold;
    direction: ltr !important; /* راست‌چین به هم نریزه و دونقطه وسط بمونه */
    display: inline-block;
}

.btn-edit-comment { background: #ffc107 !important; color: #000 !important; border: none; padding: 5px 15px; border-radius: 4px; cursor: pointer; font-size: 12px; font-family: inherit; font-weight: bold; transition: opacity 0.3s; }
.btn-edit-comment:hover, .btn-edit-comment:focus, .btn-edit-comment:active { background: #ffc107 !important; color: #000 !important; opacity: 0.85; }

.btn-delete-comment { background: #dc3545 !important; color: #fff !important; border: none; padding: 5px 15px; border-radius: 4px; cursor: pointer; font-size: 12px; font-family: inherit; font-weight: bold; transition: opacity 0.3s; }
.btn-delete-comment:hover, .btn-delete-comment:focus, .btn-delete-comment:active { background: #dc3545 !important; color: #fff !important; opacity: 0.85; }

/* دکمه پاسخ */
.comment-reply-link-wrap { text-align: left; display: block !important; }
.comment-reply-link-wrap a { color: #28a745 !important; text-decoration: none; font-size: 14px; }
.bypostauthor > .comment-body-box .comment-reply-link-wrap a { font-weight: normal !important; }

/* تورفتگی پاسخ‌ها */
.custom-comment-list .children { display: block !important; list-style: none !important; padding-right: 40px !important; margin-top: 0 !important; width: 100% !important; box-sizing: border-box !important; }
.custom-comment-list .children .custom-comment-item { margin-top: 15px !important; }

/* دکمه ارسال نظر */
.custom-submit-btn { background-color: #28a745 !important; color: white !important; border: none !important; padding: 12px 30px !important; border-radius: 6px !important; cursor: pointer; font-family: inherit; box-shadow: 0 4px 10px rgba(40, 167, 69, 0.3) !important; transition: all 0.3s ease !important; margin-top: 15px; }
.custom-submit-btn:hover { background-color: #218838 !important; box-shadow: 0 6px 15px rgba(33, 136, 56, 0.45) !important; transform: translateY(-2px); }

/* استایل صفحه‌بندی */
.comment-navigation { margin: 40px 0; text-align: center; clear: both; width: 100% !important; }
.comment-navigation .nav-links { display: flex; justify-content: center; align-items: center; gap: 8px; flex-wrap: wrap; direction: rtl; }
.comment-navigation .page-numbers { 
    display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 0; background-color: #fff; color: #000; border-radius: 8px; text-decoration: none; font-weight: normal !important; transition: all 0.3s ease; border: 1px solid #e0e0e0; box-shadow: 0 2px 4px rgba(0,0,0,0.05); font-size: 16px; box-sizing: border-box;
}
.comment-navigation .page-numbers.prev, .comment-navigation .page-numbers.next { width: auto !important; padding: 0 15px !important; }
.comment-navigation .page-numbers:hover { background-color: #d1f7d6 !important; border-color: #b5f0bd !important; color: #000 !important; }
.comment-navigation .page-numbers.current { background-color: #128220 !important; color: #fff !important; border-color: #128220 !important; box-shadow: 0 3px 6px rgba(18, 130, 32, 0.2); }
.comment-navigation .page-numbers.dots { border: none; box-shadow: none; background: transparent; width: auto; }

body.page main > #comments { display: none !important; }


/* ------------------------------------------------------------------- */
/* استایل صفحه‌بندی */
/* ------------------------------------------------------------------- */


.elementor-pagination { 
    margin: 40px 0 !important; 
    text-align: center !important; 
    clear: both !important; 
    width: 100% !important; 
    display: flex !important; 
    justify-content: center !important; 
    align-items: center !important; 
    gap: 8px !important; 
    flex-wrap: wrap !important; 
    direction: rtl !important; 
}

/* استایل مربع‌های شماره صفحه (سایز دقیق ۴۲ در ۴۲) */
.elementor-pagination .page-numbers { 
    display: inline-flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    width: 42px !important; 
    height: 42px !important; 
    min-width: 42px !important; 
    max-width: 42px !important; 
    min-height: 42px !important; 
    max-height: 42px !important;
    padding: 0 !important; 
    background-color: #fff !important; 
    color: #333 !important; 
    border-radius: 8px !important; 
    text-decoration: none !important; 
    font-weight: 500 !important; 
    transition: all 0.3s ease !important; 
    border: 1px solid #e0e0e0 !important; 
    box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important; 
    font-size: 16px !important; 
    box-sizing: border-box !important;
    margin: 0 !important; 
    line-height: 1 !important; 
}

/* دکمه‌های قبلی و بعدی */
.elementor-pagination .page-numbers.prev, 
.elementor-pagination .page-numbers.next { 
    width: auto !important; 
    min-width: auto !important;
    max-width: none !important;
    padding: 0 15px !important; 
}

/* حالت هاور - سبز ملایم (بدون جابجایی و افکت اضافه) */
.elementor-pagination a.page-numbers:hover { 
    background-color: #e8f5e9 !important; 
    border-color: #c8e6c9 !important;
    color: #128220 !important; 
}

/* صفحه فعلی - سبز رسالت اینجا با سایه اختصاصی */
.elementor-pagination .page-numbers.current { 
    background-color: #128220 !important; 
    color: #fff !important; 
    border-color: #128220 !important; 
    box-shadow: 0 4px 8px rgba(18, 130, 32, 0.3) !important; 
}

/* حذف متون مخفی المنتور */
.elementor-pagination .elementor-screen-only {
    display: none !important;
}

/* استایل سه‌نقطه (...) */
.elementor-pagination .page-numbers.dots { 
    border: none !important; 
    box-shadow: none !important; 
    background: transparent !important; 
    width: auto !important;
    min-width: auto !important; 
    color: #999 !important;
}


/* ------------------------------------------------------------------- */
/* استایل دکمه‌های سایت */
/* ------------------------------------------------------------------- */

.site-btns{
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
outline: none !important;
}

.site-btns:hover{
    transform: translateY(-3px);
}


/* ------------------------------------------------------------------- */
/* استایل باکس پست مرتبط */
/* ------------------------------------------------------------------- */

.related-post-box {
  background-color: #f6f6f6 !important;
  border: 2px solid #198754 !important;
  border-right: 4px solid #198754 !important;
  border-radius: 5px !important;
  padding: 15px 20px !important;
  margin: 25px 0 !important;
}

.related-post-box span {
  color: #333333 !important;
  font-weight: bold !important;
}