/*
Theme Name: HosseinAslani Theme
Theme URI: https://Hossein-Aslani.com/
Author: Hossein-Aslani
Author URI: https://Hossein-Aslani.com/
Description: A custom WordPress theme based on the Hossein-Aslani  homepage design.
Version: 15.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: rtl-language-support, custom-menu, featured-images, theme-options
Text Domain: Hossein-Aslani
*/

/* تمام کدهای CSS که در تگ <style> در فایل HTML اصلی وجود داشت، 
  و همچنین محتویات فایل‌های CSS دیگر می‌توانند در اینجا یا در فایل‌های CSS جداگانه در پوشه assets قرار گیرند. 
  برای مدیریت بهتر، پیشنهاد می‌شود آنها را در فایل‌های جداگانه نگه دارید و از طریق functions.php فراخوانی کنید.
*/


    /* تبدیل دراپ‌داون معمولی به مگامنو */
    .has-mega-menu > ul.sub-menu {
        width: 600px !important; /* عرض مگامنو */
        display: grid !important;
        grid-template-columns: repeat(1, 1fr); /* تک ستونه برای لیست */
        padding: 1rem !important;
        left: auto !important;
        right: 0 !important;
    }
    
    /* اگر می‌خواهید دو ستونه باشد */
    .has-mega-menu.cols-2 > ul.sub-menu {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    /* =========================================
   Comment Nesting & Hierarchy Styles
   ========================================= */

/* ایجاد فاصله برای پاسخ‌ها (Indentation) */
.comment-list .children {
    margin-right: 20px; /* فاصله از راست برای فرزندان */
    margin-top: 20px;
    padding-right: 20px; /* فضای داخلی */
    border-right: 2px solid #f3f4f6; /* خط راهنما (رنگ روشن) */
    list-style: none;
}

/* استایل خط راهنما در دارک مود */
.dark .comment-list .children {
    border-right-color: rgba(255, 255, 255, 0.05);
}

/* تنظیم فاصله برای موبایل (کمتر باشد تا فضا کم نیاید) */
@media (max-width: 768px) {
    .comment-list .children {
        margin-right: 10px;
        padding-right: 10px;
        border-right-width: 1.5px;
    }
    
    /* کوچک کردن آواتار در پاسخ‌های تو در تو برای موبایل */
    .comment-list .children .avatar {
        width: 32px;
        height: 32px;
    }
}

/* حذف بولت‌های لیست پیش‌فرض وردپرس */
.comment-list, 
.comment-list .children {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

/* مخفی کردن عنوان "پاسخ" پیش‌فرض که ممکن است افزونه‌ها اضافه کنند */
.comment-reply-title {
    display: none; 
}