/* =========================================================
   JOBS ARCHIVE PAGE
========================================================= */

.jobs-archive-container{
    max-width:1100px;
    margin:0 auto;
    padding:5px;
}

/* =========================================================
   ARCHIVE HEADER
========================================================= */

.jobs-archive-header{
    margin-bottom:20px;
}

.jobs-archive-header h1{
    font-size:24px;
    font-weight:700;
    line-height:1.4;
    color:#111827;
    margin-bottom:10px;
}

.jobs-archive-description{
    font-size:15px;
    line-height:1.7;
    color:#4b5563;
}

/* =========================================================
   TRENDING JOBS
========================================================= */

.trending-jobs{
    margin:20px 0;
}

.trending-title{
    background:#1d6fa5;
    color:#fff;
    padding:10px 12px;
    font-size:18px;
    font-weight:700;
    border-radius:10px 10px 0 0;
    margin:0;
}

.trending-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
	background:#1d6fa5;
    gap:15px;
}

.trending-view-all{
    font-weight:600;
	color: white;
	padding: 0 5px;
    text-decoration:none;
    white-space:nowrap;
}

.trending-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:0;
    background:#fff;
    border:1px solid #dbe3ea;
    border-top:none;
    border-radius:0 0 10px 10px;
    overflow:hidden;
}

.trending-card{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:14px;
    border-right:1px solid #dbe3ea;
    border-bottom:1px solid #dbe3ea;
    transition:.2s ease;
}

.trending-card:hover{
    background:#fafafa;
}

.trending-card:nth-child(2n){
    border-right:none;
}

.trending-card:nth-last-child(1),
.trending-card:nth-last-child(2){
    border-bottom:none;
}

/* =========================================================
   VACANCY BOX
========================================================= */

.trending-vacancy{
    min-width:55px;
    height:55px;
    border-radius:8px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-weight:700;
}

