/*
Theme Name: Sarkari Job India
Version: 1.1.4
*/

/* ================= 8 BOX GRID ================= */
.sji-8box{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:8px;
    margin-bottom:22px;
}

/* ================= 8 BOX ITEM ================= */
.sji-8-item{
    position:relative;
    height:95px;

    /* 🔥 badge + title spacing */
    padding:10px 12px 10px;

    border-radius:6px;
    color:#fff;
    overflow:hidden;

    background-size:300% 300%;
    animation:gradMove 8s ease infinite;

    text-align:left;
}

/* ================= CATEGORY BADGE ================= */
.sji-8-badge{
    position:absolute;
    top:2px;
    left:10px;

    background:rgba(0,0,0,.85);
    color:#fff;

    font-size:11px;
    font-weight:700;
    padding:4px 8px;
    border-radius:4px;

    line-height:1;
    white-space:nowrap;
    z-index:3;

    box-shadow:0 2px 6px rgba(0,0,0,.25);
}

/* ================= POST TITLE ================= */
.sji-rotator{
    display:none;

    margin-top:6px;              /* 🔥 badge se gap */
    font-size:13.5px;
    font-weight:700;
    line-height:1.35;
    color:#fff;

    max-height:3.9em;
    overflow:hidden;

    opacity:0;
    transform:translateY(6px);
    transition:opacity .6s ease, transform .6s ease;

    text-align:left;
}

.sji-rotator.active{
    display:block;
    opacity:1;
    transform:translateY(0);
}

/* ================= HOVER EFFECT ================= */
.sji-8-item:hover .sji-rotator{
    text-shadow:0 2px 6px rgba(0,0,0,.4);
}

