/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.1
*/

body {
    background-color: #f2f3f6 !important; /* یک رنگ خاکستری بسیار ملایم و مدرن */
}

/* ==========================================
   ۱. استایل‌های بخش جستجو (BetterDocs Search)
   ========================================== */
/* پاکسازی پس‌زمینه‌های اضافی */
.betterdocs-search-form-widget-wrapper,
.betterdocs-search-modal-layout-1,
.betterdocs-search-layout-1,
.search-bar {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    width: 100% !important;
}

/* کانتینر اصلی */
.betterdocs-search-modal-layout-1 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 0 20px 8px !important;
}

/* باکس سرچ */
.betterdocs-search-modal-layout-1 .search-bar {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

/* wrapper گرد سرچ */
.betterdocs-search-modal-layout-1 .search-input-wrapper {
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
    border-radius: 50px !important;
    padding: 12px 20px !important;
    width: 100% !important;
    max-width: 600px !important;
    min-height: 50px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease !important;
}

.betterdocs-search-modal-layout-1 .search-input-wrapper:hover {
    border-color: #38bdf8 !important;
}

/* آیکن ذره‌بین */
.betterdocs-search-modal-layout-1 .search-icon {
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
    order: -1 !important;
    margin-left: 12px !important;
    margin-right: 0 !important;
}

.betterdocs-search-modal-layout-1 .search-icon path {
    fill: #94a3b8 !important;
}

/* placeholder فارسی */
.betterdocs-search-modal-layout-1 .search-input {
    color: transparent !important;
    font-size: 14px !important;
    font-family: inherit !important;
    direction: rtl !important;
    text-align: right !important;
    flex: 1 !important;
    margin: 0 !important;
    position: relative !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.betterdocs-search-modal-layout-1 .search-input::after {
    content: "جستجو در میکروتیک، سوییچ، روتر و..." !important;
    display: block !important;
    width: 100% !important;
    text-align: right !important;
    color: #94a3b8 !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* ریسپانسیو موبایل */
@media (max-width: 768px) {
    .betterdocs-search-modal-layout-1 {
        padding: 0 12px 16px !important;
    }

    .betterdocs-search-modal-layout-1 .search-input-wrapper {
        padding: 10px 16px !important;
        max-width: 100% !important;
    }
}
/* ==========================================
   گوشه گرد و فاصله متوازن از چپ و راست برای کانتینر اصلی
   ========================================== */


@media (max-width: 768px) {
    .elementor-element- {
        max-width: calc(100% - 24px) !important;
        border-radius: 14px !important;
    }
}

/* ==========================================
   ۲. استایل حرفه‌ای و مدرن برای باکس‌های دسته‌بندی
   ========================================== */

.betterdocs-category-box-wrapper .category-box {
    background: linear-gradient(145deg, #0f172a 0%, #1e293b 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 20px !important;
    padding: 35px 25px !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.3) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: center !important;
    text-align: center !important;
    position: relative !important;
    overflow: hidden !important;
}

/* خط نورانی ملایم بالای باکس در حالت هاور */
.betterdocs-category-box-wrapper .category-box::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 3px !important;
    background: linear-gradient(90deg, transparent, #38bdf8, transparent) !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}

.betterdocs-category-box-wrapper .category-box:hover::before {
    opacity: 1 !important;
}

/* افکت هاور کارت‌ها */
.betterdocs-category-box-wrapper .category-box:hover {
    transform: translateY(-8px) !important;
    border-color: rgba(56, 189, 248, 0.3) !important;
    box-shadow: 0 20px 40px -15px rgba(56, 189, 248, 0.2) !important;
    background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%) !important;
}

/* استایل آیکن پوشه */
.betterdocs-category-box-wrapper .betterdocs-category-icon {
    background: rgba(56, 189, 248, 0.08) !important;
    width: 60px !important;
    height: 60px !important;
    border-radius: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 20px !important;
    align-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transition: all 0.3s ease !important;
}

/* وسط‌چین کردن header آیکون */
/* وسط‌چین کردن ساختار داخلی کارت */
.betterdocs-category-box-wrapper .betterdocs-category-header,
.betterdocs-category-box-wrapper .betterdocs-category-header-inner,
.betterdocs-category-box-wrapper .betterdocs-single-category-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    text-align: center !important;
}

.betterdocs-category-box-wrapper .category-box:hover .betterdocs-category-icon {
    background: rgba(56, 189, 248, 0.15) !important;
    transform: scale(1.05) !important;
}

.betterdocs-category-box-wrapper .betterdocs-category-icon svg {
    width: 26px !important;
    height: 26px !important;
}

.betterdocs-category-box-wrapper .betterdocs-category-icon svg path {
    fill: #38bdf8 !important;
}

/* ==========================================
   تنظیمات ریسپانسیو عناوین در موبایل (425px و 375px)
   ========================================== */

/* ۱. اجازه شکستن متن و چند خطی شدن عنوان */
.betterdocs-category-box-wrapper .betterdocs-category-title {
    color: #f8fafc !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
    line-height: 1.4 !important;
    white-space: normal !important; /* تبدیل nowrap به normal برای چندخطی شدن */
    word-break: break-word !important;
    overflow: visible !important;
    text-overflow: clip !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
    direction: rtl !important;
}

/* ۲. کاهش پدینگ کارت‌ها و فونت در نمایشگرهای کوچک */
@media (max-width: 425px) {
    .betterdocs-category-box-wrapper .category-box {
        padding: 18px 8px !important; /* ایجاد فضای بیشتر برای متن */
    }
    
    .betterdocs-category-box-wrapper .betterdocs-category-title {
        font-size: 13px !important;
        line-height: 1.35 !important;
    }

    .betterdocs-category-box-wrapper .betterdocs-category-icon {
        width: 48px !important;
        height: 48px !important;
        margin-bottom: 12px !important;
    }
}

@media (max-width: 375px) {
    .betterdocs-category-box-wrapper .category-box {
        padding: 15px 6px !important;
    }
    
    .betterdocs-category-box-wrapper .betterdocs-category-title {
        font-size: 12px !important;
    }
}

/* تعداد مقالات (Docs) به شکل برچسب مدرن */
.betterdocs-category-box-wrapper .betterdocs-sub-category-items-counts span {
    color: #38bdf8 !important;
    background: rgba(56, 189, 248, 0.1) !important;
    padding: 5px 14px !important;
    border-radius: 30px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    display: inline-block !important;
    margin-bottom: 15px !important;
}

/* پاکسازی کادر سفید تاریخ و تبدیل آن به متن تمیز و شیشه‌ای پایین کارت */
.betterdocs-category-box-wrapper .betterdocs-last-update {
    color: #64748b !important;
    font-size: 12px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 425px) {
    .betterdocs-category-box-wrapper .betterdocs-last-update {
        white-space: normal !important;
        word-break: break-word !important;
        text-align: center !important;
    }
}


@media (max-width: 768px) {
    .betterdocs-category-box-wrapper .betterdocs-category-box-inner-wrapper {
        grid-template-columns: 1fr !important;
    }
    .betterdocs-category-box-wrapper .category-box {
        padding: 35px 25px !important;
    }
}
/* gap بین کارت‌های دسته‌بندی */
.betterdocs-category-box-inner-wrapper.layout-4 {
    gap: 16px !important;
    padding: 0 10px !important;
}
.betterdocs-categories-folder.layout-4 {
    display: grid !important;
    grid-template-columns: repeat(var(--column, 4), 1fr) !important;
    gap: 16px !important;
    padding: 0 10px !important;
}

@media (max-width: 768px) {
    .betterdocs-categories-folder.layout-4 {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
        padding: 0 6px !important;
    }
}
.betterdocs-categories-folder.layout-4 {
    padding-inline-start: 10px !important;
    padding-inline-end: 10px !important;
}

.elementor-element-7c4505b {
    padding-left: 0px !important;
    padding-right: 0px !important;
    box-sizing: border-box !important;
}
.elementor-element-fa9b816 {
    border-radius: 20px !important;
    overflow: hidden !important;
    width: calc(100% - 40px) !important;
    max-width: calc(100% - 40px) !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
    box-sizing: border-box !important;
}
.elementor-element-7c4505b {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
.elementor-element-7c4505b {
    padding-inline-start: 20px !important;
    padding-inline-end: 20px !important;
}
.elementor-element-7c4505b.e-con {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.elementor-element-7c4505b > .elementor-element-fa9b816 {
    margin-left: 20px !important;
    margin-right: 20px !important;
    width: calc(100% - 40px) !important;
    max-width: calc(100% - 40px) !important;
}
.elementor-element-99d5540 > .e-con-inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.elementor-element-7c4505b.e-con {
    --margin-right: 20px !important;
    --margin-left: 20px !important;
    margin-inline-start: 20px !important;
    margin-inline-end: 20px !important;
    width: calc(100% - 40px) !important;
    max-width: calc(100% - 40px) !important;
}
.elementor-element-7c4505b.e-con {
    --margin-right: 20px !important;
    --margin-left: 20px !important;
    margin-inline-start: 20px !important;
    margin-inline-end: 20px !important;
    width: calc(100% - 40px) !important;
    max-width: calc(100% - 40px) !important;
    margin-block-start: 35px !important;
    margin-block-end: 35px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
}
@media (max-width: 425px) {
    .betterdocs-category-box-wrapper .category-box {
        padding: 20px 10px !important;
    }
}
/* ==========================================
   وسط‌چین کردن کامل و دقیق آیکون پوشه
   ========================================== */
.betterdocs-category-box-wrapper .betterdocs-category-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    float: none !important;
    align-self: center !important;
}

/* اطمینان از مرکزچین بودن لایه‌های والد آیکون */
.betterdocs-category-box-wrapper .betterdocs-category-header,
.betterdocs-category-box-wrapper .betterdocs-category-header-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}
/* ==========================================
   صفر کردن margin-bottom آیکون داخلی و مرکزچین کردن آن
   ========================================== */
.betterdocs-category-box-wrapper .betterdocs-category-icon img,
.betterdocs-category-box-wrapper .betterdocs-category-icon svg,
.betterdocs-category-box-wrapper .betterdocs-category-icon i,
.betterdocs-category-box-wrapper .betterdocs-folder-icon {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: inline-block !important;
    vertical-align: middle !important;
}
/* ==========================================
   ۴. تنظیمات دقیق کانتینر اصلی و اضافه کردن Padding بالا و پایین
   ========================================== */
.elementor-element-7c4505b.e-con {
    width: calc(100% - 40px) !important;
    max-width: calc(100% - 40px) !important;
    margin-inline-start: 20px !important;
    margin-inline-end: 20px !important;
    margin-block-start: 35px !important;
    margin-block-end: 35px !important;
    padding-top: 60px !important;
    padding-bottom: 60px !important; 
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

@media (max-width: 768px) {
    .elementor-element-7c4505b.e-con {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
}

/* ۱. اطمینان از قرارگیری همیشه هدر در بالای تمام المان‌ها */
header, 
.site-header, 
.main-header,
#masthead {
    z-index: 99999 !important;
    position: relative; /* یا fixed/sticky بسته به قالب شما */
}

/* ۲. تنظیم رفتار سایدبار BetterDocs */
/* اصلاح ساختار کلی برای دسکتاپ */
@media (min-width: 1024px) {
    /* اطمینان از اینکه کانتینر اصلی صفحه اجازه اسکرول و ارتفاع صحیح را می‌دهد */
    body.betterdocs-template-default, 
    .betterdocs-single-wrap, 
    .betterdocs-container {
        overflow: visible !important;
    }

    /* تنظیم دقیق سایدبار در دسکتاپ */
    #betterdocs-full-sidebar-left,
    aside.betterdocs-sidebar,
    .betterdocs-sidebar {
        position: sticky !important;
        top: 100px !important; /* فاصله از هدر سایت در دسکتاپ */
        height: calc(100vh - 120px) !important;
        max-height: calc(100vh - 120px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        flex-shrink: 0 !important;
    }

    /* اصلاح محتوای درونی برای جلوگیری از قفل شدن اسکرول */
    .betterdocs-sidebar .betterdocs-sidebar-content {
        height: 100% !important;
        max-height: none !important;
        overflow-y: visible !important;
    }
}

/* ۳. جلوگیری از تداخل استایل‌های سرپرست (Parent Overflow) */
.betterdocs-wrapper,
.betterdocs-single-wrapper,
#primary,
.content-area {
    overflow: visible !important;
}
/* --- استایل دارک سایدبار BetterDocs --- */
.betterdocs-sidebar, 
#betterdocs-full-sidebar-left,
.betterdocs-archive-sidebar,
.betterdocs-single-sidebar {
    border: 1px solid rgba(56, 189, 248, 0.15) !important;
    border-radius: 16px !important;
    padding: 18px 12px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(12px) !important;
}

/* --- باکس جستجوی درون سایدبار --- */
.betterdocs-sidebar input[type="search"],
.betterdocs-sidebar .betterdocs-searchform-input-wrap,
#betterdocs-full-sidebar-left input {
    background-color: rgba(15, 23, 42, 0.9) !important;
    border: 1px solid rgba(56, 189, 248, 0.25) !important;
    border-radius: 10px !important;
    padding: 8px 12px !important;
    color: #cbd5e1 !important;
}

/* --- عنوان دسته‌بندی‌ها در سایدبار --- */
.betterdocs-sidebar .betterdocs-category-title,
.betterdocs-sidebar h2, 
.betterdocs-sidebar h3,
.betterdocs-sidebar .widget-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #f1f5f9 !important;
}

/* --- لینک مقالات و لیست‌ها --- */
.betterdocs-sidebar ul li a,
.betterdocs-sidebar .betterdocs-articles-list li a {
    font-size: 13px !important;
    color: #94a3b8 !important;
    padding: 6px 8px !important;
    display: block !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
}

/* --- حالت هاور روی لینک مقالات --- */
.betterdocs-sidebar ul li a:hover,
.betterdocs-sidebar .betterdocs-articles-list li a:hover {
    color: #38bdf8 !important;
    background-color: rgba(56, 189, 248, 0.08) !important;
}
/* ==========================================
   استایل دارک صفحه آرشیو/دسته‌بندی BetterDocs
   (صفحه‌ای که از Inspect گرفتی)
   ========================================== */

/* --- پس‌زمینه کل صفحه --- */

/* --- Wrapper اصلی BetterDocs --- */
.betterdocs-wrapper,
.betterdocs-taxonomy-wrapper,
.betterdocs-archive-layout-7 {
    background-color: transparent !important;
}

/* --- ناحیه محتوای اصلی (کنار سایدبار) --- */
.betterdocs-content-area,
#main.betterdocs-content-area {
    background: transparent !important;
}

/* --- Breadcrumb دارک --- */
.betterdocs-breadcrumb .betterdocs-breadcrumb-list {
    background: rgba(7, 12, 20, 0.7) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 10px !important;
    padding: 8px 16px !important;
    display: inline-flex !important;
    backdrop-filter: blur(8px) !important;
}

/* breadcrumb: همه لینک‌ها سفید، هاور آبی */
.betterdocs-breadcrumb .bread-link {
    color: #f1f5f9 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.betterdocs-breadcrumb .bread-link:hover {
    color: #38bdf8 !important;
}

/* آخرین آیتم (دسته‌بندی فعلی) آبی بمونه */
.betterdocs-breadcrumb .betterdocs-breadcrumb-item:last-child .bread-link {
    color: #38bdf8 !important;
    font-weight: 600 !important;
}

.betterdocs-breadcrumb .breadcrumb-delimiter-icon path {
    fill: #334155 !important;
}


/* --- کارت اصلی پوشه دسته‌بندی --- */
.betterdocs-main-category-folder {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(7, 12, 28, 0.98) 100%) !important;
    border: 1px solid rgba(56, 189, 248, 0.2) !important;
    border-radius: 20px !important;
    padding: 28px 32px !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    position: relative !important;
    overflow: hidden !important;
}