.vacancy-red{background:#ef4444;}
.vacancy-blue{background:#3b82f6;}
.vacancy-green{background:#22c55e;}
.vacancy-orange{background:#f59e0b;}
.vacancy-purple{background:#9333ea;}
.vacancy-cyan{background:#14b8a6;}
.vacancy-dark{background:#334155;}

.trending-vacancy strong{
    font-size:18px;
}

.trending-vacancy span{
    font-size:9px;
    margin-top:3px;
}

.trending-content{
    flex:1;
}

.trending-content h3{
    margin:0 0 6px;
    font-size:15px;
    line-height:1.5;
    font-weight:600;
}

.trending-content h3 a{
    color:#111827;
    text-decoration:none;
}

.trending-content h3 a:hover{
    color:#d97706;
}

.trending-apply{
    color:#2563eb;
    text-decoration:none;
    font-size:13px;
    font-weight:600;
}

/* =========================================================
   JOB CARD
========================================================= */

.job-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:10px;
    margin-bottom:14px;
    overflow:hidden;
}

.job-card-title{
    margin:0;
}

.job-card-title a{
    display:block;
    background:#ffead1;
    color:#000000;
    padding:12px 14px;
    text-decoration:none;
    font-size:18px;
    font-weight:700;
    line-height:1.6;
}

.job-card-title a:hover{
    color:#a35900;
}

.job-meta-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:11px 14px;
    border-bottom:1px solid #eef2f7;
}

.job-label{
    font-size:16px;
    font-weight:600;
    color:#374151;
}

.job-value{
    font-size:16px;
    color:#111827;
    text-align:right;
}

.job-card-footer{
    padding:10px;
}

/* =========================================================
   STATUS BADGES
========================================================= */

.job-badge{
    display:inline-block;
    padding:4px 8px;
    border-radius:20px;
    font-size:12px;
    font-weight:600;
}

.badge-open{
    background:#dcfce7;
    color:#166534;
}

.badge-expiring{
    background:#fef3c7;
    color:#92400e;
}

.badge-expired{
    background:#fee2e2;
    color:#991b1b;
}

/* =========================================================
   APPLY BUTTON
========================================================= */

.apply-btn{
    display:block;
    width:100%;
    text-align:center;
    background:#d97706;
    color:#fff !important;
    padding:11px;
    border-radius:8px;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
    transition:.2s ease;
}

.apply-btn:hover{
    background:#b45309;
}

/* =========================================================
   PAGINATION
========================================================= */

.jobs-pagination{
    margin-top:25px;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:6px;
}

.jobs-pagination .page-numbers{
    display:flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    border-radius:6px;
    background:#fff;
    border:1px solid #ddd;
    text-decoration:none;
    color:#111;
    font-size:14px;
    font-weight:600;
}

.jobs-pagination .current{
    background:#d97706;
    color:#fff;
    border-color:#d97706;
}

/* =========================================================
   RELATED QUALIFICATIONS
========================================================= */

.related-qualifications{
    margin-top:35px;
}

.related-qualifications h2{
    font-size:20px;
    margin-bottom:12px;
    font-weight:700;
}

.related-links{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
}

.related-links a{
    display:block;
    text-align:center;
    padding:10px;
    background:#fff7ed;
    border-radius:8px;
    color:#9a3412;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
}

.related-links a:hover{
    background:#fed7aa;
}

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

@media(max-width:768px){

    .trending-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .related-links{
        grid-template-columns:repeat(2,1fr);
    }

    .jobs-archive-header h1{
        font-size:22px;
    }

    .job-card-title a{
        font-size:15px;
    }

    .job-label,
    .job-value{
        font-size:14px;
    }
}

@media(max-width:480px){

    .jobs-archive-container{
        padding:8px;
    }

    .trending-grid{
        grid-template-columns:1fr;
    }

    .related-links{
        grid-template-columns:2fr;
    }

    .trending-card{
        border-right:none;
    }

    .trending-card:nth-last-child(2){
        border-bottom:1px solid #dbe3ea;
    }

    .jobs-archive-header h1{
        font-size:20px;
    }
}




/* ==========================================
   ARCHIVE LAYOUT
========================================== */

.jobs-layout{

    display:grid;

    grid-template-columns:minmax(0,1fr) 260px;

    gap:15px;

    max-width:1100px;

    margin:10px auto;

    width:100%;
}

.jobs-main{

    min-width:0;
}

.jobs-sidebar{

    position:sticky;

    top:20px;

    align-self:start;
}

/* ==========================================
   SIDEBAR BOX
========================================== */

.archive-sidebar-box{

    background:#fff;

    border:1px solid #e5e7eb;

    border-radius:10px;

    margin-bottom:15px;
	
	margin-top:15px;

    overflow:hidden;
}

.archive-sidebar-box h3{

    margin:0;

    padding:12px;

    background:#1d6fa5;

    color:#fff;

    font-size:16px;

    font-weight:700;
}

.archive-sidebar-box ul{

    list-style:none;

    margin:0;

    padding:0;
}

.archive-sidebar-box li{

    border-bottom:1px solid #eef2f7;
}

.archive-sidebar-box li:last-child{

    border-bottom:none;
}

.archive-sidebar-box a{

    display:block;

    padding:10px 12px;

    color:#374151;

    text-decoration:none;

    font-size:14px;
}

.archive-sidebar-box a:hover{

    background:#f8fafc;
}


/* ==========================================
   SIDEBAR VIEW ALL
========================================== */

.sidebar-view-all{
    border-top:1px solid #eef2f7;
}

.sidebar-view-all a{
    display:block;
    padding:12px;
    text-align:center;
    background:#c9e4ff;
    color:#1d6fa5;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
    transition:.2s ease;
}

.sidebar-view-all a:hover{
    background:#b1dffc;
}

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

@media(max-width:992px){
    .jobs-layout{
        grid-template-columns:1fr;
    }

    .jobs-sidebar{
        position:static;
    }
}



/* ==========================================
   Archive Page Last Updated Date
========================================== */

.archive-last-updated{
    display:flex;
    align-items:center;
    gap:6px;
    margin-bottom:12px;
    font-size:14px;
    color:#6b7280;
}

.updated-label{

    font-weight:600;
	font-size:14px;
}

.updated-date{

    color:#111827;
}


/* ==========================================
   Description 2
========================================== */

.archive-content-section{
    margin-top:40px;
}

.archive-content-section h2{
    font-size:22px;
    margin-bottom:20px;
	font-weight:700;
}

.archive-stats{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin-bottom:20px;
}

.archive-stat-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:10px;
    padding:20px;
    text-align:center;
}

.stat-icon{
    font-size:28px;
    margin-bottom:8px;
}

.stat-number{
    font-size:26px;
    font-weight:700;
    color:#1d6fa5;
}

.stat-label{
    font-size:14px;
    color:#6b7280;
}

.archive-info-box{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:10px;
    padding:18px;
    margin-bottom:15px;
}

.archive-info-box h3{
    margin-bottom:10px;
    font-size:20px;
	font-weight:500;
}

.recruiter-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.recruiter-tags span{
    padding:6px 10px;
    background:#eef6fb;
    border-radius:6px;
    font-size:13px;
}

.bookmark-box{
    background:#fff7ed;
    border-color:#fed7aa;
}

@media(max-width:768px){

    .archive-stats{
        grid-template-columns:1fr;
    }
}

/* ==========================================
   Breadcrumbs
========================================== */
.yoast-breadcrumbs{

    margin-bottom:12px;

    font-size:13px;

    color:#6b7280;
}

.yoast-breadcrumbs a{

    color:#2563eb;

    text-decoration:none;
}

.yoast-breadcrumbs span.breadcrumb_last{

    color:#111827;
}



/* =========================================================
   OVERFLOW FIX
========================================================= */

html,
body{
    max-width:100%;
    overflow-x:hidden;
}

.jobs-layout{
    overflow:hidden;
}