/*-- BUK Job Manager - Single Job Post Styles - Do not make chnages to this file --*/
.buk-container > div+div{
    margin-top:30px;
}
.buk-job-post-single .entry-header{
    padding-top:20px;
}
.entry-flex--content{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:30px;
}
.entry-content-intro{
    display:flex;
    gap:20px;
}
.job-bookmark-action .buk-save-job-button{
    border:0;
    background:transparent;
}
.buk-save-job-button .bookmark-icon svg{
    width:1.5rem;
    height:auto;
}
.buk-save-job-button .bookmark-icon svg path,
.buk-login-to-save .bookmark-icon svg path{
    fill:var(--gray);
}
.buk-save-job-button.saved .bookmark-icon svg path{
    fill:var(--jpp-secondary-alt);
}
/* Job Meta Fields */
.buk-job-meta-overview{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));
    gap:15px;
}
.buk-job-meta-overview > div{
    background-color:var(--muted);
    border-radius:var(--border-radius-default);
    padding:15px 20px;
}
.buk-job-meta-overview > div .--inner{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100%;
}
.job-meta-label{
    font-weight: var(--font-w-bold);
    color:var(--primary);
    margin-right:5px;
}
/* Employment Status Badges */
.job-employment-status{
    display:flex;
    flex-wrap:wrap;
    gap:.625rem;
    margin-top:.938rem;
}
.job-status-badge{
    font-size:var(--fs-sm);
    display:inline-block;
    padding:.5rem .625rem;
    border-radius:var(--border-radius-small);
    background-color:var(--primary);
    color:var(--primary-foreground);
}
.job-status-badge.full-time{
    color:var(--badge-fulltime);
    background-color:var(--badge-fulltime-background);
}
.job-status-badge.part-time{
    color:var(--badge-parttime);
    background-color:var(--badge-parttime-background);
}
.job-status-badge.contract{
    color:var(--badge-contract);
    background-color:var(--badge-contract-background);
}
.job-status-badge.temporary{
    color:var(--badge-temporary);
    background-color:var(--badge-temporary-background);
}
.job-status-badge.internship{
    color:var(--badge-internship);
    background-color:var(--badge-internship-background);
}
.job-status-badge.outsourcing{
    color:var(--badge-outsourcing);
    background-color:var(--badge-outsourcing-background);
}
/* Content wrapper for two-column layout */
.buk-job-content-wrapper{
    background:var(--muted);
    padding:20px;
}
.buk-job-content-wrapper > div+div{
    margin-top:30px;
}
.buk-login-to-save{
    display:inline-flex;
    padding:0;
    background-color:transparent;
    border-radius:0;
    border:0;
    cursor:pointer;
    transition:all 0.2s ease;
}
.buk-login-to-save svg{
    width:1.25rem;
    height:auto;
}
#buk-notification-container{
    position:fixed;
    bottom:20px;
    right:20px;
    z-index:9999;
    width:250px;
}
.job-apply-section .buk-notice.your-post{
    display:none;
}
/* Responsive design */
@media (max-width: 768px){
    .buk-job-content-wrapper{
        flex-direction:column;
    }
    .buk-job-meta-overview{
        grid-template-columns:1fr;
    }
    .job-apply-button{
        width:100%;
    }
}