/* سڀني سنگل پوسٽن تي ٽائٽل ايريا کي تصوير جي مٿان آڻڻ */
.single-post .inside-article {
    display: flex !important;
    flex-direction: column !important;
}

/* ٽائٽل ۽ ميٽا ڊيٽا کي پهرين نمبر تي رکڻ */
.single-post .entry-header {
    order: 1 !important;
    margin-bottom: 25px !important; /* ٽائٽل ۽ تصوير جي وچ ۾ فاصلو */
    text-align: left !important;     /* لکائي کي کاٻي/ساڄي پاسي برابر رکڻ */
}

/* فيچرڊ تصوير کي ٻئي نمبر تي (ٽائٽل جي هيٺان) ڪرڻ */
.single-post .featured-image,
.single-post .post-image {
    order: 2 !important;
    margin-top: 0 !important;
    margin-bottom: 30px !important; /* تصوير ۽ مضمون جي لکائي جي وچ ۾ فاصلو */
}

/* پوسٽ جي مکيه مواد (لکائي) کي ٽئين نمبر تي رکڻ */
.single-post .entry-content {
    order: 3 !important;
}

/* ڪمپيوٽر (ڊيسڪٽاپ) لاءِ وڌيڪ خوبصورتي ۽ الائنمينٽ */
@media (min-width: 769px) {
    .single-post .entry-header {
        max-width: 100% !important;
        padding-left: 0 !important;
    }
}


/* ڪيٽيگري ۽ نيويگيشن لنڪس کي هڪ ئي سڌي لائن ۾ ڪرڻ */
.single-post .entry-meta,
.single-post .inside-article > a,
.single-post .inside-article > span {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important; /* لنڪس جي وچ ۾ مناسب پروفيشنل فاصلو */
    margin-bottom: 15px !important;
}

/* جيڪڏهن لنڪس وڌيڪ هجن ته اهي پاڻهي هڪ سڌي لائن ۾ اڳتي وڌندا */
.single-post .inside-article .cat-links,
.single-post .inside-article .tags-links {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
}

/* مٿيان فالتو تير جا نشان (< ۽ >) ۽ لنڪس جيڪي مٿي چڙهيل آهن انهن کي سڌو ڪرڻ */
.single-post .inside-article a {
    display: inline-block !important;
    white-space: nowrap !important; /* لکائي کي زبردستي هڪ لائن ۾ رکڻ لاءِ */
    font-size: 14px !important;     /* پروفيشنل سائيز */
    text-decoration: none !important;
}

/* ٽائٽل، تاريخ ۽ ليکڪ واري هيٺين حصي کي مڪمل سيٽ ڪرڻ */
.single-post .entry-header {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
    clear: both !important;
}