.betterdocs-main-category-folder::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, #38bdf8, #7dd3fc, transparent) !important;
    opacity: 0.7 !important;
}

.betterdocs-main-category-folder .betterdocs-category-title {
    color: #f8fafc !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    margin: 0 0 6px 0 !important;
    letter-spacing: -0.3px !important;
}

.betterdocs-main-category-folder .betterdocs-sub-category-items-counts span {
    color: #38bdf8 !important;
    background: rgba(56, 189, 248, 0.1) !important;
    border: 1px solid rgba(56, 189, 248, 0.2) !important;
    padding: 3px 14px !important;
    border-radius: 30px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.betterdocs-main-category-folder .betterdocs-folder-icon svg path {
    fill: #38bdf8 !important;
}

/* --- لیست مقالات داخل دسته‌بندی --- */
.betterdocs-title-excerpt-lists {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

.betterdocs-title-excerpt-list {
    background: rgba(10, 16, 30, 0.9) !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 16px !important;
    padding: 22px 28px !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
    direction: rtl !important;
}

.betterdocs-title-excerpt-list::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 3px !important;
    height: 0 !important;
    background: linear-gradient(180deg, #38bdf8, #0ea5e9) !important;
    border-radius: 0 0 3px 3px !important;
    transition: height 0.3s ease !important;
}

.betterdocs-title-excerpt-list:hover::before {
    height: 100% !important;
}

.betterdocs-title-excerpt-list:hover {
    border-color: rgba(56, 189, 248, 0.25) !important;
    background: rgba(15, 23, 42, 0.95) !important;
    transform: translateX(-4px) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4), 4px 0 20px rgba(56, 189, 248, 0.08) !important;
}

/* --- عنوان مقاله --- */
.betterdocs-title-excerpt-list .betterdocs-entry-title {
    margin: 0 0 10px 0 !important;
    line-height: 1.5 !important;
}

.betterdocs-title-excerpt-list .betterdocs-entry-title a {
    color: #e2e8f0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    line-height: 1.5 !important;
}

.betterdocs-title-excerpt-list .betterdocs-entry-title a:hover {
    color: #38bdf8 !important;
}

.betterdocs-title-excerpt-list .betterdocs-entry-title span svg path {
    fill: #334155 !important;
    transition: fill 0.2s ease !important;
}

.betterdocs-title-excerpt-list:hover .betterdocs-entry-title span svg path {
    fill: #38bdf8 !important;
}

/* --- تاریخ بروزرسانی --- */
.betterdocs-title-excerpt-list .update-date {
    display: inline-block !important;
    color: #475569 !important;
    font-size: 12px !important;
    margin-bottom: 10px !important;
    background: rgba(71, 85, 105, 0.12) !important;
    padding: 2px 10px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(71, 85, 105, 0.2) !important;
}

/* --- خلاصه مقاله --- */
.betterdocs-title-excerpt-list p {
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    direction: rtl !important;
}

/* --- سایدبار: دسته‌بندی‌های لیست (layout sidebar) --- */
.betterdocs-single-category-wrapper {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    padding-bottom: 4px !important;
    margin-bottom: 4px !important;
}

.betterdocs-single-category-wrapper .betterdocs-category-title {
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: color 0.2s !important;
}

.betterdocs-single-category-wrapper.active .betterdocs-category-title,
.betterdocs-single-category-wrapper .betterdocs-category-title:hover {
    color: #38bdf8 !important;
}

.betterdocs-single-category-wrapper .betterdocs-category-items-counts span {
    background: rgba(56, 189, 248, 0.1) !important;
    color: #38bdf8 !important;
    font-size: 11px !important;
    padding: 1px 8px !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
}

/* آیکون فلش collapse */
.betterdocs-category-collapse path {
    fill: #475569 !important;
}

/* آیکون پوشه سایدبار */
.betterdocs-folder-icon svg path {
    fill: #38bdf8 !important;
}

/* لیست مقالات سایدبار */
.betterdocs-articles-list li svg path {
    fill: #334155 !important;
}

.betterdocs-articles-list li a {
    color: #94a3b8 !important;
    font-size: 12.5px !important;
    transition: all 0.2s ease !important;
    border-radius: 8px !important;
    padding: 5px 10px !important;
    display: block !important;
    text-decoration: none !important;
    direction: rtl !important;
}

.betterdocs-articles-list li a:hover {
    color: #38bdf8 !important;
    background: rgba(56, 189, 248, 0.07) !important;
    padding-right: 14px !important;
}

/* --- دسته‌بندی active در سایدبار --- */
.betterdocs-single-category-wrapper.active {
    background: rgba(56, 189, 248, 0.04) !important;
    border-radius: 10px !important;
    padding: 6px 6px 4px !important;
    border-bottom-color: transparent !important;
}

/* --- Mobile nav بار BetterDocs --- */
.betterdocs-mobile-nav {
    background: rgba(10, 16, 30, 0.9) !important;
    border: 1px solid rgba(56, 189, 248, 0.15) !important;
    border-radius: 10px !important;
    padding: 10px 16px !important;
    margin-bottom: 16px !important;
}

.betterdocs-mobile-nav span {
    color: #94a3b8 !important;
    font-size: 13px !important;
}

.betterdocs-mobile-nav-icon-svg path {
    fill: #38bdf8 !important;
}

/* --- جستجوی سایدبار BetterDocs (live search popup) --- */
.betterdocs-live-search .betterdocs-searchform-input-wrap {
    background: rgba(10, 16, 30, 0.95) !important;
    border: 1px solid rgba(56, 189, 248, 0.2) !important;
    border-radius: 10px !important;
    padding: 8px 14px !important;
    transition: border-color 0.2s !important;
    cursor: pointer !important;
}

.betterdocs-live-search .betterdocs-searchform-input-wrap:hover {
    border-color: #38bdf8 !important;
}

.betterdocs-live-search .betterdocs-searchform-input-wrap .betterdocs-search-command {
    color: #475569 !important;
    font-size: 13px !important;
}

.betterdocs-live-search svg.doc-search-icon path {
    fill: #475569 !important;
}

.betterdocs-live-search .command-key {
    color: #334155 !important;
    background: rgba(51, 65, 85, 0.3) !important;
    border: 1px solid rgba(51, 65, 85, 0.5) !important;
    border-radius: 5px !important;
    padding: 1px 6px !important;
    font-size: 11px !important;
}

/* ریسپانسیو صفحه آرشیو */
@media (max-width: 768px) {
    .betterdocs-main-category-folder {
        padding: 20px 18px !important;
        border-radius: 14px !important;
    }

    .betterdocs-main-category-folder .betterdocs-category-title {
        font-size: 18px !important;
    }

    .betterdocs-title-excerpt-list {
        padding: 18px 16px !important;
        border-radius: 12px !important;
    }

    .betterdocs-title-excerpt-list .betterdocs-entry-title a {
        font-size: 14px !important;
    }

    .betterdocs-title-excerpt-list:hover {
        transform: none !important;
    }
}

@media (max-width: 425px) {
    .betterdocs-main-category-folder {
        padding: 16px 14px !important;
    }

    .betterdocs-title-excerpt-list {
        padding: 14px 12px !important;
    }

    .betterdocs-title-excerpt-list .betterdocs-entry-title a {
        font-size: 13.5px !important;
    }
}
/* ==========================================
   ساید بار سرچ - اصلاح رنگ و چینش آیکون‌ها
   ========================================== */

/* کانتینر اصلی سرچ سایدبار */
.betterdocs-search-modal-sidebar {
    padding: 8px 0 12px !important;
}

/* wrapper اصلی فرم سرچ */
.betterdocs-live-search.betterdocs-sidebar-search {
    display: block !important;
    width: 100% !important;
}

/* فرم سرچ */
.betterdocs-live-search .betterdocs-advance-searchform {
    width: 100% !important;
}

/* باکس اصلی اینپوت سرچ سایدبار */
.betterdocs-live-search .betterdocs-searchform-input-wrap {
    background: #0f172a !important;
    border: 1px solid rgba(56, 189, 248, 0.25) !important;
    border-radius: 10px !important;
    padding: 9px 12px !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    cursor: pointer !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.betterdocs-live-search .betterdocs-searchform-input-wrap:hover {
    border-color: #38bdf8 !important;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.1) !important;
}

/* متن placeholder سرچ */
.betterdocs-live-search .betterdocs-searchform-input-wrap .betterdocs-search-command {
    color: #64748b !important;
    font-size: 12.5px !important;
    flex: 1 !important;
    text-align: right !important;
    direction: rtl !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* آیکون ذره‌بین سمت راست */
.betterdocs-live-search svg.doc-search-icon {
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
    order: 1 !important;
}

.betterdocs-live-search svg.doc-search-icon path {
    fill: #38bdf8 !important;
}

/* کلید ⌘K سمت چپ */
.betterdocs-live-search .command-key {
    color: #64748b !important;
    background: rgba(15, 23, 42, 0.8) !important;
    border: 1px solid rgba(51, 65, 85, 0.6) !important;
    border-radius: 5px !important;
    padding: 2px 7px !important;
    font-size: 11px !important;
    flex-shrink: 0 !important;
    order: 0 !important;
    line-height: 1.4 !important;
}
/* ==========================================
   اصلاح سرچ سایدبار - حذف command-key و فارسی‌سازی
   ========================================== */

/* مخفی کردن کلید ⌘K */
#betterdocs-full-sidebar-left .command-key,
.betterdocs-sidebar .command-key {
    display: none !important;
}

/* =========================================================
   BetterDocs Search Modal — وسط‌چین کردن و بستن (نسخه نهایی)
   ========================================================= */

/* --- Overlay پشت مدال (توسط اسکریپت ساخته می‌شود) --- */
#bd-search-overlay {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.75) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    z-index: 999998 !important;
    cursor: pointer !important;
}

/*
 * خود مدال — وسط‌چین با inset:0 + margin:auto (بدون transform)
 * فقط روی wrapper که فرزند مستقیمش .betterdocs-search-details است اعمال می‌شود.
 * display را دست نمی‌زنیم تا BetterDocs بتواند مدال را مخفی/نمایش دهد.
 */
.betterdocs-search-wrapper:has(> .betterdocs-search-details) {
    position: fixed !important;
    inset: 0 !important;
    margin: auto !important;
    transform: none !important;

    width: min(92vw, 640px) !important;
    max-width: 640px !important;
    height: fit-content !important;
    max-height: 85vh !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: thin;

    z-index: 999999 !important;
    box-sizing: border-box !important;
}

/* جلوگیری از اسکرول‌بار دوتایی */
.betterdocs-search-wrapper:has(> .betterdocs-search-details) > .betterdocs-search-details {
    max-height: none !important;
    overflow: visible !important;
}

/* دکمه X و دکمه ESC قابل کلیک باشند */
.betterdocs-search-details .xmark,
.betterdocs-search-details .esc-button {
    position: relative;
    z-index: 1000000 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

/*
 * علت اصلی باگ: والدهایی که backdrop-filter / transform / sticky / z-index دارند
 * مدالِ position:fixed را «داخل خودشان» زندانی می‌کنند.
 * وقتی مدال باز است (کلاس bd-search-open روی body)، اسکریپت این والدها را
 * علامت data-bd-lift می‌زند و این قانون‌ها خنثی‌شان می‌کنند.
 */
[data-bd-lift] {
    transform: none !important;
    filter: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    perspective: none !important;
    will-change: auto !important;
    contain: none !important;
    isolation: auto !important;
    z-index: auto !important;
}

/* sticky همیشه stacking-context می‌سازد؛ موقع باز بودن مدال static می‌شود */
[data-bd-lift="sticky"] {
    position: static !important;
}
/* =========================================================
   فیکس ارتفاع مدال سرچ BetterDocs
   ========================================================= */

/* ۱. کانتینر بیرونی مدال: ارتفاع منطقی + ظاهر دارک */
.betterdocs-search-wrapper:has(> .betterdocs-search-details) {
    height: auto !important;
    min-height: min(420px, 85vh) !important;
    max-height: 85vh !important;
    overflow: hidden !important;          /* اسکرول به بخش نتایج منتقل می‌شود */
    background: #0f172a !important;
    border: 1px solid rgba(56, 189, 248, 0.25) !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.7) !important;
    direction: rtl !important;
}

/* ۲. بدنه داخلی: برگرداندن به جریان عادی صفحه */
.betterdocs-search-wrapper:has(> .betterdocs-search-details) > .betterdocs-search-details {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: visible !important;
    background: transparent !important;
}

/* ۳. هدر (اینپوت سرچ) ثابت بماند */
.betterdocs-search-wrapper .betterdocs-search-header {
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 48px !important;
}

/* ۴. بخش تب‌ها و نتایج: اسکرول فقط اینجا */
.betterdocs-search-wrapper .betterdocs-search-content {
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(85vh - 110px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin;
}

.betterdocs-search-wrapper .betterdocs-search-items-wrapper,
.betterdocs-search-wrapper .betterdocs-search-tab-content-wrapper {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

/* ۵. استایل نتایج (مطابق تم دارک سایت) */
.betterdocs-search-wrapper .betterdocs-search-field {
    background: transparent !important;
    color: #f1f5f9 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    direction: rtl !important;
}

.betterdocs-search-wrapper .betterdocs-search-item-content {
    padding: 10px 8px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.betterdocs-search-wrapper .content-main h4 {
    color: #e2e8f0 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

.betterdocs-search-wrapper .content-main a:hover h4 {
    color: #38bdf8 !important;
}

.betterdocs-search-wrapper .content-sub h5 {
    color: #64748b !important;
    font-size: 12px !important;
    margin: 4px 0 0 0 !important;
}

/* موبایل */
@media (max-width: 768px) {
    .betterdocs-search-wrapper:has(> .betterdocs-search-details) {
        width: calc(100vw - 24px) !important;
        min-height: min(340px, 85vh) !important;
    }
}
/* =========================================================
   استایل مدرن مدال سرچ BetterDocs (اینپوت + نتایج)
   ========================================================= */

/* --- هدر: تبدیل به یک کپسول (pill) یکپارچه --- */
.betterdocs-search-wrapper .betterdocs-search-header {
    display: flex !important;
    flex-direction: row !important;          /* در RTL: آیکون راست، ESC چپ */
    align-items: center !important;
    gap: 10px !important;
    background: #0b1220 !important;          /* حذف پس‌زمینه سفید */
    border: 1px solid rgba(56, 189, 248, 0.25) !important;
    border-radius: 14px !important;
    padding: 6px 14px !important;
    margin: 0 44px 14px 0 !important;        /* جا برای دکمه X */
    box-shadow: none !important;
    transition: border-color .2s ease, box-shadow .2s ease !important;
}

.betterdocs-search-wrapper .betterdocs-search-header:focus-within {
    border-color: #38bdf8 !important;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.15) !important;
}

/* آیکون ذره‌بین */
.betterdocs-search-wrapper .betterdocs-search-header svg.doc-search-icon {
    flex-shrink: 0 !important;
    width: 22px !important;
    height: 22px !important;
}
.betterdocs-search-wrapper .betterdocs-search-header svg.doc-search-icon path {
    fill: #38bdf8 !important;
}

/* والد اینپوت: بدون کادر و پس‌زمینه */
.betterdocs-search-wrapper .betterdocs-search-header .betterdocs-searchform-input-wrap {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    min-width: 0 !important;
}

/* خود اینپوت */
.betterdocs-search-wrapper .betterdocs-search-field {
    flex: 1 !important;
    min-width: 0 !important;
    height: 40px !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 4px !important;
    color: #f1f5f9 !important;
    font-size: 14.5px !important;
    direction: rtl !important;
    text-align: right !important;
}
.betterdocs-search-wrapper .betterdocs-search-field::placeholder {
    color: #64748b !important;
    opacity: 1 !important;
}

/* دکمه ESC */
.betterdocs-search-wrapper .esc-button {
    background: rgba(148, 163, 184, 0.12) !important;
    color: #94a3b8 !important;
    border: 1px solid rgba(148, 163, 184, 0.25) !important;
    border-radius: 6px !important;
    padding: 3px 8px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: .5px !important;
    line-height: 1.4 !important;
    transition: all .2s ease !important;
}
.betterdocs-search-wrapper .esc-button:hover {
    color: #38bdf8 !important;
    border-color: #38bdf8 !important;
}

/* --- تب Docs --- */
.betterdocs-search-wrapper .betterdocs-search-info-tab {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    margin-bottom: 10px !important;
    padding: 0 !important;
}
.betterdocs-search-wrapper .betterdocs-tab-items {
    color: #e2e8f0 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 8px 4px !important;
    border-bottom: 2px solid transparent !important;
}
.betterdocs-search-wrapper .betterdocs-tab-items.active {
    color: #f8fafc !important;
    border-bottom-color: #38bdf8 !important;
}
.betterdocs-search-wrapper .betterdocs-tab-items .tab-icon svg path {
    fill: #38bdf8 !important;
}

/* --- کارت هر نتیجه --- */
.betterdocs-search-wrapper .betterdocs-search-item-content {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 0 10px 0 !important;
}

.betterdocs-search-wrapper .betterdocs-search-item-list {
    background: rgba(15, 23, 42, 0.9) !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 12px !important;
    padding: 14px 16px !important;
    position: relative !important;
    overflow: hidden !important;
    direction: rtl !important;
    transition: all .25s ease !important;
}

/* نوار آبی کنار کارت در هاور */
.betterdocs-search-wrapper .betterdocs-search-item-list::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 3px !important;
    height: 0 !important;
    background: linear-gradient(180deg, #38bdf8, #0ea5e9) !important;
    transition: height .25s ease !important;
}
.betterdocs-search-wrapper .betterdocs-search-item-content:hover .betterdocs-search-item-list {
    background: rgba(30, 41, 59, 0.95) !important;
    border-color: rgba(56, 189, 248, 0.35) !important;
    transform: translateX(-3px) !important;
}
.betterdocs-search-wrapper .betterdocs-search-item-content:hover .betterdocs-search-item-list::before {
    height: 100% !important;
}

/* --- عنوان مقاله --- */
.betterdocs-search-wrapper .content-main {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin: 0 0 10px 0 !important;
    text-align: right !important;
}
.betterdocs-search-wrapper .content-main > svg {
    flex-shrink: 0 !important;
    width: 20px !important;
    height: 20px !important;
    margin-top: 2px !important;
}
.betterdocs-search-wrapper .content-main > svg path {
    fill: #38bdf8 !important;
    opacity: .75 !important;
}
.betterdocs-search-wrapper .content-main a {
    flex: 1 !important;
    text-decoration: none !important;
}
.betterdocs-search-wrapper .content-main h4 {
    color: #e2e8f0 !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    text-align: right !important;
    direction: rtl !important;
    transition: color .2s ease !important;
}
.betterdocs-search-wrapper .content-main a:hover h4,
.betterdocs-search-wrapper .betterdocs-search-item-content:hover .content-main h4 {
    color: #38bdf8 !important;
}

/* --- نام دسته‌بندی (به‌صورت چیپ) --- */
.betterdocs-search-wrapper .content-sub {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(56, 189, 248, 0.08) !important;
    border: 1px solid rgba(56, 189, 248, 0.18) !important;
    border-radius: 20px !important;
    padding: 3px 12px 3px 10px !important;
    margin-right: 30px !important;           /* هم‌تراز با متن عنوان */
}
.betterdocs-search-wrapper .content-sub svg {
    width: 14px !important;
    height: 14px !important;
}
.betterdocs-search-wrapper .content-sub svg path {
    fill: #38bdf8 !important;
}
.betterdocs-search-wrapper .content-sub h5 {
    color: #7dd3fc !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    line-height: 1.6 !important;
}

/* هایلایت کلمه جستجو‌شده (اگر BetterDocs از mark استفاده کند) */
.betterdocs-search-wrapper mark {
    background: rgba(56, 189, 248, 0.2) !important;
    color: #7dd3fc !important;
    padding: 0 3px !important;
    border-radius: 3px !important;
}

/* --- اسکرول‌بار ظریف --- */
.betterdocs-search-wrapper .betterdocs-search-content {
    scrollbar-width: thin !important;
    scrollbar-color: #334155 transparent !important;
    padding-left: 6px !important;
}
.betterdocs-search-wrapper .betterdocs-search-content::-webkit-scrollbar {
    width: 6px !important;
}
.betterdocs-search-wrapper .betterdocs-search-content::-webkit-scrollbar-thumb {
    background: #334155 !important;
    border-radius: 10px !important;
}
.betterdocs-search-wrapper .betterdocs-search-content::-webkit-scrollbar-thumb:hover {
    background: #38bdf8 !important;
}

/* --- موبایل --- */
@media (max-width: 768px) {
    .betterdocs-search-wrapper .betterdocs-search-header {
        margin-right: 0 !important;
        margin-top: 34px !important;          /* زیر دکمه X */
        padding: 4px 10px !important;
    }
    .betterdocs-search-wrapper .betterdocs-search-item-list {
        padding: 12px !important;
    }
    .betterdocs-search-wrapper .content-main h4 {
        font-size: 13.5px !important;
    }
    .betterdocs-search-wrapper .content-sub {
        margin-right: 0 !important;
    }
    .betterdocs-search-wrapper .esc-button {
        display: none !important;             /* در موبایل ESC بی‌استفاده است */
    }
}
/* =========================================================
   پیام «نتیجه‌ای یافت نشد» — رنگ سفید
   ========================================================= */
.betterdocs-search-wrapper .betterdocs-search-content h4,
.betterdocs-search-wrapper .no-result,
.betterdocs-search-wrapper .no-result * {
    color: #ffffff !important;
    text-align: center !important;
    direction: rtl !important;
}

/* عنوان نتایج عادی همان رنگ قبلی را نگه دارد (اولویت بالاتر) */
.betterdocs-search-wrapper .betterdocs-search-item-list .content-main h4 {
    color: #e2e8f0 !important;
    text-align: right !important;
}

/* =========================================================
   آیکون «نتیجه‌ای یافت نشد» — کوچک‌تر و پله‌ای برای هر اندازه
   ========================================================= */
html body .betterdocs-search-wrapper svg[viewBox="0 0 217 216"] {
    width: 48px !important;
    height: 48px !important;
    max-width: 100% !important;
    display: block !important;
    margin: 0 auto 10px auto !important;
}

@media screen and (max-width: 1024px) {
    html body .betterdocs-search-wrapper svg[viewBox="0 0 217 216"] {
        width: 44px !important;
        height: 44px !important;
    }
}

@media screen and (max-width: 768px) {
    html body .betterdocs-search-wrapper svg[viewBox="0 0 217 216"] {
        width: 40px !important;
        height: 40px !important;
    }
}

@media screen and (max-width: 425px) {
    html body .betterdocs-search-wrapper svg[viewBox="0 0 217 216"] {
        width: 34px !important;
        height: 34px !important;
    }
}

@media screen and (max-width: 375px) {
    html body .betterdocs-search-wrapper svg[viewBox="0 0 217 216"] {
        width: 30px !important;
        height: 30px !important;
    }
}

@media screen and (max-width: 320px) {
    html body .betterdocs-search-wrapper svg[viewBox="0 0 217 216"] {
        width: 26px !important;
        height: 26px !important;
    }
}
/* دکمه باز کردن سایدبار در تبلت و موبایل */
.betterdocs-mobile-nav .betterdocs-sidebar-icon {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    direction: rtl !important;
}

.betterdocs-mobile-nav .betterdocs-sidebar-icon > span {
    color: #cbd5e1 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}
/* فاصله آیکون ذره‌بین سایدبار از لبه چپ */
#betterdocs-full-sidebar-left .betterdocs-live-search .betterdocs-searchform-input-wrap {
    padding-left: 18px !important;
    padding-right: 14px !important;
    gap: 10px !important;
}

#betterdocs-full-sidebar-left .betterdocs-live-search svg.doc-search-icon {
    margin-left: 4px !important;
}
.betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content {
    padding-top: 0 !important;
}
/* --- روشن‌تر کردن رنگ متن تاریخ (span) در بخش مستندات --- */
.betterdocs-title-excerpt-list .update-date,
.betterdocs-title-excerpt-list span:not(.betterdocs-entry-title span) {
    color: #94a3b8 !important; /* رنگ خاکستری روشن و خوانا */
    font-size: 12.5px !important;
}

/* --- روشن‌تر کردن رنگ متن پاراگراف (p) توضیحات مقاله --- */
.betterdocs-title-excerpt-list p {
    color: #64748b !important; /* رنگ خاکستری ملایم برای خوانایی بهتر */
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    margin-top: 6px !important;
}
header.betterdocs-entry-header .docs-single-title h1.betterdocs-entry-title {
    font-size: 2rem !important; /* اندازه را می‌توانید تغییر دهید (مثلاً 1.3rem) */
    line-height: 1.4 !important;
}
.betterdocs-content-container h2.wp-block-heading.betterdocs-content-heading,
.betterdocs_content h2.wp-block-heading.betterdocs-content-heading,
h2.betterdocs-content-heading {
    font-size: 1.6rem !important; /* اندازه فونت را می‌توانید دلخواه تنظیم کنید */
    line-height: 1.4 !important;
}
.betterdocs-breadcrumb-item.item-current span,
.betterdocs-breadcrumb-item.current span {
    color: #7abddf !important; /* رنگ آبی (می‌توانید کد رنگ دلخواهتان را جایگزین کنید) */
    font-weight: 600; /* اختیاری: برای خوانایی بهتر در صورت نیاز */
}
.betterdocs-wrapper.betterdocs-single-layout-8 {
    padding-right: 10px;
}
.betterdocs-entry-footer {
    display: none !important;
}
/* کانتینر اصلی ناوبری */
.docs-navigation {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin: 35px auto 0 auto;
    max-width: 85%;
    padding: 20px;
    background-color: #f8fafc; /* پس‌زمینه کلی ملایم برای کل بخش */
    border: 1px solid #e2e8f0;
    border-radius: 12px;
}

/* عنوان بالا که باید کل عرض را بگیرد */
.docs-navigation::before {
    content: "مطالب مرتبط در این دسته‌بندی";
    grid-column: span 2;
    font-size: 14px;
    font-weight: 700;
    color: #1e293b;
    background: #ffffff; /* پس‌زمینه کادری برای عنوان */
    padding: 10px 15px;
    border-radius: 8px;
    border-right: 4px solid #3b82f6; /* خط رنگی تزئینی در سمت راست (مناسب سایت‌های فارسی) */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    text-align: right;
    margin-bottom: 5px;
}

/* استایل کارت‌های ناوبری (لینک‌ها) */
.docs-navigation a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 12px 16px;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    color: #1e293b;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    transition: all 0.25s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}

/* حالت هاور کارت‌ها */
.docs-navigation a:hover {
    background: #eff6ff;
    border-color: #3b82f6;
    color: #1d4ed8;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);
    transform: translateY(-2px);
}

/* حذف کامل فلش‌ها */
.docs-navigation svg {
    display: none !important;
}
/* کانتینر کلی بخش دیدگاه‌ها برای ایجاد فضای مدرن و کادری */
#comments, .comment-respond {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 30px;
    margin-top: 40px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);
}

/* استایل عنوان "دیدگاهتان را بنویسید" */
#comments .comment-reply-title, 
.comment-respond .comment-reply-title {
    font-size: 22px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 12px;
    border-bottom: 2px solid #3b82f6;
    padding-bottom: 10px;
    display: inline-block;
}

/* متن راهنمای ورود (به عنوان ...) */
.comment-respond .logged-in-as {
    font-size: 13.5px;
    color: #64748b;
    margin-bottom: 20px;
}

.comment-respond .logged-in-as a {
    color: #3b82f6;
    text-decoration: none;
    font-weight: 600;
}

.comment-respond .logged-in-as a:hover {
    text-decoration: underline;
}

/* استایل برچسب فیلد دیدگاه */
.comment-form-comment label {
    font-size: 14px;
    font-weight: 600;
    color: #334155;
    display: block;
    margin-bottom: 8px;
}

/* جعبه متنی (تکست‌آریا) دیدگاه */
.comment-form-comment textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background-color: #ffffff;
    font-family: inherit;
    font-size: 14px;
    color: #1e293b;
    transition: all 0.25s ease;
    resize: vertical;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.02);
}

/* حالت فوکوس روی تکست‌آریا (وقتی کاربر کلیک می‌کند) */
.comment-form-comment textarea:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
    outline: none;
    background-color: #ffffff;
}

