/* SHADA FA ZOO CATEGORY HERO V1.3
 *
 * Category pages reuse the exact approved Persian Blog hero typography,
 * colours, spacing and category-pill classes from shada-fa-split-hero-v1-17.css.
 * This file only changes the hero from split-image layout to one full-width
 * text/card column and makes the active category visually identifiable.
 */

.shada-zoo-category .shada-fa-blog-hero-v1-12--category {
    grid-template-columns: minmax(0, 1fr) !important;
}

.shada-zoo-category .shada-fa-blog-hero-v1-12--category .shada-fa-blog-hero-v1-12__content {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
}

.shada-zoo-category .shada-fa-blog-hero-v1-12--category .shada-fa-blog-hero-v1-12__category-pill.is-active {
    background: #0f766e;
    border-color: #0f766e;
    color: #ffffff;
}

.shada-zoo-category .shada-fa-blog-hero-v1-12--category .shada-fa-blog-hero-v1-12__category-pill.is-active
.shada-fa-blog-hero-v1-12__category-arrow {
    color: #ffffff;
}

.shada-zoo-category .shada-fa-blog-hero-v1-12--category + .shada-zoo-category__articles,
.shada-zoo-category .shada-fa-blog-hero-v1-12--category + .shada-zoo-category__rollup {
    margin-top: 28px;
}

/* Category article section remains RTL and full width after removal of the old sidebar. */
.shada-zoo-category .shada-zoo-category__articles,
.shada-zoo-category .shada-zoo-category__rollup {
    width: 100%;
    max-width: none;
    direction: rtl;
    text-align: right;
}

@media (max-width: 760px) {
    .shada-zoo-category .shada-fa-blog-hero-v1-12--category {
        display: block !important;
    }

    .shada-zoo-category .shada-fa-blog-hero-v1-12--category .shada-fa-blog-hero-v1-12__content {
        width: 100% !important;
    }
}

/* SHADA FA CATEGORY TYPOGRAPHY LOCK V1.2
 *
 * Explicitly overrides legacy category ShadaRoboto / ShadaRobotoSlab rules.
 * Values match the approved Persian Blog hero typography.
 */

.shada-zoo-category,
.shada-zoo-category .shada-fa-blog-hero-v1-12--category,
.shada-zoo-category .shada-fa-blog-hero-v1-12--category *,
.shada-zoo-category .shada-zoo-category__articles,
.shada-zoo-category .shada-zoo-category__rollup {
    font-family: ShadaIRANSans, IRANSans, Tahoma, Arial, sans-serif !important;
}

/* Approved Persian Blog eyebrow */
.shada-zoo-category .shada-fa-blog-hero-v1-12--category
.shada-fa-blog-hero-v1-12__eyebrow {
    font-family: ShadaIRANSans, IRANSans, Tahoma, Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
}

/* Approved Persian Blog H1 */
.shada-zoo-category .shada-fa-blog-hero-v1-12--category
.shada-fa-blog-hero-v1-12__title {
    font-family: ShadaIRANSans, IRANSans, Tahoma, Arial, sans-serif !important;
    font-size: 26.4px !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
}

/* Approved Persian Blog intro */
.shada-zoo-category .shada-fa-blog-hero-v1-12--category
.shada-fa-blog-hero-v1-12__intro,
.shada-zoo-category .shada-fa-blog-hero-v1-12--category
.shada-fa-blog-hero-v1-12__intro p {
    font-family: ShadaIRANSans, IRANSans, Tahoma, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.9 !important;
}

/* Approved Persian Blog categories title + pills */
.shada-zoo-category .shada-fa-blog-hero-v1-12--category
.shada-fa-blog-hero-v1-12__categories-title,
.shada-zoo-category .shada-fa-blog-hero-v1-12--category
.shada-fa-blog-hero-v1-12__category-pill,
.shada-zoo-category .shada-fa-blog-hero-v1-12--category
.shada-fa-blog-hero-v1-12__category-label {
    font-family: ShadaIRANSans, IRANSans, Tahoma, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* Category article stream heading: remove legacy ShadaRobotoSlab appearance. */
.shada-zoo-category .shada-zoo-category__section-head h2 {
    font-family: ShadaIRANSans, IRANSans, Tahoma, Arial, sans-serif !important;
    font-weight: 900 !important;
    line-height: 1.55 !important;
}

/* Category article stream supporting copy. */
.shada-zoo-category .shada-zoo-category__section-head p {
    font-family: ShadaIRANSans, IRANSans, Tahoma, Arial, sans-serif !important;
    font-weight: 500 !important;
    line-height: 1.9 !important;
}

/* SHADA FA CATEGORY ARTICLE SECTION TYPOGRAPHY V1.3
 *
 * Final category article-stream typography:
 * - heading: approved ShadaIRANSans, reduced to 24px
 * - supporting copy: approved ShadaIRANSans, 16px / 700
 *
 * These rules intentionally override legacy ShadaRoboto / ShadaRobotoSlab
 * category styling without changing the category hero.
 */

.shada-zoo-category .shada-zoo-category__section-head h2 {
    font-family: ShadaIRANSans, IRANSans, Tahoma, Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 1.55 !important;
}

.shada-zoo-category .shada-zoo-category__section-head p {
    font-family: ShadaIRANSans, IRANSans, Tahoma, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.9 !important;
}