/* ================================================================
   article.css — category.php আর্টিকেল সেকশনের জন্য
   Bootstrap-এর পরে লোড হয়, তাই সব CSS জিতবে
   ================================================================ */

/* ── Global li override (artical এর ভেতরে) ── */
.artical li,
.artical-body li {
    list-style: inherit !important;
    color: #333 !important;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 6px;
    padding-left: 4px;
}

/* ── ul / ol containers ── */
.artical ul,
.artical-body ul {
    list-style-type: disc !important;
    padding-left: 28px !important;
    margin: 8px 0 14px 0 !important;
}

.artical ol,
.artical-body ol {
    list-style-type: decimal !important;
    padding-left: 28px !important;
    margin: 8px 0 14px 0 !important;
}

/* ── Quill হ্যাক: প্রতিটি ol/ul শুধু ১টা li ধরে,
      কিন্তু counter-reset প্রতি ol-এ রিসেট হয়।
      নিচের counter দিয়ে সেটা bypass করা হয় ── */
.artical ol,
.artical-body ol {
    counter-reset: none !important; /* browser default counter রাখব */
}

/* ── Headings hierarchy ── */
.artical h1,
.artical-body h1 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 38px !important;
    margin-bottom: 15px !important;
    margin-top: 0 !important;
    color: #1a1a2e !important;
}

.artical h2,
.artical-body h2 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 30px !important;
    margin-top: 22px !important;
    margin-bottom: 10px !important;
    color: #1a1a2e !important;
}

.artical h3,
.artical-body h3 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 26px !important;
    margin-top: 16px !important;
    margin-bottom: 8px !important;
    color: #1a1a2e !important;
}

.artical h4,
.artical-body h4 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    margin-top: 12px !important;
    margin-bottom: 6px !important;
    color: #333 !important;
}

/* ── Paragraph ── */
.artical p,
.artical-body p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
    line-height: 26px !important;
    color: #333 !important;
    text-align: justify !important;
    margin-bottom: 10px !important;
    margin-top: 0 !important;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .artical h1,
    .artical-body h1 {
        font-size: 20px !important;
        line-height: 28px !important;
    }
    .artical h2,
    .artical-body h2 {
        font-size: 17px !important;
        line-height: 24px !important;
    }
    .artical h3,
    .artical-body h3 {
        font-size: 15px !important;
        line-height: 22px !important;
    }
}