/* استایل دکمه ارسال دیدگاه */
.comment-respond .form-submit input[type="submit"] {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 12px 25px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
    box-shadow: 0 4px 6px rgba(59, 130, 246, 0.2);
    display: inline-block;
    margin-top: 10px;
}

/* حالت هاور دکمه ارسال */
.comment-respond .form-submit input[type="submit"]:hover {
    background: linear-gradient(135deg, #2563eb 100%, #1d4ed8 100%);
    box-shadow: 0 6px 12px rgba(59, 130, 246, 0.3);
    transform: translateY(-1px);
}
/* غیرفعال کردن اسکرول داخلی اضافی و تنظیم ساختار کلی */
#betterdocs-sidebar-right,
#betterdocs-sidebar-right .layout3-toc-container,
#betterdocs-sidebar-right .simplebar-wrapper,
#betterdocs-sidebar-right .simplebar-mask,
#betterdocs-sidebar-right .simplebar-content-wrapper {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

/* مخفی کردن اسکرول‌بارها و فضاهای اضافی */
#betterdocs-sidebar-right .simplebar-placeholder,
#betterdocs-sidebar-right .simplebar-track {
    display: none !important;
}

#betterdocs-sidebar-right .simplebar-content {
    padding-bottom: 20px !important;
}


/* مخفی کردن ظاهر اسکرول‌بار اضافی در مرورگرهای مختلف برای زیبایی بیشتر (اختیاری) */
#betterdocs-sidebar-right::-webkit-scrollbar {
    width: 5px;
}
#betterdocs-sidebar-right::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}
/* مخفی کردن بخش "مشاهده دسته‌بندی‌ها" فقط در تبلت و موبایل (زیر 1024 پیکسل) */
@media screen and (max-width: 1024px) {
    .betterdocs-mobile-nav .betterdocs-sidebar-icon {
        display: none !important;
    }
}