/* ================= GRADIENT ANIMATION ================= */
@keyframes gradMove{
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

/* ================= GRADIENT COLORS ================= */
.sji-g1{background:linear-gradient(45deg,#ff0000,#ff6a88,#ff0000)}
.sji-g2{background:linear-gradient(45deg,#ff0080,#ff8cc6,#ff0080)}
.sji-g3{background:linear-gradient(45deg,#0066ff,#00c6ff,#0066ff)}
.sji-g4{background:linear-gradient(45deg,#6a11cb,#2575fc,#6a11cb)}
.sji-g5{background:linear-gradient(45deg,#ff8c00,#ffcc00,#ff8c00)}
.sji-g6{background:linear-gradient(45deg,#11998e,#38ef7d,#11998e)}


/* ================= RESET ================= */
*{box-sizing:border-box}
a{text-decoration:none}
ul,li{list-style:none;margin:0;padding:0}

/* ================= WRAP ================= */
.sji-front{
    max-width:1060px;
    margin:0 auto;
    padding:10px;
    font-family:Arial, Helvetica, sans-serif;
}
.sji-badge{
    display:inline-block;
    margin-top:4px;
    padding:2px 8px;
    font-size:11px;
    font-weight:600;
    border-radius:4px;
}

.sji-badge.green{background:#1fa463;color:#fff;}
.sji-badge.blue{background:#2563eb;color:#fff;}
.sji-badge.red{background:#dc2626;color:#fff;}
.sji-badge.gray{background:#6b7280;color:#fff;}

/* ================= BREAKING ================= */
.sji-breaking-wrap{background:#000;color:#fff;margin:10px auto}
.sji-breaking-inner{display:flex;gap:10px;padding:6px 10px}
.sji-breaking-label{
    background:#ffd700;
    color:#000;
    font-weight:700;
    font-size:13px;
    padding:4px 8px;
    white-space:nowrap
}
.sji-breaking-inner marquee{flex:1}
.sji-breaking-inner a{
    color:#fff;
    font-weight:600;
    margin-right:16px
}

/* ================= FOLLOW FACEBOOK ================= */
.sji-follow{
    text-align:center;
    margin:14px 0 22px;
}
.sji-fb-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#1877f2;
    color:#fff !important;
    padding:8px 14px;
    border-radius:4px;
    font-weight:700;
    font-size:14px;
}
.sji-fb-btn:hover{background:#0f5ed7}
.fb-icon{
    width:22px;height:22px;
    background:#fff;
    color:#1877f2;
    font-weight:900;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* ================= HERO ================= */
.sji-hero h1{
    text-align:center;
    font-size:26px;
    margin:18px 0 22px;
    font-weight:800;
}



/* ================= 6 BOX ================= */
.sji-6box{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin-bottom:25px
}
.sji-6-item{background:#fff;border:1px solid #ccc}
.sji-6-head{
    background:#8b2c3a;
    color:#fff;
    font-weight:700;
    text-align:center;
    padding:6px
}
.sji-6-item ul{padding:6px}

/* ================= 6 BOX – BULLET PERFECT ================= */
.sji-6-item li{
    position:relative;
    padding-left:14px;
    margin-bottom:10px;
    font-size:14px;
    line-height:1.5;
}

/* bullet – always first line top */
.sji-6-item li::before{
    content:"•";
    position:absolute;
    left:0;
    top:0;
    font-size:18px;
    font-weight:900;
    line-height:1;
    color:#000;
}

/* title full width */
.sji-job-title{
    display:block;
    width:100%;
    color:#000;
    font-weight:600;
    overflow-wrap:anywhere;
}
.sji-job-title:hover{color:#b30000}




/* ================= RESPONSIVE ================= */
@media(max-width:900px){
    .sji-8box{grid-template-columns:repeat(2,1fr)}
    .sji-6box{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
    .sji-8box,.sji-6box{grid-template-columns:1fr}
    .sji-hero h1{font-size:22px}
}
/* ==================================================
   CATEGORY PAGE – HEADER WIDTH + 2 SECTION LAYOUT
================================================== */

/* category wrapper already .sji-front (1060px) */

/* ===== ABOUT / SEO SECTION ===== */
.sji-category-about{
    background:#fff;
    border:1px solid #b30000;
    border-radius:6px;
    margin:25px 0;
    overflow:hidden;
}

.sji-category-title{
    background:#b30000;
    color:#fff;
    padding:12px 15px;
    margin:0;
    font-size:20px;
    font-weight:800;
    text-align:center;
}

.sji-category-desc{
    padding:14px 16px;
    font-size:15px;
    line-height:1.7;
    color:#111;
}

/* ===== POST LIST SECTION ===== */
.sji-category-posts{
    background:#fff;
    border:1px solid #ccc;
    border-radius:6px;
    padding:10px;
}

/* list */
.sji-category-list li{
    position:relative;
    padding-left:14px;
    margin-bottom:12px;
    font-size:15px;
    line-height:1.5;
}

/* bullet */
.sji-category-list li::before{
    content:"•";
    position:absolute;
    left:0;
    top:0;
    font-size:18px;
    font-weight:900;
    line-height:1;
}

/* title */
.sji-category-list .sji-job-title{
    display:block;
    font-weight:700;
    color:#000;
}
.sji-category-list .sji-job-title:hover{
    color:#b30000;
}

/* badges last line right */
.sji-category-list .sji-job-badges{
    display:flex;
    justify-content:flex-end;
    gap:6px;
    margin-top:2px;
}
/* ==================================================
   PAGES (CONTACT / ABOUT / DISCLAIMER ETC.)
================================================== */

.sji-page-wrap{
    margin:30px 0;
    background:#fff;
    border:1px solid #b30000;
    border-radius:6px;
    overflow:hidden;
}

/* page title */
.sji-page-title{
    background:#b30000;
    color:#fff;
    padding:14px 16px;
    margin:0;
    font-size:22px;
    font-weight:800;
    text-align:center;
}

/* page content */
.sji-page-content{
    padding:16px 18px;
    font-size:15px;
    line-height:1.7;
    color:#111;
}

/* headings inside page */
.sji-page-content h2{
    margin-top:20px;
    color:#8b2c3a;
    font-size:18px;
    font-weight:800;
}

.sji-page-content h3{
    margin-top:16px;
    font-size:16px;
    font-weight:700;
    color:#b30000;
}

/* lists */
.sji-page-content ul{
    margin:10px 0 14px 20px;
}
.sji-page-content ul li{
    list-style:disc;
    margin-bottom:6px;
    font-weight:600;
}

/* links */
.sji-page-content a{
    color:#0066cc;
    font-weight:700;
}
.sji-page-content a:hover{
    text-decoration:underline;
}

/* mobile */
@media(max-width:600px){
    .sji-page-title{
        font-size:20px;
    }
    .sji-page-content{
        font-size:14.5px;
    }
}
/* =========================================
   GLOBAL BODY GAP KILL (FINAL)
========================================= */
html, body{
    margin:0 !important;
    padding:0 !important;
}

/* Gutenberg / WP block editor wrapper */
.wp-site-blocks,
.wp-site-blocks > *{
    margin-top:0 !important;
    padding-top:0 !important;
}

/* Archive / Page / Category hard reset */
body.archive,
body.page,
body.single{
    margin:0 !important;
    padding:0 !important;
}
/* =====================================================
   HERO SECTION – FINAL CARD STYLE (SEO SAFE)
===================================================== */

/* OUTER WRAP */
.sji-hero-wrap{
    padding:22px 12px 12px;
    background:#f4f4f4;
}

/* HERO CARD */
.sji-hero-card{
    max-width:1100px;
    margin:0 auto;
    background:linear-gradient(135deg,#8b2c3a,#b93a4b);
    border-radius:14px;
    padding:26px 18px 30px;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
    text-align:center;
    color:#fff;
}

/* HERO INNER */
.sji-hero-inner{
    max-width:980px;
    margin:0 auto;
}

/* H1 */
.sji-hero-card h1{
    font-size:26px;
    font-weight:800;
    line-height:1.35;
    margin:0 0 10px;
    color:#fff;
}

/* INTRO TEXT */
.sji-hero-intro{
    font-size:14.5px;
    line-height:1.75;
    margin:0 auto 18px;
    max-width:900px;
    color:#ffecec;
}

/* =====================================================
   MAIN HERO BUTTONS (CATEGORY)
===================================================== */

.sji-hero-links{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:14px;
}

.hero-btn{
    padding:8px 16px;
    border-radius:6px;
    font-size:13.5px;
    font-weight:700;
    color:#fff;
    text-decoration:none;
    transition:all .25s ease;
}

.hero-btn.red{background:#e53935;}
.hero-btn.blue{background:#1e88e5;}
.hero-btn.green{background:#43a047;}
.hero-btn.purple{background:#8e24aa;}

.hero-btn:hover{
    opacity:.9;
    transform:translateY(-1px);
}

/* =====================================================
   TOOL BUTTONS (FUTURE INTEGRATION READY)
===================================================== */

.sji-hero-tools{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:6px;
}

.tool-btn{
    padding:7px 18px;
    border-radius:22px;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
    color:#fff;
    border:1px solid rgba(255,255,255,.65);
    background:rgba(255,255,255,.08);
    transition:all .25s ease;
}

.tool-btn:hover{
    background:#ffffff;
    color:#8b2c3a;
}

/* =====================================================
   MOBILE OPTIMIZATION
===================================================== */

@media(max-width:768px){

    .sji-hero-wrap{
        padding:16px 10px 8px;
    }

    .sji-hero-card{
        padding:20px 14px 24px;
        border-radius:10px;
    }

    .sji-hero-card h1{
        font-size:20px;
    }

    .sji-hero-intro{
        font-size:13.8px;
        margin-bottom:16px;
    }

    .hero-btn{
        font-size:13px;
        padding:7px 14px;
    }

    .tool-btn{
        font-size:12.5px;
        padding:6px 16px;
    }
}
/* =========================================
   DESKTOP SCALE FIX – 80%
   SarkariJobIndia.org
========================================= */

@media (min-width: 1200px) {

    body{
        zoom: 0.9;
    }

}


/**/
.sji-latest-fade-wrap{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
    margin:30px 0;
}

.sji-fade-card{
    position:relative;
    padding:18px;
    min-height:140px;
    border-radius:14px;
    overflow:hidden;
    color:#fff;
    animation:bgPulse 6s infinite alternate;
}

.sji-fade-bg-1{background:linear-gradient(135deg,#ff416c,#ff4b2b)}
.sji-fade-bg-2{background:linear-gradient(135deg,#1d976c,#93f9b9)}
.sji-fade-bg-3{background:linear-gradient(135deg,#4776e6,#8e54e9)}

.sji-fade-label{
    font-weight:700;
    font-size:14px;
    display:block;
    margin-bottom:10px;
}

.sji-fade-item{
    display:none;
    color:#fff;
    font-weight:600;
    line-height:1.4;
}

.sji-fade-item.active{
    display:block;
    animation:fadeIn .8s ease;
}

@keyframes fadeIn{
    from{opacity:0;transform:translateY(6px)}
    to{opacity:1}
}

@keyframes bgPulse{
    from{filter:brightness(1)}
    to{filter:brightness(1.15)}
}

@media(max-width:900px){
    .sji-latest-fade-wrap{
        grid-template-columns:1fr;
    }
}


.badge{
    font-size:11px;
    padding:3px 8px;
    border-radius:20px;
    font-weight:700;
    display:inline-block;
    margin-top:4px;
}
.sji-fade-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
    margin:30px 0;
}

/* backgrounds (auto loop safe) */
.sji-fade-bg-1{background:linear-gradient(135deg,#ff416c,#ff4b2b)}
.sji-fade-bg-2{background:linear-gradient(135deg,#1d976c,#93f9b9)}
.sji-fade-bg-3{background:linear-gradient(135deg,#4776e6,#8e54e9)}
.sji-fade-bg-4{background:linear-gradient(135deg,#ff8008,#ffc837)}
.sji-fade-bg-5{background:linear-gradient(135deg,#00c6ff,#0072ff)}
.sji-fade-bg-6{background:linear-gradient(135deg,#8e2de2,#4a00e0)}

/* =====================================================
   FINAL VISIBILITY FIX – 8 BOX + FADE CARDS
   (NO OLD CSS REMOVED)
===================================================== */

/* ---------- COMMON OVERLAY FOR BETTER CONTRAST ---------- */
.sji-8-item::before,
.sji-fade-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.32); /* 🔥 main visibility fix */
    z-index:0;
}

/* ---------- TEXT ALWAYS ABOVE OVERLAY ---------- */
.sji-8-item *,
.sji-fade-card *{
    position:relative;
    z-index:1;
}


/* =====================================================
   FINAL BADGE STYLE – AUTO COLOR
===================================================== */
.sji-badge{
    display:inline-block;
    font-size:11px;
    font-weight:800;
    padding:3px 9px;
    border-radius:20px;
    white-space:nowrap;
    margin-top:3px;
    letter-spacing:.2px;
}

/* colors */
.sji-badge.green{background:#2e7d32;color:#fff;}
.sji-badge.orange{background:#ef6c00;color:#fff;}
.sji-badge.red{background:#c62828;color:#fff;}
.sji-badge.blue{background:#1565c0;color:#fff;}
.sji-badge.gray{background:#9e9e9e;color:#fff;}
.sji-badge.dark{background:#424242;color:#fff;}

/**/
/* =====================================================
   FINAL BADGE UI – CLEAN & PROFESSIONAL
===================================================== */

/* badge wrapper alignment */
.sji-job-badges{
    display:flex;
    justify-content:flex-end;
    margin-top:4px;
}

/* badge base */
.sji-badge{
    font-size:10.5px;
    font-weight:700;
    padding:2px 7px;
    border-radius:3px;          /* 🔥 pill se square look */
    letter-spacing:.2px;
    line-height:1.2;
    text-transform:uppercase;
    box-shadow:0 1px 3px rgba(0,0,0,.15);
}

/* COLOR TUNING (SOFT PROFESSIONAL) */
.sji-badge.green{
    background:#2e7d32;
}
.sji-badge.orange{
    background:#ef6c00;
}
.sji-badge.red{
    background:#c62828;
}
.sji-badge.blue{
    background:#1565c0;
}
.sji-badge.gray{
    background:#757575;
}
.sji-badge.dark{
    background:#424242;
}

/* text color fix */
.sji-badge{
    color:#fff;
}

/* spacing between list item & badge */
.sji-6-item li{
    padding-bottom:2px;
}

/* mobile tightening */
@media(max-width:600px){
    .sji-badge{
        font-size:10px;
        padding:2px 6px;
    }
}
/*wordpress defalt text css*/
.sji-wp-footer{
    margin-top:30px;
    text-align:center;
    font-size:13px;
    color:#777;
}

/*front page footer css*/
/* =============================
   FIX FOOTER TOP GAP – FRONT PAGE
============================= */



/*footer css*/
/* =====================================================
   FOOTER SAFETY FIX – CATEGORY + PAGE (FINAL)
===================================================== */

body.category footer,
body.page footer{
    clear: both;
    position: relative;
    margin-top: 25px !important;
}

/* ensure content always pushes footer */
body.category .site-main,
body.category .sji-front,
body.page .site-main{
    padding-bottom: 25px;
}


/* ================= SHARE ================= */
.sji-share-box{
    display:flex;
    gap:10px;
    align-items:center;
    margin:20px 0;
    flex-wrap:wrap;
}
.sji-share-label{font-weight:700}
.sji-share{
    padding:6px 12px;
    font-size:13px;
    border-radius:4px;
    color:#fff;
    font-weight:700;
}
.sji-share.fb{background:#1877f2}
.sji-share.wa{background:#25d366}
.sji-share.tg{background:#0088cc}

/* ================= TOOLS ================= */
.sji-tools-box{
    margin:25px 0;
    padding:16px;
    border:1px solid #ddd;
    border-radius:6px;
}
.sji-tools-box h3{
    margin-bottom:10px;
}
.sji-tools-links{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}
.sji-tools-links a{
    padding:6px 14px;
    background:#f2f2f2;
    border-radius:20px;
    font-weight:700;
}

/* ================= FOLLOW ================= */
.sji-follow-box{
    margin:30px 0;
    padding:18px;
    background:#f9f9f9;
    border-radius:6px;
    text-align:center;
}
.sji-follow-links{
    display:flex;
    justify-content:center;
    gap:12px;
    flex-wrap:wrap;
}
.sji-follow-links a{
    padding:8px 16px;
    font-weight:700;
    color:#fff;
    border-radius:4px;
}
.sji-follow-links .fb{background:#1877f2}
.sji-follow-links .wa{background:#25d366}
.sji-follow-links .tg{background:#0088cc}


/* ===============================
   IMPORTANT LINKS – PROFESSIONAL UI
================================ */

.sji-important-links{
    width:100%;
    max-width:100%;
    margin:24px auto;
    padding:18px 20px;
    box-sizing:border-box;
}

/* Heading */
.sji-important-links h3{
    margin:0;
    padding:12px 16px;
    background:#f5f7fa;
    border-bottom:1px solid #e6e9ee;
    font-size:15px;
    font-weight:700;
    color:#222;
}

/* Table */
.sji-important-links table{
    width:100%;
    border-collapse:separate;
    border-spacing:0 10px; /* 🔥 row gap */
}

/* Rows */
sji-important-links tr{
    background:#fff;
}

.sji-important-links tr:last-child{
    border-bottom:none;
}

/* Left column (label) */
.sji-important-links td:first-child{
    padding:10px 14px;
    font-weight:600;
    color:#333;
    width:45%;
    background:#fafbfc;
}

/* Right column (links) */
.sji-important-links td:last-child{
    padding:10px 14px;
    text-align:right;
    white-space:nowrap;
}

/* Links */
.sji-important-links a{
    color:#0a58ca;
    font-weight:600;
    text-decoration:none;
    margin-left:10px;
}

.sji-important-links a:first-child{
    margin-left:0;
}

.sji-important-links a:hover{
    text-decoration:underline;
}

/* Hindi | English separator */
.sji-important-links .sep{
    color:#999;
    margin:0 6px;
}


sji-important-links td:first-child{
    width:45%;
    padding:12px 18px;
    font-weight:600;
    color:#222;
    text-align:left;
    border-right:1px solid #eee;
}
.sji-important-links td:last-child{
    width:55%;
    padding:12px 18px;
    text-align:center; /* 🔥 CENTER */
}

/* RIGHT LINKS (Hindi | English etc.) */
.sji-important-links td:last-child a{
    display:inline-block;
    margin:0 8px;
    font-weight:600;
    color:#0a58ca;
    text-decoration:none;
}

.sji-important-links td:last-child a:hover{
    text-decoration:underline;
}

/* SOFT CARD LOOK */
.sji-important-links tr{
    border-radius:6px;
    box-shadow:0 1px 4px rgba(0,0,0,.06);
}
@media(max-width:600px){

    .sji-important-links td{
        display:block;
        width:100%;
        text-align:center;
        border-right:0 !important;
    }

    .sji-important-links td:first-child{
        padding-bottom:6px;
        font-weight:700;
    }
}

/* =================================================
   HOME SEO SECTION – FINAL STABLE VERSION
================================================= */


/* =========================================
   FOOTER WIDTH FIX – MATCH HEADER (FINAL)
========================================= */

/* outer footer strip */
.sji-footer{
    width:100%;
    background:#000;
    margin-top:30px;
}

/* inner footer container – SAME AS HEADER */
.sji-footer-inner{
    max-width:1060px;       /* 🔥 header width */
    margin:0 auto;          /* center */
    padding:14px 12px;

    display:flex;
    justify-content:center;
    align-items:center;

    text-align:center;
    box-sizing:border-box;
}

/* footer text */
.sji-footer-inner,
.sji-footer-inner p,
.sji-footer-inner span{
    color:#fff;
    font-size:13px;
    line-height:1.5;
}

/* mobile */
@media(max-width:768px){
    .sji-footer-inner{
        padding:12px 10px;
        font-size:12.5px;
    }
}



/* ===============================
   HOME SEO – FULL WIDTH FIX
=============================== */

.nv-home-seo-wrap{
    width:100%;
    clear:both;
    margin:40px 0;
    background:#f2f2f2;
}

.nv-home-seo-content{
    max-width:1060px;
    margin:0 auto;
    background:#ffffff;
    border:1px solid #b30000;
    border-radius:6px;
    padding:20px;
    box-sizing:border-box;
}

/* heading bar */
.nv-home-seo-content h1,
.nv-home-seo-content h2{
    background:#781c1c;
    color:#ffffff;
    padding:12px 16px;
    margin:-20px -20px 16px;
    font-size:20px;
    font-weight:800;
}

/* section headings */
.nv-home-seo-content h3{
    margin:22px 0 10px;
    padding-left:10px;
    border-left:4px solid #781c1c;
    font-size:16px;
    font-weight:800;
    color:#781c1c;
}

/* text */
.nv-home-seo-content p,
.nv-home-seo-content td{
    font-size:14.5px;
    line-height:1.75;
    text-align:justify;
}

/* tables */
.nv-home-seo-content table{
    width:100%;
    border-collapse:collapse;
    margin-bottom:18px;
}

.nv-home-seo-content th,
.nv-home-seo-content td{
    border:1px solid #ddd;
    padding:10px;
}

/* mobile */
@media(max-width:768px){
    .nv-home-seo-content{
        margin:0 12px;
        padding:16px;
    }

    .nv-home-seo-content h1,
    .nv-home-seo-content h2{
        margin:-16px -16px 14px;
        font-size:18px;
    }
}
/* =========================================
   HOME SEO – WIDTH & CENTER FIX (FINAL)
========================================= */

/* full width strip */
.nv-home-seo-wrap{
    width:100%;
    background:transparent;
    clear:both;
}

/* inner content – SAME AS SITE */
.nv-home-seo-content{
    max-width:1060px;
    margin:30px auto;
    padding:20px;

    background:#ffffff;
    border:1px solid #b30000;
    border-radius:6px;

    box-sizing:border-box;
}
/* 6 BOX LIST ITEM – TRUE INLINE BADGE */
.sji-6box li {
    position: relative;
    overflow: hidden;
}

/* TITLE */
.sji-6box .sji-job-title {
    display: inline;
}

/* BADGE */
.sji-6box .sji-badge {
    float: right;                 /* 🔥 key line */
    margin-left: 8px;
    white-space: nowrap;
    font-size: 11px;
    padding: 4px 6px;
    border-radius: 4px;
}
/* LAST DAYS ALERT */
.sji-badge-danger {
    background-color: #c62828 !important;
    color: #fff !important;
    animation: sji-pulse 1.2s infinite;
}

/* subtle pulse */
@keyframes sji-pulse {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.05); }
    100% { transform: scale(1); }
}