/* مشترک صفحات وبلاگ */
:root {
    --tu-blog-accent: #c2410c;
    --tu-blog-accent2: #1e3a5f;
    --tu-blog-card-radius: 14px;
    /* مسیر صفحه: هم‌رنگ منوی بالا (Navbar2 tema JSON یا پیش‌فرض) */
    --tu-blog-crumb-link: var(--navbar2-text, #1e3a8a);
    --tu-blog-crumb-link-hover: var(--navbar2-hover-text, #1e40af);
    --tu-blog-crumb-current-text: var(--tu-blog-accent2);
    --tu-blog-crumb-divider: rgba(30, 58, 95, 0.35);
}

.tu-blog-page__h1 {
    color: var(--tu-blog-accent2);
}

.tu-blog-widget__title {
    color: var(--tu-blog-accent2);
    border-bottom: 2px solid rgba(30, 58, 95, 0.12);
    padding-bottom: 0.35rem;
}

/* مسیر صفحه: فونت فارسی پروژه، بدون زیرخط؛ فقط صفحهٔ جاری تمایز رنگی دارد */
.tu-blog-breadcrumb-nav {
    font-family: var(--font-persian, "Shabnam", Tahoma, sans-serif);
}

.tu-blog-breadcrumb {
    --bs-breadcrumb-divider: '›';
    font-family: inherit;
    font-size: 0.9375rem;
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(8px);
    border-radius: 999px;
    padding: 0.5rem 1rem !important;
    border: 1px solid rgba(30, 58, 95, 0.08);
    margin-bottom: 1rem !important;
}

.tu-blog-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: var(--tu-blog-crumb-divider);
    font-weight: 600;
}

.tu-blog-breadcrumb .breadcrumb-item a {
    color: var(--tu-blog-crumb-link);
    text-decoration: none !important;
    font-weight: 500;
    transition: color 0.15s ease;
}

.tu-blog-breadcrumb .breadcrumb-item a:hover,
.tu-blog-breadcrumb .breadcrumb-item a:focus {
    color: var(--tu-blog-crumb-link-hover);
    text-decoration: none !important;
}

.tu-blog-breadcrumb .breadcrumb-item.active {
    color: var(--tu-blog-crumb-current-text);
    font-weight: 700;
    padding: 0.15rem 0.65rem;
    margin: -0.15rem 0;
    border-radius: 999px;
    background: linear-gradient(
        135deg,
        rgba(30, 58, 95, 0.1),
        rgba(30, 72, 138, 0.08)
    );
    border: 1px solid rgba(30, 58, 95, 0.14);
}

.tu-blog-tags__pill {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.15), rgba(59, 130, 246, 0.12));
    color: #0f172a !important;
    border: 1px solid rgba(15, 23, 42, 0.06);
    padding: 0.35rem 0.65rem;
}

.tu-blog-recent__thumb img {
    width: 56px;
    height: 56px;
    object-fit: cover;
}

.tu-blog-cat-tree__summary {
    list-style: none;
    cursor: pointer;
    font-weight: 600;
}

.tu-blog-cat-tree__root summary::-webkit-details-marker {
    display: none;
}