/* Accent */
.accent{ color:#f59e0b; }

/* ===== Hero عمومی وبلاگ ===== */
.page-hero.blog-hero,
.page-hero.post-hero{
    position:relative; overflow:hidden; color:#fff;
    height:30vh;
}
.page-hero.blog-hero::before,
.page-hero.post-hero::before{
    content:""; position:absolute; inset:0;
    background-image: var(--hero-bg); background-size:cover; background-position:center;
    z-index:0;
}
.page-hero.blog-hero::after,
.page-hero.post-hero::after{
    content:""; position:absolute; inset:0; background: rgba(107,114,128,.30); z-index:1;
}
.page-hero .container{ position:relative; z-index:3; }


/* ===== Toolbar ===== */
.search-wrap{ position:relative; }
.search-wrap i{ position:absolute; right:.75rem; top:50%; transform:translateY(-50%); color:#94a3b8 }
.search-wrap .form-control{ padding-right:2.25rem; }
.tag-chip{
    border:1px solid #e5e7eb; background:#fff; color:#111827;
    padding:.45rem .9rem; border-radius:999px; font-weight:800; cursor:pointer;
}
.tag-chip.active{ background:#f59e0b; color:#fff; border-color:#f59e0b; }

/* ===== Cards ===== */
.post-card{
    display:flex; gap:1rem; align-items:center;
    padding:1rem; border:1px solid #eef2f6; border-radius:14px; background:#fff;
    transition: transform .12s ease, box-shadow .12s ease;
}
.post-card:hover{ transform: translateY(-3px); box-shadow:0 12px 30px rgba(0,0,0,.07); }
.post-thumb{
    width:96px; height:96px; border-radius:999px; overflow:hidden; flex:0 0 96px; background:#f3f4f6;
}
.post-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.post-title{ margin:0; font-weight:900; }
.post-excerpt{ color:#6b7280; margin: .25rem 0 .5rem; }
.post-meta{ font-size:.85rem; color:#94a3b8; }
.post-meta .dot::before{ content:"•"; margin:0 .4rem; color:#cbd5e1 }

/* ===== صفحه مقاله ===== */
.post-body .container{ max-width: 1000px; }
.post-body article{ line-height: 1.9; }
.post-body article img{ max-width:100%; border-radius:12px; margin:1rem 0; }
.post-body article blockquote{
    border-right:4px solid #f59e0b; padding:.5rem 1rem; background:#fff7ea; border-radius:12px; margin:1rem 0;
}

/* Comments */
.post-comments .comment{
    border:1px solid #eef2f6; border-radius:14px; padding:1rem; background:#fff;
}
.comment .name{ font-weight:800; }
.comment .time{ font-size:.85rem; color:#94a3b8; }

/* ریسپانسیو */
@media (max-width: 576px){
    .post-thumb{ width:72px; height:72px; flex-basis:72px; }
    .page-hero .container::after{ height:88px; bottom:-50px; }
}
.typeDescription h4 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    font-size: 20px !important;
    font-family: "IRANSans", serif !important;
    font-weight: 600 !important;
    color: #552370 !important;
}

.typeDescription p img {
    width: 100%;
    height: auto;
}

.content-expert-text p img {
    width: auto;
    height: auto;
    margin: auto;
}

@media screen and (max-width: 480px) {
    .content-expert-text p img {
        width: 100%;
        height: auto;
        margin: auto;
    }
}

@media screen and (max-width: 576px) {
    .content-expert-text p img {
        width: 100%;
        height: auto;
        margin: auto;
    }
}

.typeDescription strong {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    font-size: 20px !important;
    font-family: "IRANSans", serif !important;
    font-weight: 600 !important;
    color: #552370 !important;
}

.typeDescription p {
    color: #0b0b0b;
    text-align: justify !important;
    font-size: 18px !important;
    margin-right: 10px !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    font-weight: 500 !important;
}

.p-page-index {
    color: #0b0b0b !important;
    text-align: justify !important;
    font-size: 18px !important;
    margin-right: 10px !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    font-weight: 500 !important;
}

.promotion-categories-container h1 {
    color: #552370 !important;
    margin-top: 30px !important;
    margin-bottom: 20px !important;
    font-size: 36px !important;
    font-family: "IRANSans", serif !important;
    font-weight: 900 !important;
}

.promotion-categories-container p {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    font-size: 16px !important;
    font-family: "IRANSans", serif !important;
    font-weight: 500 !important;
    color: #000000 !important;
}

.content-expert-text h1 {
    color: #552370 !important;
    margin-top: 30px !important;
    margin-bottom: 20px !important;
    font-size: 36px !important;
    font-family: "IRANSans", serif !important;
    font-weight: 900 !important;
}

.typeDescription h2 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    font-size: 24px !important;
    font-family: "IRANSans", serif !important;
    font-weight: 800 !important;
    color: #552370 !important;
}

.typeDescription h3 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    font-size: 22px !important;
    font-family: "IRANSans", serif !important;
    font-weight: 700 !important;
    color: #552370 !important;
}

.typeDescription h4 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    font-size: 20px !important;
    font-family: "IRANSans", serif !important;
    font-weight: 600 !important;
    color: #552370 !important;
}

.typeDescription h5 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    font-size: 18px !important;
    font-family: "IRANSans", serif !important;
    font-weight: 500 !important;
    color: #552370 !important;
}

.typeDescription p {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    font-size: 16px !important;
    font-family: "IRANSans", serif !important;
    font-weight: 500 !important;
    color: #000000
}

.typeDescription ol {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    list-style: none;
    counter-reset: cupcake;
    padding-right: 32px;
}

.typeDescription ol li {
    counter-increment: cupcake;
    color: #0b0b0b !important;
    text-align: justify !important;
    font-size: 16px !important;
    margin-right: 10px !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    font-weight: 500 !important;
}

.typeDescription ol li:before {
    content: counters(cupcake, ".") ". ";
}

.typeDescription ul {
    list-style: none !important;
}

.typeDescription ul li {
    list-style: none !important;
    margin-bottom: 1rem !important;
    font-size: 16px !important;
    color: black !important;
    font-weight: 500 !important;
}

.typeDescription ul li::before {
    content: "✅ ";
    display: inline-block;
    margin-right: 0.2rem;
    margin-left: 0.2rem;
}

.typeDescription ul ul li::before {
    content: "📌 ";
}

.typeDescription ul ul ul li::before {
    content: "📌 ";
}

.typeDescription p {
    max-width: 100%;
}

.typeDescription p img {
   margin-top: 20px;
   margin-bottom: 20px;
}

.typeDescription blockquote {
    background-color: #552370 !important;
    border-radius: 8px;
    display: flex;
    padding-top: 2px;
    color: #FFFFFF !important;
}

.typeDescription p a {
    color: #b70000 !important;
    font-weight: bold;
    text-decoration: none !important;
}

.typeDescription blockquote p a {
    color: #FFFFFF !important;
    font-weight: bold;
    text-decoration: none !important;
}

.typeDescription blockquote p a:hover {
    color: #ff5e5e !important;
    text-decoration: none !important;
}

.typeDescription blockquote p {
    font-weight: 700 !important;
    color: white !important;
    width: 100%;
    padding-right: 20px !important;
}