@media screen and (min-width: 1025px) {
    #betterdocs-sidebar-right {
        position: sticky !important;
        top: 30px !important;
        max-height: calc(100vh - 30px) !important;
        overflow-y: auto !important;
        scrollbar-width: thin;
    }

    /* غیرفعال کردن کامل simplebar در دسکتاپ */
    #betterdocs-sidebar-right .layout3-toc-container,
    #betterdocs-sidebar-right .simplebar-wrapper,
    #betterdocs-sidebar-right .simplebar-mask,
    #betterdocs-sidebar-right .simplebar-offset,
    #betterdocs-sidebar-right .simplebar-content-wrapper,
    #betterdocs-sidebar-right .simplebar-content {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        overflow-y: visible !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #betterdocs-sidebar-right .simplebar-placeholder,
    #betterdocs-sidebar-right .simplebar-track {
        display: none !important;
    }

    #betterdocs-sidebar-right .simplebar-content {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

#betterdocs-sidebar-right .simplebar-wrapper {
    margin-bottom: 0 !important;
}
}

/* استایل مودال و دکمه ضربدر فعال در موبایل و تبلت */
@media screen and (max-width: 1024px) {
    aside#betterdocs-sidebar-right.right-sidebar-toc-wrap {
        position: fixed !important;
        top: 80px !important;
        right: 15px !important;
        left: auto !important;
        transform: none !important;
        width: 85% !important;
        max-width: 320px !important;
        max-height: calc(100vh - 90px) !important;
        padding-bottom: 30px !important;
        background-color: #ffffff !important;
        border-radius: 12px !important;
        box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4) !important;
        z-index: 9999999 !important;
        padding: 20px 15px 15px 15px !important;
        overflow-y: auto !important;
    }

    /* هدر داخلی مودال شامل عنوان و دکمه بستن */
    .betterdocs-toc .toc-title {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        font-size: 15px !important;
        font-weight: bold !important;
        color: #1e293b !important;
        margin-bottom: 12px !important;
        padding-bottom: 8px !important;
        border-bottom: 2px solid #e2e8f0 !important;
    }

    header.betterdocs-entry-header,
    .docs-single-title,
    h1.betterdocs-entry-title {
        position: relative !important;
        z-index: 1 !important;
    }

    aside#betterdocs-sidebar-right .betterdocs-toc {
        background: transparent !important;
        padding: 0 !important;
    }

    aside#betterdocs-sidebar-right .toc-list li a {
        display: block !important;
        padding: 8px 6px !important;
        color: #334155 !important;
        font-size: 13px !important;
        text-decoration: none !important;
        border-bottom: 1px solid #f1f5f9 !important;
        line-height: 1.4 !important;
        text-align: right !important;
    }

    aside#betterdocs-sidebar-right .toc-list li a:hover {
        color: #2563eb !important;
        background-color: #f8fafc !important;
        border-radius: 6px !important;
    }
}
@media screen and (max-width: 1024px) {
    aside#betterdocs-sidebar-right .simplebar-wrapper,
    aside#betterdocs-sidebar-right .simplebar-mask,
    aside#betterdocs-sidebar-right .simplebar-offset,
    aside#betterdocs-sidebar-right .simplebar-content-wrapper,
    aside#betterdocs-sidebar-right .simplebar-content {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    aside#betterdocs-sidebar-right .layout3-toc-container {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
}
.betterdocs-toc-icon {
    display: flex;
    align-items: center;
    gap: 6px;
}

.toc-btn-label {
    font-size: 13px;
    color: #475467;
    font-family: inherit;
}
@media screen and (min-width: 1025px) {
    #betterdocs-sidebar-right .simplebar-content-wrapper {
        overflow: visible !important;
    }
    
    #betterdocs-sidebar-right .simplebar-content {
        padding-bottom: 40px !important;
    }
}
/* جلوگیری از کشیدگی ناخواسته سایدبار در دسکتاپ */
@media (min-width: 1024px) {
    .betterdocs-row, 
    .betterdocs-archive-wrap {
        align-items: flex-start !important;
    }
}
/* تنظیمات نهایی و کاملاً ایزوله برای سایدبار دسکتاپ بدون تاثیرپذیری از موبایل */
@media screen and (min-width: 1025px) {
    #betterdocs-sidebar-right {
        position: sticky !important;
        top: 30px !important;
        max-height: calc(105vh - 30px) !important;
        overflow-y: auto !important;
        padding-bottom: 70px !important; /* فضای تنفس برای دیده‌شدن آخرین آیتم */
        box-sizing: border-box !important;
    }

    /* بازنشانی کانتینرهای داخلی برای جلوگیری از قفل شدن اسکرول در دسکتاپ */
    #betterdocs-sidebar-right .simplebar-content-wrapper {
        overflow: visible !important;
    }
    
    #betterdocs-sidebar-right .simplebar-content {
        padding-bottom: 50px !important;
        margin-bottom: 0 !important;
    }
}
@media screen and (max-width: 425px) {
    .docs-navigation {
        flex-direction: column !important;
        max-width: 100% !important;
        gap: 12px !important;
        padding: 12px !important;
        margin: 20px 0 !important;
    }

    .docs-navigation a {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
        text-align: right !important;
        gap: 8px !important;
    }

    .docs-navigation svg {
        width: 24px !important;
        height: 24px !important;
        flex-shrink: 0 !important;
    }
}
/* استایل مدرن و دارک برای صفحه 404 */
#content.site-main {
    background: #0f172a !important;
    border: 1px solid rgba(56, 189, 248, 0.25) !important;
    border-radius: 20px !important;
    box-shadow: 0 12px 30px -10px rgba(0, 0, 0, 0.6) !important;
    padding: 50px 30px !important;
    margin-top: 50px !important;
    margin-bottom: 50px !important;
    text-align: center !important;
    direction: rtl !important;
    box-sizing: border-box !important;
    max-width: 720px !important;
}

#content.site-main .page-header .entry-title {
    color: #f8fafc !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
    position: relative !important;
}

#content.site-main .page-header .entry-title::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3px !important;
    background: #38bdf8 !important;
    margin: 12px auto 0 auto !important;
    border-radius: 2px !important;
}

#content.site-main .page-content p {
    color: #94a3b8 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}